reactjs視頻教程下載零基礎入門到外賣app精通實戰
分類:web前端開發視頻教程 來源:IT教程屋 作者:晴天 時間:2018-06-10 10:49:19
reactjs零基礎入門到外賣app實戰視頻教程簡介
今天帶來的這套reactjs視頻教程主要學習reactjs的基礎入門、精通實戰課程,學習reactjs的基礎語法等所有實際開發的知識點,然后使用reactjs的黃金組合開發一款類似大眾點評外賣網站的完善的移動webapp項目,通過項目實踐的方式貫穿reactjs相關知識點。
本門課程突出點是reactjs技術導向實戰項目的前后端分離的課程,功能上會做到讓大家都明白,一看就懂,技術棧系統框架方面會使用React、React-router、Redux等,項目構建工具會使用webpack,使用less書寫css樣式,前后端數據交互技術使用fetch。
reactjs框架基礎
課程中在講解reactjs時,不僅僅是只講解其入門的基礎知識,還會配合講解工作中常見的語法知識的注意點,以及reactjs中用到的樣式、事件、循環、判斷等知識點全部學習和演練。
redux插件介紹
redux是一個狀態管理插件,一般情況下是可以單獨使用,但是工作中經常會配合reactjs來使用,redux的作用是管理眾多組件產生的共享信息,換句話說就是管理公共的信息。
react-router路由
首先,前端是由很多個頁面組成,因此凡是使用主流框架的前端系統都會使用路由,一個路由對應著一個頁面或者對應一個資源。
reactjs零基礎入門到外賣app實戰第一部分大綱
01-webpack配置 |
搭建webpack環境0 – 課程說明 |
搭建webpack環境1 – 學習目的 |
搭建webpack環境2 – 安裝插件 |
搭建webpack環境3-介紹webpack.config.js-part1 |
搭建webpack環境4-介紹webpack.config.js-part2 |
搭建webpack環境5-webpack命令 |
搭建webpack環境6-介紹webpack.production.config.js |
02-react基礎 |
react基礎01-介紹jsx-part1 |
react基礎01-介紹jsx-part2-拼接到part1后面 |
react基礎02-jsx語法幾點注意事項-后面拼接上part2 |
react基礎03-jsx事件循環和判斷 |
react基礎04-代碼分離方案 |
react基礎05-props和state |
react基礎06-智能組件和木偶組件 |
react基礎07-生命周期 |
03-react性能優化方案 |
react性能優化1-優化方案 |
react性能優化2-todo-list-demo |
04-react-router |
react-router01-介紹router-map配置 |
react-router02-跳轉和參數 |
05-redux基礎 |
redux基礎01-簡單demo |
redux基礎02-結合react-part1 |
redux基礎03-結合react-part2 |
redux基礎04-結合react-場景說明 |
06-fetch基礎 |
fetch基礎01-get請求 |
fetch基礎02-post請求 |
fetch基礎03-數據模擬Mock |
reactjs零基礎入門到外賣app實戰階段大綱
07-開發首頁 |
首頁開發01-開發步驟介紹 |
02-路由介紹 |
03-父組件介紹 |
? 04-獲取城市 |
? 05-存儲城市到Redux |
? 06-HomeHeader組件part1(后面幾秒鐘的廢話可裁掉) |
07-HomeHeader組件part2 |
08-HomeHeader組件part3 |
09-簡單輪播圖 |
10-獲取輪播圖index |
11-輪播圖完成 |
12-超值特惠-后端接口 |
13-超值特惠-獲取數據 |
14-超值特惠-展示數據 |
15-猜你喜歡-后端數據 |
16-猜你喜歡-獲取列表數據 |
17-猜你喜歡-顯示標題 |
18-猜你喜歡-顯示內容 |
19-加載更多-準備數據 |
20-加載更多-實現功能 |
21-加載更多-下拉效果 |
22-加載更多-總結 |
08-開發城市頁 |
開發城市頁面01-路由介紹 |
開發城市頁面02-跳轉鏈接 |
開發城市頁面03-完成Header |
開發城市頁面04-當前城市 |
開發城市頁面05-修改城市的方法 |
開發城市頁面06-修改城市完成 |
09-開發搜索頁 |
開發搜索頁01-路由配置 |
開發搜索頁02-約束性和非約束性組件 |
開發搜索頁03-抽離input-1 |
開發搜索頁04-抽離input-2 |
開發搜索頁05-SearchHeader組件 |
開發搜索頁06-結果列表 |
10-開發詳情頁 |
開發詳情頁01-header |
開發詳情頁02-獲取商戶信息 |
開發詳情頁03-展示商戶信息-1 |
開發詳情頁04-展示商戶信息-2 |
開發詳情頁05-用戶評論列表 |
11-開發登錄頁 |
開發登錄頁01-路由配置 |
開發登錄頁02-登錄組件-1 |
開發登錄頁03-登錄組件-2 |
12-購買和收藏 |
購買和收藏01-創建子頁面 |
購買和收藏02-購買功能 |
購買和收藏03-收藏功能-準備 |
購買和收藏04-收藏功能-準備2 |
購買和收藏05-收藏功能-準備3 |
購買和收藏06-收藏功能-完成 |
13-用戶中心 |
用戶中心01-Header |
用戶中心02-用戶信息 |
用戶中心03-獲取訂單 |
用戶中心04-展示訂單 |
14-評價 |
評價01-評價狀態 |
評價02-顯示輸入框 |
評價03-獲取評價內容 |
評價04-提交數據 |
15-總結 |
總結 |
reactjs外賣app實戰前端界面展示
相關文章 |