REACT 工程師實戰課

探索現代前端開發
Explore Modern Frontend
致力推廣網站建設的最前線 透過結合創意和革新技術 建立現代化的網站和應用程式 教學和線上工具服務
REACT 工程師實戰課
搶先報名
了解更多課程內容
立刻報名
課程焦點
是否曾遇到這樣的挑戰?儘管瀏覽過官網和網路教學,但實際獨立操作,從零開始設計一個使用 React 的網站卻變得相當棘手.
我們更專注於實作,讓你能夠在課程中實際操作,並且在課程結束後,能夠獨立完成一個使用.
課程內容
15
元件實作
20+
坑點解法
10+
熱門工具
25+
觀念技巧
10+
工具筆記

第一週: React 基礎概念和畫面操控力

第二週: State Management 互動與事件

第三週: Hook & flow control 資料流

第四週: Productivity 產品化實踐

學員福利

轉職諮詢

我們知道非本科轉職工程師會遇到的問題, 讓我們來用白話理解工程師的世界.

履歷診斷

一個有效率的履歷, 將會是你找到工作的第一步, 你知道面試主管都在看什麼嗎?

職涯規劃

前端工程師, 可能比你想像中的更多元, 你知道有哪些職涯路線嗎?
課程描述
第一階段
React 基礎
在這個階段, 我們需要建立一個基礎, 這將會貫穿這個課程的始終, 建立好的基礎, 以便在後續的學習如何使用 React.
我們將學習有關 JSX、組件和 props 的知識.
我們將探索在 React 中如何進行迭代和條件性渲染, 我們還將涵蓋在 React 中的樣式設置.
作為一位在職場上實戰過和帶領過團隊的前端主管, 我深知初學者常遇到的困難點, 而我們將在這個階段中直接解決這些問題, 我們在這個模組中深入探討了許多內容.
在這週結束時, 您將了解 JSX 如何與模板語言不同, 什麼是 React 元素, 為什麼需要 keys... 理解為什麼它會是許多知名企業的首選.
第二階段
狀態即顯示
狀態 (State) 在React裡是一個很重要的概念, 它並非只是一個變數, 或一個語法.
在 React 的世界中, 你可以自由的使用的狀態的概念, 也正因為如此, 所以很容易被誤用, 甚至間接的說明了為何 React 比起其他框架來說, 更難學.
而狀態也是我們操控畫面的重要工具, 這週我們將會學習如何使用狀態, 隨心所欲的操控畫面, 控制資料流和改變狀態來達到我們想要的效果.
在這週結束時, 您將了解如何使用狀態, 以及利用這個概念的延伸, 來達到操控畫面每個角落. 例如像素奶茶🧋
第三階段
Hook與操作互動
React hook 是 React 16.8 的新增功能, 也是新進入 React 的工程師必備的技能.
你除了要掌握官方提供的 hook (useState, useEffect, etc...) 之外, 也要了解如何自己建立 hook, 並且熟練的使用.
在這個階段, 你已經進入 React 中相對較高級的概念,「抽象化」將會是貫穿你軟體工程師生涯的重要概念, 也是你在這個階段中可以學習到的.
這週結束之後, 你將會了解如何使用 hook, 並且了解如何自己建立 hook.
最後一個階段
產品化你的專案
在實際的開發中, 我們的資料來源往往不是來自於不同的資料庫, 並透過 API 取得資料.
然而在 React 中, 我們可以透過 fetch API 或是 axios 來取得資料, 方法百百種, 我們會帶你了解如何使用這些方法, 並且實際的應用在專案中, 並理解這些方法的差異.
React 之所以能夠在短短幾年內, 就成為前端開發的主流框架, 豐富的生態系統也是一個重要的原因, 這週我們將會介紹一些常用的 React 工具, 並且實際的應用在專案中. (事實上, 我們第一週已經開始使用了)
我們希望課程結束後, 你可以將所學的知識, 應用在實際的專案中, 並且可以獨立的開發一個 React 專案.
誰適合這個課程
中級開發人員
以實際執行專案的角度, 讓開發者對於前端和React有更深入的了解
想馬上具備即戰力
沒有多餘的理論, 以實際執行專案的角度出發
轉職求職
React 開發者是目前最熱門的職缺之一
想體驗React
透過實際開發專案, 了解React的核心概念和基本原理
職業發展
前端工程師的出路遠遠大於你想像的, 我們常見的負責版型的前端工程師只是其中一種, 以下列出的當中可能有一些你可能會感興趣的職業類型
1. static website
2. SPA (we are here)
3. production-grade frameworks
4. platform
5. tool & library
6. sass platform
7. software architecture
報名加入課程
課程費用
NT$15,000
上課地點
台北市中山區吉林路26巷26號2樓
松江南京捷運2號出口,出口處左轉進入松江路108巷,直走約5-10分鐘,進入吉林路
課程時間
九月份, 每週六日(共8堂)
13:00 PM - 16:00 PM
9/2, 9/3, 9/9, 9/10, 9/16, 9/17, 9/23, 9/24
我要報名
在粉絲團PM報名
Kim Wong
講師介紹
About me
訂閱我的 medium, 一起學習前端技術和職涯規劃
現任台積電網頁前端技術專家.
前街口支付、台灣線上串流影音、澳門娛樂集團等多家公司前端主管.
Modern Web Conference 講者
執行過的專案包括線上支付、線上串流影音、購物、遊戲等大大小小的專案不少於50個.
一直都很專注在前端領域的發展, 已投身於行業十餘年. 擅長各種前端技術包括HTML、CSS、JavaScript、jQuery、React 等工具, 同時也熱衷於大型前端項目的架構設計與性能優化.