1. 用atom配置賞心悅目的編輯器
1. git介紹
2. github介紹
3. git的基本操作
4. github的遠程操作
5. git&github的分支操作
1. babel介紹
2. babel的安裝
3. 如何在babel使用預設
4. 如何使用babel插件
5. 如何使用babel轉換react語法
6. 如何在gulp中使用babel
1. 課程介紹
2. 環境變量的配置
3. 介紹ES6
4. 箭頭函數
5. 類
6. 對象和繼承
7. 模板字符串
8. 解構賦值
9. 默認、其余和展開操作符
10. let和const定義變量
11.模塊
12.模塊擴展
1. webpack介紹
2. 創建項目目錄
3. 使用webpack跑通基本開發環境
4. 支持es6語法
5. 自動產出html文件
6. 在本地啟動服務
7. 支持react
8. 使用css樣式
9. 使用karma-mocha搭建測試環境
10. 使用chai測試框架
11. 使用eslint進行代碼檢查
12. 打包完成后自動打開瀏覽器
13. 使用uglify-js進行代碼壓縮
14. 自動插入banner
15. 將css單獨加載
16. 添加hash值
1. 如何做一個自己的前端類庫
2. 搭建基本的開發環境
3. 創建項目結構
4. 使用webpack和babel
5. 打包成umd規范
6. 開發工具配置
7. 區分開發環境和生產環境
8. 生產環境下壓縮代碼
9. 使用eslint進行代碼檢查
10. 類庫測試
11. 發布npm和github
1. React基礎
2. JSX語法
3. 如何給組件添加樣式
4. 如何添加自定義組件
5. 創建無狀態組件
6. 學習render方法
7. 組件的屬性
8. 組件的狀態
9. 理解react中的this
10. 使用refs操作DOM元素
11. 子組件children屬性
12. 組件的生命周期之創建
13. 組件的生命周期之銷毀
14. 高階組件
1. react路由介紹
2. 跑通基本的開發環境
3. 跑通基本路由
4. 使用Link組件進行導航切換
5. 路由的嵌套使用
6. 設置路由激活狀態
7. 路由參數
8. 默認路由
9. indexlink
10. 路由重定向
11. browser history
12. webpack后端服務器
13. 路由切換
14. 鉤子函數
15. 擴展內容
1.什么是函數式編程
2. 函數式編程的好處
3. 函數是一等公民
4. 純函數的作用
5. 柯里化函數
6. 函數組合
7. 高階函數
1. Redux課程介紹
2.什么是Redux
3.搭建開發環境
4.理解action-store-reducer
5.理解dispatch
6.subscribe訂閱
7.action-creator
8.react-redux介紹
9.實現計數器應用(1)
10.實現計數器應用(2)
11.實現計數器應用(3)
12.實現計數器應用(4)
13.Redux中間件(1)
14.Redux中間件(2)
15.Redux中間件(3)
16.Redux中間件(4)
17.logger中間件
18.thunk中間件實現異步action
19.超棒的調試工具
20.區分開發和生產環境
21.react-router-redux
22.中間件優化
1. 組件化思維解析應用功能
2. 跑通基本路由
3. 創建頭部搜索組件
4. 封裝展示用戶信息的組件
5. state、props在傳遞數據的使用
6. 接入數據
7. 組件功能開發
8. PropTypes接口約束
9. 請求github API數據進行展示
01-整體項目介紹和內容分析
02-項目需求分析和組件化思考
03-跑通項目基礎架構（一）
04-跑通項目基礎架構（二）
05-目錄規劃指導并跑通第一個組件
06-添加container下各組件并跑通路由
07-react-addons-css-transition-group
08-NavMenu導航組件開發(一)
09-NavMenu導航組件開發(二)
10-NavMenu導航組件開發(三)
11-實現collapse折疊功能
12-實現路由激活狀態的樣式
13-目錄層級調整
14-項目首頁開發
15-About組件實現及樣式優化
16-從業務過程到組件化思維的過渡
17-Skills組件開發
18-Project組件開發與Timeline的使用
19-Project組件和axios
20-Project組件樣式開發
21-Contact組件開發(一)
22-Contact組件開發(二)
23-Contact組件開發(三)
