- 第1章 课程介绍
包括课程概述、课程安排、学习前提等方面的介绍,让同学们对组件化有一个直观的了解。
2 e3 t: A/ v; T
- 第2章 环境及知识准备
帮助大家梳理课程要用到的开发环境及知识储备
5 W* r7 h# C) a$ P8 @: p4 H - 第3章 业务开发流程与工程构建安装
该章节会快速的讲解各大公司的业务开发流程,包括技术选型、业务开发、测试验证、发布上线等内容,方便大家定位前端开发的角色及注意事项。并帮助大家快速的搭建开发环境,把主要精力放到项目的设计学习上,所有的构建放在最后的章节...
8 y+ T: `8 u* M% s: v
- 第4章 项目设计与原理分析
该章节根据需求分析详细讲述项目设计方案,CSS模块化设计、JS组件设计、自适应 、SPA设计、构建设计、上线指导等内容,并逐一讲述项目设计方案背后的工作原理理,做到知其然知其所以然。
/ ?* D: B& [3 z( o a- F
- 第5章 京东金融首页
该章节开始实战环节,完成第一个项目的页面,其中还包括公共组件的开发。
8 {* M/ c2 D4 {8 w( ?' a - 第6章 京东金融理财页
该章节是实战的第二个页面,和首页相比组件难度较小,主要包括页面搭建、广告组件(神券满)、轮播图组件、精选推荐组件、广告组件(京东智投)。希望大家可以先主动去练练手,试试能不能1个小时完成该页面的开发。
4 C; ~+ D$ `; b0 u% y! u* h - 第7章 京东金融白条页
该章节是实战的第三个页面,难度中等,主要包括轮播图组件、白条福利利组件 更多服务组件。通过这个页面的学习可以将前面的组件化设计方法运用到该页面,举一反三。
5 b" S' Q6 z" H8 P4 [. i - 第8章 京东金融众筹页
该章节是实战的第四个页面,难度较大,主要包括轮播图组件(纵向)、每日签到组件 、In货推荐组件、更多福利组件,更能彰显组件化抽象设计的威力,希望大家多多思考让自己对组件化方法彻底吸收。
* @# d1 E' G$ ^8 W/ X, ~* z& y - 第9章 活动专题页
主要讲述移动Web最常见的专题活动开发方法、难点解决及注意事项。
% l0 D8 {( t( w1 Q6 [* G
- 第10章 上线指导
讲述项目设计如何做到上线,方便大家根据自己业务的架构方案零成本上线迁移。
0 n* q# G `/ }3 n% [" E1 z: T4 z
- 第11章 工程构建详解
该章节从0讲述如何使用Webpack(v3.10.0)构建自己的项目,摆脱对其他脚手架的依赖,方法和代码同在,艺多不压身,你可以的。
$ h0 a' i& Q' k4 W" D$ Z/ P
- 第12章 面试知识点与技巧
做好项目一方面是完成业务开发,提升自己的实力;一方面是让自己在下一次面试积累资本,让职业生涯稳步向前。该章节帮你在“项目面试”中拔得头筹。
& s+ o3 }3 D' b1 R+ C! f8 Q, D6 n
- 第13章 课程总结
对课程整体进行一个总结
3 h' _/ }/ {3 j3 ?+ W7 _3 Y5 O 下载地址:
8 M) S! P9 |1 y. L3 C; A" K l