-
内容大纲
本书是与《Web前端开发职业技能等级标准》配套的实践教材,教材中所有应用技术专题和项目代码均在主流浏览器中运行通过。
本书结合高校计算机相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》,形成Web前端开发三位一体知识地图,以实践能力为导向,以企业真实应用为目标,遵循企业软件工程标准和技术,以任务为驱动,对HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端开发中的重要知识单元,结合实际案例和应用环境进行了分析和设计,并对每个重要知识单元进行了详细介绍,力求使读者真正掌握这些知识,从而在实际场景中加以应用。
全书分为两部分:第一部分为实验,采用技术专题进行知识单元训练,可以对应课程练习或实验,针对不同的知识单元设计实验项目,重点训练每个知识单元的内容;第二部分为综合实践,可以对应课程设计或综合实践,用一个“淘兴趣”项目贯穿Web前端开发核心知识,此项目会应用到中级标准中所包含的所有核心知识单元,而且其是参照企业中真实项目标准进行开发的。
本书适合作为《Web前端开发职业技能等级标准》的实践教学参考用书,也适合作为对Web前端开发感兴趣的读者的指导用书。 -
作者介绍
-
目录
第1章 实践概述
1.1 实践目标
1.2 实践知识地图
1.3 实施安排
1.3.1 实验(技术专题)部分
1.3.2 综合实践部分
第2章 开发工具(HBuilder)
2.1 实验目标
2.2 实验任务
2.3 设计思路
2.4 实验实施(跟我做)
2.4.1 步骤一:下载并安装HBuilder
2.4.2 步骤二:HBuilder主界面
2.4.3 步骤三:在HBuilder中安装PHP插件
2.4.4 步骤四:创建Web项目工程
2.4.5 步骤五:创建HTML页面
2.4.6 步骤六:编辑html文件
2.4.7 步骤七:运行
第3章 Web静态网页开发(小说网首页)
3.1 实验目标
3.2 实验任务
3.3 设计思路
3.4 实验实施(跟我做)
3.4.1 步骤一:创建工程
3.4.2 步骤二:制作首页
3.4.3 步骤三:制作小说列表页面
3.4.4 步骤四:加载小说列表页面
3.4.5 步骤五:添加样式美化首页
3.4.6 步骤六:添加样式美化小说列表页面
第4章 JavaScript开发交互效果页面(房贷计算器)
4.1 实验目标
4.2 实验任务
4.3 设计思路
4.4 实验实施(跟我做)
4.4.1 步骤一:创建工程
4.4.2 步骤二:使用HTML布局页面
4.4.3 步骤三:使用CSS样式美化页面
4.4.4 步骤四:创建house.js文件
4.4.5 扩展:正则表达式验证输入
第5章 jQuery开发交互效果页面(留言页面)
5.1 实验目标
5.2 实验任务
5.3 设计思路
5.4 实验实施(跟我做)
5.4.1 步骤一:创建工程
5.4.2 步骤二:使用HTML布局留言页面
5.4.3 步骤三:使用CSS样式美化留言页面
5.4.4 步骤四:引入jQuery文件和jQuery UI文件
5.4.5 步骤五:输入留言信息
5.4.6 步骤六:发布留言
5.4.7 步骤七:保存留言信息
第6章 Bootstrap开发页面(注册页面)
6.1 实验目标
6.2 实验任务
6.3 设计思路
6.4 实验实施(跟我做)
6.4.1 步骤一:引入Bootstrap文件
6.4.2 步骤二:制作页头导航栏
6.4.3 步骤三:制作注册栏
6.4.4 步骤四:制作页脚
6.4.5 步骤五:运行效果
第7章 Bootstrap开发页面(分类信息页面)
7.1 实验目标
7.2 实验任务
7.3 设计思路
7.4 实验实施(跟我做)
7.4.1 步骤一:引入Bootstrap
7.4.2 步骤二:制作页头
7.4.3 步骤三:制作产地筛选栏和商品信息栏
7.4.4 步骤四:制作页脚
7.4.5 步骤五:响应到移动端
第8章 MySQL(MySQL基本操作)
8.1 实验目标
8.2 实验任务
8.3 设计思路
8.4 实验实施(跟我做)
8.4.1 步骤一:下载并安装MySQL
8.4.2 步骤二:登录MySQL
8.4.3 步骤三:数据库基本操作
第9章 MySQL(试题信息管理)
9.1 实验目标
9.2 实验任务
9.3 设计思路
9.4 实验实施(跟我做)
9.4.1 步骤一:创建数据库
9.4.2 步骤二:创建表
9.4.3 步骤三:表的操作
9.4.4 步骤四:视图
9.4.5 步骤五:索引
9.4.6 步骤六:管理表数据
9.4.7 步骤七:查询表数据
9.4.8 步骤八:导入和导出数据库脚本
9.4.9 步骤九:事务控制
9.4.10 步骤十:触发器
9.4.11 步骤十一:存储过程
第10章 PHP制作动态网页(第一个PHP程序)
10.1 实验目标
10.2 实验任务
10.3 设计思路
10.4 实验实施(跟我做)
10.4.1 步骤一:更改Apache的网站根目录
10.4.2 步骤二:制作第一个PHP程序
10.4.3 步骤三:发布运行
10.4.4 步骤四:扩展
第11章 PHP制作动态网页(日期计算器)
11.1 实验目标
11.2 实验任务
11.3 设计思路
11.4 实验实施(跟我做)
11.4.1 步骤一:编写主页
11.4.2 步骤二:判断闰年
11.4.3 步骤三:验证日期
11.4.4 步骤四:计算天数
11.4.5 步骤五:处理请求
11.4.6 步骤六:运行效果
第12章 PHP制作动态网页(购物车)
12.1 实验目标
12.2 实验任务
12.3 设计思路
12.4 实验实施(跟我做)
12.4.1 步骤一:制作商品列表页面
12.4.2 步骤二:将商品加入购物车
12.4.3 步骤三:制作购物车页面
12.4.4 步骤四:改变购物车内的商品数量
12.4.5 步骤五:制作确认订单页面
12.4.6 步骤六:制作订单页面
第13章 PHP制作动态网页(在线投票系统)
13.1 实验目标
13.2 实验任务
13.3 设计思路
13.4 实验实施(跟我做)
13.4.1 步骤一:创建项目和文件
13.4.2 步骤二:页面基类
13.4.3 步骤三:姓名输入页面
13.4.4 步骤四:投票页面
13.4.5 步骤五:数据的获取和写入
第14章 PHP制作动态网页(学生成绩管理)
14.1 实验目标
14.2 实验任务
14.3 设计思路
14.4 实验实施(跟我做)
14.4.1 步骤一:创建项目和文件
14.4.2 步骤二:创建数据库
14.4.3 步骤三:制作CSS样式
14.4.4 步骤四:制作登录页面
14.4.5 步骤五:制作成绩管理页面
14.4.6 步骤六:编写数据库操作PHP代码
14.4.7 步骤七:数据的获取和写入
第15章 AJAX制作动态网页(阅读器)
15.1 实验目标
15.2 实验任务
15.3 设计思路
15.4 实验实施(跟我做)
15.4.1 步骤一:创建项目和文件
15.4.2 步骤二:实现XML格式数据接口
15.4.3 步骤三:实现JSON格式数据接口
15.4.4 步骤四:制作HTML页面
15.4.5 步骤五:制作CSS样式
15.4.6 步骤六:编写AJAX请求
15.4.7 步骤七:构建XML格式的书籍内容
15.4.8 步骤八:构建JSON格式的书籍内容
15.4.9 步骤九:清除页面内容
第16章 RESTful API规范(视频列表)
16.1 实验目标
16.2 实验任务
16.3 设计思路
16.4 实验实施(跟我做)
16.4.1 步骤一:处理API请求
16.4.2 步骤二:返回视频列表数据
16.4.3 步骤三:使用RESTful API
第17章 Laravel框架构建动态网站(第一个Laravel程序)
17.1 实验目标
17.2 实验任务
17.3 设计思路
17.4 实验实施(跟我做)
17.4.1 步骤一:安装Composer
17.4.2 步骤二:配置国内镜像
17.4.3 步骤三:创建Laravel工程
17.4.4 步骤四:配置虚拟主机
17.4.5 步骤五:编写index.blade.php文件
17.4.6 步骤六:编写路由
第18章 Laravel框架构建动态网站(在线答题)
18.1 实验目标
18.2 实验任务
18.3 设计思路
18.4 实验实施(跟我做)
18.4.1 步骤一:创建Laravel工程
18.4.2 步骤二:配置路由
18.4.3 步骤三:创建控制器类QuizController
18.4.4 步骤四:编写quiz.blade.php文件
18.4.5 步骤五:编写result.blade.php文件
18.4.6 步骤六:编写QuizController()处理函数
第19章 Laravel框架构建动态网站(个人博客)
19.1 实验目标
19.2 实验任务
19.3 设计思路
19.4 实验实施(跟我做)
19.4.1 步骤一:创建Laravel工程
19.4.2 步骤二:配置路由
19.4.3 步骤三:创建控制器类
19.4.4 步骤四:实现登录功能(查询构建器)
19.4.5 步骤五:创建模型类
19.4.6 步骤六:实现登录功能
19.4.7 步骤七:显示博客列表
19.4.8 步骤八:添加博客
19.4.9 步骤九:修改和删除博客
第20章 AJAX制作动态网页(天气预报)
20.1 实验目标
20.2 实验任务
20.3 设计思路
20.4 实验实施(跟我做)
20.4.1 步骤一:创建工程和文件
20.4.2 步骤二:实现PHP数据接口
20.4.3 步骤三:制作HTML页面
20.4.4 步骤四:制作CSS样式
20.4.5 步骤五:编写AJAX请求
第21章 综合实践(淘兴趣)
21.1 项目简介
21.2 实践目标
21.3 需求分析
21.4 页面设计
21.4.1 工作任务
21.4.2 设计思路
21.4.3 实现(跟我做)
21.5 第一阶段PHP页面混合式:创建工程
21.5.1 工作任务
21.5.2 设计思路
21.5.3 实现(跟我做)
21.6 第一阶段PHP页面混合式:系统管理
21.6.1 PHP页面混合式:管理员登录
21.6.2 PHP页面混合式:兴趣管理
21.7 第一阶段PHP页面混合式:用户注册
21.7.1 工作任务
21.7.2 设计思路
21.7.3 实现(跟我做)
21.8 第一阶段PHP页面混合式:用户登录
21.8.1 工作任务
21.8.2 设计思路
21.8.3 实现(跟我做)
21.9 第一阶段PHP页面混合式:个人中心
21.9.1 工作任务
21.9.2 设计思路
21.9.3 实现(跟我做)
21.10 第一阶段PHP页面混合式:首页
21.10.1 工作任务
21.10.2 设计思路
21.10.3 实现(跟我做)
21.11 第一阶段PHP页面混合式:趣点管理
21.11.1 PHP页面混合式:创建趣点
21.11.2 PHP页面混合式:搜索趣点
21.11.3 PHP页面混合式:订阅趣点
21.12 第一阶段PHP页面混合式:微博管理
21.12.1 工作任务
21.12.2 设计思路
21.12.3 实现(跟我做)
21.13 第二阶段移动端响应式页面:首页
21.13.1 工作任务
21.13.2 设计思路
21.13.3 实现(跟我做)
21.14 第三阶段AJAX+JSON:用户注册
21.14.1 工作任务
21.14.2 设计思路
21.14.3 实现(跟我做)
21.15 第三阶段AJAX+JSON:用户登录
21.15.1 工作任务
21.15.2 设计思路
21.15.3 实现(跟我做)
21.16 第三阶段AJAX+JSON:趣点管理
21.16.1 工作任务
21.16.2 设计思路
21.16.3 实现(跟我做)
21.17 第三阶段AJAX+JSON:微博管理
21.17.1 工作任务
21.17.2 设计思路
21.17.3 实现(跟我做)
21.18 第四阶段RESTful API:搜索趣点
21.18.1 工作任务
21.18.2 设计思路
21.18.3 实现(跟我做)
21.19 第五阶段Laravel:用户注册
21.19.1 工作任务
21.19.2 设计思路
21.19.3 实现(跟我做)
21.20 第五阶段Laravel:用户登录
21.20.1 工作任务
21.20.2 设计思路
21.20.3 实现(跟我做)
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...