帮助大家梳理课程要用到的开发环境及知识储备

• 2-1 环境及知识准备
  

该章节会快速的讲解各大公司的业务开发流程，包括技术选型、业务开发、测试验证、发布上线等内容，方便大家定位前端开发的角色及注意事项。并帮助大家快速的搭建开发环境，把主要精力放到项目的设计学习上，所有的构建放在最后的章节...

• 3-1 技术选型分析
• 3-2 工程构建安装
  

该章节根据需求分析详细讲述项目设计方案，CSS模块化设计、JS组件设计、自适应 、SPA设计、构建设计、上线指导等内容，并逐一讲述项目设计方案背后的工作原理理，做到知其然知其所以然。

• 4-1 CSS模块化设计
• 4-2 CSS模块化设计（代码）
• 4-3 JS组件化及自适应
• 4-4 SPA设计
• 4-5 构建工具及上线指导
  

该章节开始实战环节，完成第一个项目的页面，其中还包括公共组件的开发。

• 5-1 首页-抽象组件设计（1）
• 5-2 首页-抽象组件设计（2）
• 5-3 首页-header组件
• 5-4 首页-slider组件
• 5-5 首页-slider组件bug修复及总计
• 5-6 首页-新手特权（1）
• 5-7 首页-新手特权（2）
• 5-8 首页-新手特权（3）
• 5-9 首页-新手特权（4）
• 5-10 首页-极速借贷-理财精选（1）
• 5-11 首页-极速借贷-理财精选（2）
• 5-12 首页-极速借贷-理财精选（3）
• 5-13 首页-新品推荐
• 5-14 首页-生活服务
• 5-15 首页-公司信息
• 5-16 首页-导航条
  

该章节是实战的第二个页面，和首页相比组件难度较小，主要包括页面搭建、广告组件（神券满）、轮播图组件、精选推荐组件、广告组件（京东智投）。希望大家可以先主动去练练手，试试能不能1个小时完成该页面的开发。

• 6-1 理财（1）
• 6-2 理财（2）
• 6-3 理财（3）
  

该章节是实战的第三个页面，难度中等，主要包括轮播图组件、白条福利利组件 更多服务组件。通过这个页面的学习可以将前面的组件化设计方法运用到该页面，举一反三。

• 7-1 白条（白条福利）
• 7-2 白条（更多服务）
  

该章节是实战的第四个页面，难度较大，主要包括轮播图组件（纵向）、每日签到组件 、In货推荐组件、更多福利组件，更能彰显组件化抽象设计的威力，希望大家多多思考让自己对组件化方法彻底吸收。

• 8-1 众筹-轮播图
• 8-2 众筹-每日签到
• 8-3 众筹-In推荐（1）
• 8-4 众筹-In推荐（2）
• 8-5 众筹-更多福利
  

主要讲述移动Web最常见的专题活动开发方法、难点解决及注意事项。

• 9-1 活动页（1）
• 9-2 活动页（2）
  

讲述项目设计如何做到上线，方便大家根据自己业务的架构方案零成本上线迁移。

• 10-1 上线指导
  

该章节从0讲述如何使用Webpack(v3.10.0)构建自己的项目，摆脱对其他脚手架的依赖，方法和代码同在，艺多不压身，你可以的。

• 11-1 构建工具-1
• 11-2 构建工具-2
• 11-3 构建工具-3
• 11-4 构建工具-4
• 11-5 构建工具-5
• 11-6 构建工具-6
• 11-7 构建工具-7
• 11-8 配置Eslint-1
• 11-9 配置Eslint-2
  

做好项目一方面是完成业务开发，提升自己的实力；一方面是让自己在下一次面试积累资本，让职业生涯稳步向前。该章节帮你在“项目面试”中拔得头筹。

• 12-1 面试回顾
• 12-2 面试分析
• 12-3 面试演练
  

对课程整体进行一个总结

• 13-1 课程总结