Udemy線上課程 打造 React 即時通信 UI 庫 講師:旭乾 張 影音教學 中文發音 中文版(DVD版)
Udemy線上課程打造React即時通信UI庫講師:旭乾張影音教學中文發音中文版(DVD版)內容說明:
注意:課程錄製與2020年,重點是CSS樣式的打造和React組件化思維培養,涉及框架本身的知識不多,所以版本不重要,在學習過程中可以儘量把軟體版本和示例代碼中的一致,否則會出現不兼容的現象,或者如果你已經有良好的自學能力,可以使用最新的版本。

如果你是一名前端工程師或者是正在學習前端,苦於沒有完整的項目經驗,也沒有人系統的指導你該如何開發一箇前端項目,那麼你一定非常希望有一套課程來為你指點迷津,並且在課程結束後能收穫開發思路、項目經驗和發展方向——這就是這門課的目的。

市面上大多數的課程都圍繞電商、企業官網、後台管理來做項目實戰。
而本課程不同的是:以即時通信應用UI組件庫和示例頁面作為切入點,全面的演示了一套完整的UI庫的實現過程,課程結束後,不但可以增加項目經驗,擴充作品集,還可以在此基礎上擴展為應用到各行各業的UI庫,就像AntDesign和ElementUI。

這門課程以React為核心技術框架,為什麼選擇了React而不是用的人數比較多的Vue呢?因為:
React更接近於原生的HTML,相當於自定義HTML標籤,入門更容易。
React編寫的代碼簡潔,讓開發者只關心組件的定義和狀態的管理,其他像組件的註冊都由React自行管理。
React的用戶量龐大,生態系統完善,很多開發理念都是圍繞React產生的,比如CSS-in-JS,GraphQL。
React在國內大型企業應用廣泛,掌握React開發的工程師求職更有競爭力。

學完本課程你將能夠...
熟練使用React及其生態開發UI組件培養組件化的設計與開發思維開發可複用的組件,提升開發效率瞭解企業協作開發的方式
你將學到...Styled-Components強大的組件樣式管理Storybook組件文檔化,方便團隊協作ReactSpring動畫實現React組件設計思想設計思維以及更多
課程包括:1整套通用的ReactUI組件庫30+常用組件5個示例即時通信頁面源代碼圖片素材
課程不包括:
課程重點關注前端UI組件化設計思路,打造自有前端UI庫,類似AntDesign,所以下列內容不包含在本課程中:Redux數據流管理後端即時通信業務邏輯
面向人群:
需要擁有紮實的HTML、CSS、JS基礎
瞭解React基本概念(屬性,狀態)(非必需)

如果你沒有React基礎,也能夠學會HTML+CSS實現常見的UI組件。
如果你是UI設計師可以幫助你更好的跟前端工程師溝通
課程內容:
01-介紹
001項目演示.mp4
002課程簡介.mp4
003react-UI.zip
003源代碼下載.html

02-環境配置
001安裝Node.js.mp4
002安裝VSCode和插件.mp4
003安裝Yarn.mp4
004建立React工程.mp4
005React快速回顧.mp4
006Styled-components簡介與配置.mp4
007Storybook簡介與配置.mp4

03-組件與頁面規劃
001組件與頁面規劃.mp4

04-側導航
001頭像組件-設計與分析.mp4
002頭像組件-React部分.mp4
003頭像組件-樣式部分.mp4
004頭像組件-添加屬性.mp4
005jsconfig.json文件介紹.mp4
006Hygen模板生成器配置.mp4
007Icon組件.mp4
008徽章組件.mp4
009菜單項組件.mp4
010側導航組件.mp4

05-側邊欄
001搜索框.mp4
002排版組件.mp4
003下拉選項組件-過濾.mp4
004按鈕組件.mp4
005過濾選項組件.mp4
006消息卡片組件.mp4
007消息列表組件.mp4

06-內容區
001標題欄組件.mp4
002會話氣泡組件.mp4
003語音消息組件.mp4
004Emoji組件.mp4
005Popover組件.mp4
006底部操作組件.mp4
007會話窗口組件.mp4

07-滑動抽屜
001個人資料&頭像組件.mp4
002個人信息部分.mp4
003社交信息部分.mp4
004分隔線組件.mp4
005聯系信息部分.mp4
006相冊部分.mp4
007關閉按鈕.mp4

08-設置頁面
001InputText組件.mp4
002Select(表單)組件.mp4
003Radio組件.mp4
004Switch開關組件.mp4
005個人資料-設置頁.mp4
006編輯個人資料組件.mp4
007設置項組件.mp4
008設置頁面.mp4
009屏蔽列表組件.mp4

09-其他列表組件
001抽離過濾列表組件.mp4
002聯系人列表組件.mp4
003文件列表組件.mp4
004筆記列表組件.mp4

10-其他組件
001影片通話組件.mp4
002Dropdown組件.mp4
003組裝聊天首頁.mp4

11-路由管理
001ReactRouter簡介.mp4
002配置導航路由.mp4
003配置內容區域路由.mp4

12-建立動畫
001ReactSpring簡介.mp4
002StaggeredAnimation配置.mp4
003抽離動畫為自定義的hooks.mp4
004導航切換過渡動畫.mp4
005會話窗口動畫.mp4
006個人資料抽屜動畫.mp4
007設置頁面動畫.mp4

13-添加示例數據(本地)
001添加示例數據.mp4

14-總結與回顧
001總結與回顧.mp4

15-版本更新(2023)
001遷移styled-components5.3.mp4
002遷移ReactRouter6.3.mp4
003遷移ReactSpring9.5.mp4
004遷移CreateReactApp5.0.mp4
005遷移React18.2.mp4
006遷移storybook6.5.mp4
007遷移fontawesome6.1.mp4


相關商品:Udemy線上課程2021年版本React&ReactHook&ReactRouter基礎入門實戰視頻教程(含教材)講師:weilianggan影音教學中文發音中文版(DVD版)Udemy線上課程網頁前端框架React超入門(含教材)講師:谷哥徐影音教學中文發音繁體中文版(DVD版)Udemy線上課程ReactNative中文全系列教程(含教材)講師:ChinavaneOcean影音教學中文發音中文版(2DVD)Udemy線上課程從無到有打造LINE專屬商家聊天機器人(含教材)講師:RayChung影音教學中文發音繁體中文版(DVD版)Udemy線上課程ReactJS前端應用開發:從入門到入行講師:ChrisLin影音教學中文發音繁體中文版(DVD版)