第1章 課程介紹
包括課程概述、課程安排、學習前提等方面的介紹，讓同學們對組件化有一個直觀的了解。
1-1 課程導學
第2章 環(huán)境及知識準備
幫助大家梳理解課程要用到的開發(fā)環(huán)境及知識儲備
2-1 環(huán)境及知識準備
第3章 業(yè)務開發(fā)流程與工程構(gòu)建安裝
該章節(jié)會快速的講解各大公司的業(yè)務開發(fā)流程，包括技術(shù)選型、業(yè)務開發(fā)、測試驗證、發(fā)布上線等內(nèi)容，方便大家定位前端開發(fā)的角色及注意事項。并幫助大家快速的搭建開發(fā)環(huán)境，把主要精力放到項目的設計學習上，所有的構(gòu)建放在最后的章節(jié)…
3-1 技術(shù)選型分析
3-2 工程構(gòu)建安裝
第4章 項目設計與原理分析
該章節(jié)根據(jù)需求分析詳細講述項目設計方案，CSS模塊化設計、JS組件設計、自適應 、SPA設計、構(gòu)建設計、上線指導等內(nèi)容，并逐一講述項目設計方案背后的工作原理理，做到知其然知其所以然。
4-1 CSS模塊化設計
4-2 CSS模塊化設計（代碼）
4-3 JS組件化及自適應
4-4 SPA設計
4-5 構(gòu)建工具及上線指導
第5章 京東金融首頁
該章節(jié)開始實戰(zhàn)環(huán)節(jié)，完成第一個項目的頁面，其中還包括公共組件的開發(fā)。
5-1 首頁-抽象組件設計（1）
5-2 首頁-抽象組件設計（2）
5-3 首頁-header組件
5-4 首頁-slider組件
5-5 首頁-slider組件bug修復及總計
5-6 首頁-新手特權(quán)（1）
5-7 首頁-新手特權(quán)（2）
5-8 首頁-新手特權(quán)（3）
5-9 首頁-新手特權(quán)（4）
5-10 首頁-極速借貸-理財精選（1）
5-11 首頁-極速借貸-理財精選（2）
5-12 首頁-極速借貸-理財精選（3）
5-13 首頁-新品推薦
5-14 首頁-生活服務
5-15 首頁-公司信息
5-16 首頁-導航條
第6章 京東金融理財頁
該章節(jié)是實戰(zhàn)的第二個頁面，和首頁相比組件難度較小，主要包括頁面搭建、廣告組件（神券滿）、輪播圖組件、精選推薦組件、廣告組件（京東智投）。希望大家可以先主動去練練手，試試能不能1個小時完成該頁面的開發(fā)。
6-1 理財（1）
6-2 理財（2）
6-3 理財（3）
第7章 京東金融白條頁
該章節(jié)是實戰(zhàn)的第三個頁面，難度中等，主要包括輪播圖組件、白條福利利組件 更多服務組件。通過這個頁面的學習可以將前面的組件化設計方法運用到該頁面，舉一反三。
7-1 白條（白條福利）
7-2 白條（更多服務）
第8章 京東金融眾籌頁
該章節(jié)是實戰(zhàn)的第四個頁面，難度較大，主要包括輪播圖組件（縱向）、每日簽到組件 、In貨推薦組件、更多福利組件，更能彰顯組件化抽象設計的威力，希望大家多多思考讓自己對組件化方法徹底吸收。
8-1 眾籌-輪播圖
8-2 眾籌-每日簽到
8-3 眾籌-In推薦（1）
8-4 眾籌-In推薦（2）
8-5 眾籌-更多福利
第9章 活動專題頁
主要講述移動Web最常見的專題活動開發(fā)方法、難點解決及注意事項。
9-1 活動頁（1）
9-2 活動頁（2）
第10章 上線指導
講述項目設計如何做到上線，方便大家根據(jù)自己業(yè)務的架構(gòu)方案零成本上線遷移。
10-1 上線指導
第11章 工程構(gòu)建詳解
該章節(jié)從0講述如何使用Webpack(v3.10.0)構(gòu)建自己的項目，擺脫對其他腳手架的依賴，方法和代碼同在，藝多不壓身，你可以的。
11-1 構(gòu)建工具-1
11-2 構(gòu)建工具-2
11-3 構(gòu)建工具-3
11-4 構(gòu)建工具-4
11-5 構(gòu)建工具-5
11-6 構(gòu)建工具-6
11-7 構(gòu)建工具-7
11-8 配置Eslint-1
11-9 配置Eslint-2
第12章 面試知識點與技巧
做好項目一方面是完成業(yè)務開發(fā)，提升自己的實力；一方面是讓自己在下一次面試積累資本，讓職業(yè)生涯穩(wěn)步向前。該章節(jié)幫你在“項目面試”中拔得頭籌。
12-1 面試回顧
12-2 面試分析
12-3 面試演練
第13章 課程總結(jié)
對課程整體進行一個總結(jié)
13-1 課程總結(jié)
