FE201

React 完全進階攻略

想要成為公司最夯的搶手人才,掌握 React 框架成為不可或缺的條件!

當專案發展到一定程度,會搭配框架加速開發,而 React 在近幾年來成為國內外知名電商的框架使用首選!值得注意的是,React 更在短時間內衝進 Github 前十熱門專案,並贏得 Airbnb、Netflix 等優秀團隊的青睞,如果你還在觀望要學什麼框架提升能力,是時候跟著業界流行趨勢,透過課程來一窺前端框架的神秘面紗。

現在報名只要 NT$4,800
  • 終身存取權
  • 可行動裝置使用
  • 課程時長:6.7 小時
  • 結業證書

講師介紹

使用者大頭貼

奶綠茶

資深前端開發者與程式開發講師,授課資歷十年以上。
擅長 HTML、CSS、JavaScript、jQuery、Vue、React 開發應用與 Webpack 前端打包工具等,專修各種前端跨平台的疑難雜症。
另一個身份為花鬍子樂團吉他手,育有二貓,喜愛小酌。

課程特色

課程模擬大量業界情境,體驗職場上的使用時機和遇到問題的解決能力,並藉由扎實觀念打底搭配大量應用,讓你學完馬上具備業界需要的即戰力!

課間將會透過大量範程式檔案,帶你認識:
✓ React Components 如何撰寫
✓ Props 傳遞機制
✓ React 核心語法
✓ React 進階實務狀態管理

徹底掌握技能,加速開發團隊合作與管理效率!

課程章節

Bonus

00 : 15 : 54

React 18 新功能介紹

15 : 54

檔案下載

課程範例檔案下載

樣式管理

00 : 36 : 15

使用 Emotion 來管理 CSS 樣式

14 : 49

使用 Tailwind CSS

04 : 42

Storybook

16 : 44

簡介與開發環境安裝

00 : 32 : 53

React 簡介

安裝並建立第一個 React 專案

開發環境設定

09 : 07

VSCode Emmet 簡介

02 : 36

React 入門

00 : 24 : 28

Hello World

09 : 05

React Component

04 : 52

Props

10 : 31

React Hooks 進階

00 : 24 : 30

React Hooks - useImperativeHandle

06 : 15

React Hooks - Avoid Memory Leak

08 : 17

React Hooks - useLayoutEffect

09 : 58

ES6 語法

00 : 22 : 48

模組的 import 與 export

09 : 23

Promise

13 : 25

React Hooks 與應用情境

01 : 50 : 18

useState

09 : 25

Conditional Rendering

05 : 04

Style Data Binding

04 : 09

useEffect

08 : 29

useEffect Advanced

06 : 25

useEffect example

04 : 00

List Rendering

07 : 46

List Rendering example

03 : 36

useRef

06 : 37

Component 之間的溝通

08 : 43

表單元件 part 1

04 : 54

表單元件 part 2

07 : 07

Memo

10 : 12

useMemo

06 : 25

useCallback

09 : 03

Custom Hooks

04 : 48

JSX

03 : 35

實作練習 - Todo List

00 : 39 : 50

Todo List part 1

22 : 30

Todo List part 2

06 : 31

Todo List part 3

10 : 49

元件之間的互動

00 : 39 : 06

For 迴圈裡的 key

12 : 16

Controlled vs Uncontrolled Components

05 : 35

useContext

12 : 12

透過 Children 屬性執行上層元件功能

05 : 31

透過 Children 屬性傳值給上層元件

03 : 32

實作練習 - 台灣縣市下拉選單

00 : 08 : 23

台灣縣市下拉選單 part 1

04 : 51

台灣縣市下拉選單 part 2

03 : 32

測試

00 : 48 : 55

使用 Jest 撰寫測試

13 : 56

使用 Testing Library

10 : 19

Mock

09 : 48

測試 Hooks

06 : 09

Todo List 專案測試

08 : 43

FE201

React 完全進階攻略

現在報名只要 NT$4,800
  • 終身存取權
  • 可行動裝置使用
  • 課程時長:6.7 小時
  • 結業證書

其他課程推薦