第1章 课程介绍
包括课程概述、课程安排、学习前提等方面的介绍,让同窗们对组件化有一个直观的了解。
1-1 课程导学html
第2章 环境及知识准备
帮助你们梳理课程要用到的开发环境及知识储备
2-1 环境及知识准备前端
第3章 业务开发流程与工程构建安装
该章节会快速的讲解各大公司的业务开发流程,包括技术选型、业务开发、测试验证、发布上线等内容,方便你们定位前端开发的角色及注意事项。并帮助你们快速的搭建开发环境,把主要精力放到项目的设计学习上,全部的构建放在最后的章节...
3-1 技术选型分析
3-2 工程构建安装面试
第4章 项目设计与原理分析
该章节根据需求分析详细讲述项目设计方案,CSS模块化设计、JS组件设计、自适应 、SPA设计、构建设计、上线指导等内容,并逐一讲述项目设计方案背后的工做原理理,作到知其然知其因此然。
4-1 CSS模块化设计
4-2 CSS模块化设计(代码)
4-3 JS组件化及自适应
4-4 SPA设计
4-5 构建工具及上线指导架构
第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 首页-导航条ide
第6章 京东金融理财页
该章节是实战的第二个页面,和首页相比组件难度较小,主要包括页面搭建、广告组件(神券满)、轮播图组件、精选推荐组件、广告组件(京东智投)。但愿你们能够先主动去练练手,试试能不能1个小时完成该页面的开发。
6-1 理财(1)
6-2 理财(2)
6-3 理财(3)模块化
第7章 京东金融白条页
该章节是实战的第三个页面,难度中等,主要包括轮播图组件、白条福利利组件 更多服务组件。经过这个页面的学习能够将前面的组件化设计方法运用到该页面,触类旁通。
7-1 白条(白条福利)
7-2 白条(更多服务)工具
第8章 京东金融众筹页
该章节是实战的第四个页面,难度较大,主要包括轮播图组件(纵向)、每日签到组件 、In货推荐组件、更多福利组件,更能彰显组件化抽象设计的威力,但愿你们多多思考让本身对组件化方法完全吸取。
8-1 众筹-轮播图
8-2 众筹-每日签到
8-3 众筹-In推荐(1)
8-4 众筹-In推荐(2)
8-5 众筹-更多福利组件化
第9章 活动专题页
主要讲述移动Web最多见的专题活动开发方法、难点解决及注意事项。
9-1 活动页(1)
9-2 活动页(2)学习
第10章 上线指导
讲述项目设计如何作到上线,方便你们根据本身业务的架构方案零成本上线迁移。
10-1 上线指导测试
第11章 工程构建详解
该章节从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章 面试知识点与技巧
作好项目一方面是完成业务开发,提高本身的实力;一方面是让本身在下一次面试积累资本,让职业生涯稳步向前。该章节帮你在“项目面试”中拔得头筹。
12-1 面试回顾
12-2 面试分析
12-3 面试演练
第13章 课程总结
对课程总体进行一个总结
13-1 课程总结
下载地址:百度网盘下载