宏勝資源網

 找回密碼
 立即注冊
搜索
熱搜: PLC 電子 經濟師
查看: 59619|回復: 9
打印 上一主題 下一主題

[WEB前端] 2018最新React16.X從零開始到項目實戰 React16.4 開發簡書項目實戰 視頻教程

[復制鏈接]
跳轉到指定樓層
樓主
發表于 2018-9-6 22:15:31 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式

馬上注冊,結交更多好友,享用更多功能,讓你輕松玩轉社區。

您需要 登錄 才可以下載或查看,沒有帳號?立即注冊

x
課程名稱:  2018最新React16.X從零開始到項目實戰 React16.4 開發簡書項目實戰 視頻教程

免費試看:    

下載地址:
游客, 下載地址需要支付 38下載幣 才能瀏覽支付

課程簡介:    

本課程通過對簡書項目進行實戰開發,從基礎原理逐步深入講解React中的主流技術以及實戰中的應用。課程講解全部使用React16最新語法,讓同學們全方位理解應用React構建項目,直接上手中級以上難度React項目開發。

適合人群
應屆生,初級中級前端工程師

技術儲備要求
了解 JS 基礎語法、NPM 開發環境、ES6

----------------------課程目錄------------------------------

第1章 課程導學
本章主要介紹學習react的重要性,課程的知識大綱,學習前提,講授方式及預期收獲。

1-1 課程導學
第2章 React初探
本章主要講解React項目的開發環境搭建,工程代碼結構及React中最基礎的語法內容,同時對前端組件化思想進行介紹。

2-1 React簡介
2-2 React開發環境準備
2-3 工程目錄文件簡介
2-4 react中的組件
2-5 React 中最基礎的JSX語法
第3章 React基礎精講
本章通過TodoList功能的實現,給大家完整介紹React的基礎語法,設計理念以及圍繞React展開的一些編程思維。

3-1 使用React編寫TodoList功能
3-2 React 中的響應式設計思想和事件綁定
3-3 實現 TodoList 新增刪除功能
3-4 JSX語法細節補充
3-5 拆分組件與組件之間的傳值
3-6 TodoList 代碼優化
3-7 圍繞 React 衍生出的思考
第4章 React高級內容
本章講解React高級部分內容,包含PropTypes,生命周期函數,虛擬Dom,數據mock,動畫實現等部分課程講解。

4-1 React developer tools 安裝及使用
4-2 PropTypes 與 DefaultProps 的應用
4-3 props,state 與 render 函數的關系
4-4 React 中的虛擬DOM
4-5 深入了解虛擬DOM
4-6 虛擬 DOM 中的 Diff 算法
4-7 React 中 ref 的使用
4-8 React的生命周期函數
4-9 React 生命周期函數的使用場景
4-10 使用Charles實現本地數據mock
4-11 React 中實現 CSS 過渡動畫
4-12 React 中使用 CSS 動畫效果
4-13 使用 react-transition-group 實現動畫(1)
4-14 react-transition-group 的使用(2)
第5章 Redux入門
本章主要講解Redux產生背景,組成內容以及使用方式,通過實例帶大家上手Redux數據管理框架的使用。

5-1 Redux 概念簡述
5-2 Redux 的工作流程
5-3 使用 Antd 實現 TodoList 頁面布局
5-4 創建 redux 中的 store_x264
5-5 Action 和 Reducer 的編寫
5-6 使用 Redux 完成 TodoList 刪除功能_x264
5-7 ActionTypes 的拆分
5-8 使用 actionCreator 統一創建 action
5-9 Redux 知識點復習補充
第6章 Redux進階
本章主要講解UI組件與容器組件基礎,如何使用redux-thunk,redux-saga等Redux中間件,以及react-redux的使用方式。

6-1 UI組件和容器組件
6-2 無狀態組件
6-3 Redux 中發送異步請求獲取數據
6-4 使用Redux-thunk 中間件實現ajax數據請求
6-5 什么是Redux的中間件
6-6 Redux-saga 中間件使用入門(1)
6-7 Redux-saga 中間件使用入門(2)
6-8 如何使用 React-redux(1)
6-9 如何使用 React-redux(2)
6-10 使用React-redux完成TodoList功能
第7章 項目實戰:Header組件開發
本章講解項目中公用Header組件的開發,包含動畫效果實現,iconfont,immutable.js,styled-components的使用以及異步數據的獲取。

7-1 項目目錄搭建,Styled-Components 與 Reset.css 的結合使用
7-2 使用 styled-components 完成 Header 組件布局(1)
7-3 使用 styled-components 完成 Header 組件布局(2)
7-4 使用 iconfont 嵌入頭部圖標
7-5 搜索框動畫效果實現
7-6 使用 React-Redux 進行應用數據的管理
7-7 使用 combineReducers 完成對數據的拆分管理
7-8 actionCreators 與 constants 的拆分
7-9 使用 Immutable.js 來管理store中的數據
7-10 使用 redux-immutable 統一數據格式
7-11 熱門搜索樣式布局
7-12 Ajax獲取推薦數據
7-13 代碼優化微調
7-14 熱門搜索換頁功能實現
7-15 換頁旋轉動畫效果的實現
7-16 避免無意義的請求發送,提升組件性能
第8章 項目實戰:首頁開發
本章將帶大家完成項目首頁的開發,課程能容包含react-router4的使用,組件及reducer的拆分設計,首頁部分的核心功能包含列表顯示,加載更多,返回頂部等。

8-1 什么是路由,如何在React中使用路由功能
8-2 首頁組件的拆分
8-3 首頁專題區域布局及reducer的設計
8-4 首頁文章列表制作
8-5 首頁推薦部分代碼編寫
8-6 首頁異步數據獲取
8-7 異步操作代碼拆分優化
8-8 實現加載更多功能
8-9 返回頂部功能實現
8-10 首頁性能優化及路由跳轉
第9章 項目實戰:詳情頁面和登錄功能開發
本章將完成詳情頁面的開發,過程中將完整介紹react-router跨頁面傳值的方法及登陸鑒權的實現思路。同時我們將給大家介紹異步組件和路由withRouter方法的使用方式。

9-1 詳情頁面布局
9-2 使用redux管理詳情頁面數據
9-3 異步獲取數據
9-4 頁面路由參數的傳遞
9-5 登陸頁面布局
9-6 登陸功能實現
9-7 登陸鑒權及代碼優化
9-8 異步組件及withRouter路由方法的使用
第10章 課程總結
本章將給大家介紹項目的上線流程,React版本升級對本項目的影響,并帶大家進行整個課程的知識點回顧。

10-1 項目上線流程
10-2 React 版本升級說明
10-3 課程總結



上一篇:PHP秒殺系統 高并發高性能的極致挑戰 從萬次到億萬次的性能優化視頻教程
下一篇:韓順平php開發合集208集-從Html基礎到php開發Web QQ實戰 共15G

宏勝資源網 - 論壇版權本站為非營利性網站,教程搜集來源于網友分享,本站不參與翻錄、上傳,請大家支持正版,購買正版教程。
宏勝資源網僅提供交流學習平臺,請下載24小時內刪除,切勿用于商業用途。
教程所有權歸屬原創作者所有,所有下載者表示默認接受并同意簽訂該免責聲明協議。
如有侵權,請聯系我們刪除。

沙發
發表于 2018-9-7 09:47:59 | 只看該作者
板凳
發表于 2018-9-7 14:34:21 | 只看該作者
地板
發表于 2018-9-9 10:34:28 | 只看該作者
確實是難得好帖啊,頂先
5#
發表于 2018-9-26 05:30:14 | 只看該作者
正需要,支持樓主大人了!
6#
發表于 2018-10-16 21:49:57 | 只看該作者
好的, 很好的參考資源,謝謝樓主的分享正需要,支持樓主大人了!
7#
發表于 2018-11-4 23:25:08 | 只看該作者
正需要,支持樓主大人了!
8#
發表于 2019-4-2 16:39:27 | 只看該作者
正需要,支持樓主大人了!
9#
發表于 2020-1-6 00:31:06 | 只看該作者
正需要,支持樓主大人了!
10#
發表于 2020-1-6 00:31:24 | 只看該作者
正需要,支持樓主大人了!希望鏈接還在
您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規則

 
 
微信號:hszy8com

工作時間:
8:00-22:00
 

GMT+8, 2020-1-30 04:06 , Processed in 0.118883 second(s), 28 queries .

Powered by hszy8.com

国产三级级在线电影© 2001-2013

快速回復 返回頂部 返回列表