基础篇Web前端开发基础

项目1：走进移动电商Web前端开发

1.1任务一：移动电商系统构建规划

1.1.1认知移动电商系统

1.1.2使用人群及主要功能分析

1.1.3移动电商业务流程分析

1.1.4移动电商系统页面设计

1.1.5前端开发模式及技术方案

1.1.6任务回顾

1.2任务二：创建第一个页面

1.2.1开发环境搭建

1.2.2 HTML文档结构

1.2.3浏览器预览与调试

1.2.4任务回顾

1.3项目总结

1.4拓展训练

项目2：构建移动电商前端页面结构

2.1任务一：HTML构建文本类模块

2.1.1目录结构及页面整体结构

2.1.2标题、华丽分隔线、段落

2.1.3列表

2.1.4任务回顾

2.2任务二：HTML构建图文并茂类页面

2.2.1插入图片

2.2.2相对路径

2.2.3为图片添加标题

2.2.4任务回顾

2.3任务三：用表格呈现数据

2.3.1插入表格

2.3.2 〈thead〉、 〈tbody〉、 〈tfoot＞表格分区

2.3.3跨行、跨列

2.3.4任务回顾

2.4任务四：制作表单类页面

2.4.1用户登录表单

2.4.2用户反馈表单

2.4.3任务回顾

2.5任务五：超级链接

2.5.1创建超级链接

2.5.2任务回顾

2.6项目总结

2.7拓展训练

项目3：美化移动电商前端页面

3.1任务一：走进五彩CSS世界

3.1.1认知CSS样式

3.1.2 CSS样式表的分类

3.1.3 CSS选择器

3.1.4美化页面“footer”部分

3.1.5任务回顾

3.2任务二：制作商品列表页

3.2.1商品展示列表

3.2.2排序模块

3.2.3关键字搜索模块

3.2.4任务回顾

3.3项目总结

3.4拓展训练

进阶篇 页面动效开发

项目4：灵动移动电商页面

4.1任务一：初识JavaScript编程

4.1.1浏览器如何处理Web页面

4.1.2如何创建JavaScript脚本

4.1.3制作一个下拉菜单

4.1.4任务回顾

4.2任务二：JavaScript制作移动电商首页的交互

4.2.1 JavaScript制作焦点图切换动效

4.2.2 JavaScritp修改HTML的DOM节点

4.2.3 JavaScript制作频道模块选项卡动效

4.2.4任务回顾

4.3任务三：用户注册表单验证

4.3.1用户注册表单验证

4.3.2任务回顾

4.4项目总结

4.5拓展训练

项目5：优化移动电商页面动效代码

5.1任务一：jQuery翻开Web前端开发新篇章

5.1.1 jQuery脱颖而出

5.1.2选择元素

5.1.3创建第一个jQuery页面

5.1.4事件方法、事件对象及事件传播

5.1.5 jQuery控制元素CSS样式

5.1.6 jQuery DOM遍历

5.1.7 jQuery实现首页分类导航交互

5.1.8任务回顾

5.2任务二：jQuery制作商品详情页动效

5.2.1 jQuery动画特效

5.2.2 jQuery制作商品相册模块

5.2.3 jQuery实现商品购买数量增减

5.2.4相关推荐模块

5.2.5 jQuery操作DOM制作商品评论模块

5.2.6任务回顾

5.3项目总结

5.4拓展训练

拓展篇 数据交互开发

项目6：构建管理员管理模块

6.1任务一：Ajax与JSON

6.1.1什么是Ajax ？

6.1.2 Ajax初体验

6.1.3 JSON数据格式

6.1.4 jQuery Ajax重构管理员登录功能

6.1.5“管理员管理”与“角色管理”之间页面切换

6.1.6任务回顾

6.2任务二：实现“管理员管理”数据交互

6.2.1加载管理员列表

6.2.2删除管理员

6.2.3添加管理员

6.2.4修改管理员

6.2.5任务回顾

6.3项目总结

6.4拓展训练

项目7：构建后台商品管理模块

7.1任务一：初识Backbone框架

7.1.1 Backbone框架

7.1.2创建第一个Backbone页面

7.1.3 Backbone事件管理

7.1.4 Backbone模型

7.1.5 Backbone模型集合

7.1.6 Backbone视图及模板使用

7.1.7 Backbone路由实现“商品管理”模块导航

7.1.8任务回顾

7.2任务二：Backbone实现“上架商品”模块

7.2.1下架商品

7.2.2删除商品

7.2.3编辑商品

7.2.4关键字搜索商品

7.2.5任务回顾

7.3项目总结

7.4拓展训练

双创项目——大数据应用实践

参考文献