FE201

React 完全進階攻略

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

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

現在報名只要 NT$4,800
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

講師介紹

使用者大頭貼

奶綠茶

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

課程特色

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

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

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

decoration image

課程影音

檔案下載

課程範例檔案下載

簡介與開發環境安裝

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

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

React Hooks 進階

00 : 24 : 30

React Hooks - useImperativeHandle

06 : 15

React Hooks - Avoid Memory Leak

08 : 17

React Hooks - useLayoutEffect

09 : 58

樣式管理

00 : 36 : 15

使用 Emotion 來管理 CSS 樣式

14 : 49

使用 Tailwind CSS

04 : 42

Storybook

16 : 44

測試

00 : 48 : 55

使用 Jest 撰寫測試

13 : 56

使用 Testing Library

10 : 19

Mock

09 : 48

測試 Hooks

06 : 09

Todo List 專案測試

08 : 43

Bonus

00 : 15 : 54

React 18 新功能介紹

15 : 54

decoration image
FE201

React 完全進階攻略

現在報名只要 NT$4,800
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

其他課程推薦

常見問題

這個課程將於何時開始收看呢?

只要完成付款流程,即可開始觀看課程囉!

這個線上課程可以看多久?要如何收看?

在您付款完成後,該線上課程即能不限次數並永久收看,不用擔心過期喔!

課程上線後,您隨時隨地都可以透過電腦、平板或手機觀看課程影片,沒有時間和地點的問題!

線上課程和實體課程的差別為何?
  1. 實體與線上課程所教授的內容都很精實,最大的差異在課程內容深度會因實體上課同學的發問,而講師針對內容有所延伸。
  2. 線上課程因是經過剪輯的預錄影片,故沒有與講師的互動與實際操作指導。
如何評估課程是否適合我?

部分課程會開放幾個章節的「試看影片」,讓您能在購買前試看後再決定是否購買,降低課程與期望不符的可能性。

付費前請自行確認該門課程是否有提供影片試看。

如果想要更改或取消購買的課程,可以怎麼做?

除了「試看影片」的章節外,若您於購買後曾觀看正式課程的內容,即不符合退費資格,無法申請退費。

若是沒有瀏覽過「正式課程」的內容,則可以依照下方的規範辦理退費:

  1. 購買課程當日起算 7 日內申請退費,全額退還該課程您所支付之課程費用。
  2. 購買課程當日起算第 8 日至第 14 日以內申請退費,返還該課程您所支付之課程費用 30%。
  3. 購買課程當日起算第 15 日後,該課程您所支付之課程費用不予退還。

確認符合退費資格後, 五倍學院依當初交易時,所使用之付款方式將課程費用退還。

完成退費申請後,將於二十個工作天內完成退款。

課程學習中遇到問題,該到哪裡尋求協助?

問題討論

每個課程影片章節下方皆有問題討論區,在這討論區裡,你可以與老師進行交流及互動,解決你在線上課程中遇到的問題;也能與其他學員交流心得,或許會有意外的收獲喔!

課程 Discord 群組

為了能快速又便利的幫同學們解決學習時面臨的問題,我們會為該課程建立專屬群組,並於學員完成課程購買時提供群組連結,請學員們記得要加入唷!

關於發票的問題

五倍學院為響應環保,僅提供電子發票,免費課程不開立發票。

因五倍院學係屬教育機構提供之教育勞務,依法可免徵營業稅,故開立『免稅』發票。

取得電子發票

發票形式:以電子郵件寄送

待購買完成後的七個工作天內,會依照您所填寫的電子信箱寄出。

公司 / 單位需要報帳

請您於結帳時填寫「統編資訊」,並務必填寫正確公司名稱及統一編號

交易成功後的七個工作天內,電子發票將寄送至您所填寫的電子信箱,您可以將它列印並作為會計憑證。

如果對課程有問題,該如何詢問呢?

若您對課程內容有任何問題,您可以透過以下管道諮詢:

  1. 在有問題的章節下方留言
  2. Email 來信 course@5xcampus.com 或傳訊息給我們的 Facebook 粉絲專頁,我們會盡快回覆