廖珀均 | React課程 | 五倍紅寶石

講師

廖珀均 / 奶綠茶 (Milkmidi)

程式開發講師,講授資歷 8 年以上
擅長 JavaScript、CSS、HTML 前端整合開發
HTML5 Canvas、WebGL、3D 開發
jQuery、Vue、ReactJS 開發應用
gulp、Webpack 前端打包工具
專修各種前端跨平台的疑難雜症
前端團隊 Team Leader
Android App(Java) 應用程式開發
ModernWeb 研討會講者

本課程適合

  • 本課程建議具備 HTML / CSS / JavaScript 基礎能力者,或曾上過 「JavaScript / jQuery 前端開發入門實戰課程」的朋友修習。

你將會學到

  • ReactJS 的基礎觀念與設計邏輯
  • ReactJS 元件系統
  • ReactJS storybook 整合
  • React Redux 管理狀態
  • Webpack 基礎設定
  • Webpack ReactJS 整合
ReactJS 與 Webpack 全攻略入門班 | 廖珀均 奶綠茶 | 五倍紅寶石

還只會 jQuery 嗎? 是時候認識這位強大的朋友 ReactJS 囉!

如果你是:

  • 目前已經熟練 jQuery / JavaScript 的前端工程師,但遇到越來越大型的專案時,發現這樣的方式越來越難維護?
  • 想進入大型的開發團隊的人,卻發現有很多公司 ReactJS 已經是基本配備了!
  • 好奇 ReactJS 為什麼會這麼深受許多公司歡迎呢?
  • 自學 ReactJS 卻發現 JSX / ES6 越摸越搞混,到底什麼時候才能好好應用他呢?
ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

不管你是在觀望 ReactJS 還是正在摸索 ReactJS 的新手,這門課絕對適合你!

想知道,為什麼相較於 Vue.js 的文件比較不是那麼直觀、門檻也相對較高一點,除了要基本 JavaScript ,你還需要了解 JSX / ES6 還有經常與 React 一同出現的好朋友 webpack ,需要這麼多基礎的前端框架,卻是現行的國內外大公司如 Facebook / Netflix / Airbnb / Instagram 都愛用的前端框架?

就連台灣的前端職缺 (104 / Indeed / Yourator) 對於 React 的需求也仍是佔大多數。

ReactJS 有哪些優勢呢?

ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

Virtual DOM

像上述的公司都是對於使用者體驗相當注重,且需要處理極大的資料量;而 ReactJS 的強大特性就是使用 Virtual DOM 的方式,他可以同時處理大量資料,並提升效能。

ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

模組化開發

對於大型網站或是需要與人合作的開發環境下,模組開發絕對會有利於團隊合作,他能夠易於維護、快速修改。

ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

強大的技術生態圈

ReactJS 是由 Facebook 團隊所開發維護的開源 JavaScript 網頁框架,擁有很好的延展性、豐富的開發輔助工具和周邊函式庫。

ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

創新技術

除了上述 Virtual DOM 的技術外,ReactJS 還使用到 JSX / ES6 語法,讓你掌握到最新的技術。

ReactJS 教學推薦 | ReactJS 與 Webpack 課程 | 五倍紅寶石

Learn Once, Write Anywhere

你只需要學習一次,就可以應用在任何地方,不管是現行的專案或甚至同時開發手機 ios / Android App 、桌面應用程式開發,都可以使用 React 來進行開發。

ReactJS 與 Webpack 課程內容

Day 1

  • ReactJS jsx 語法
  • ReactJS Component
  • 組件屬性 props 與 state
  • 事件處理 Event handling
  • 自訂函式 Custom method
  • 更新狀態 setState
  • 列表算繪 List rendering

Day 2

  • 生命週期 Life-cycle
  • this 是什麼 Function context
  • 函式的自動綁定 Auto-binding
  • 元素的 key 與 ref

Day 3

  • Webpack 基礎設定
  • Webpack + babel + ReactJS 整合
  • TodoList 實戰
  • React Router
  • 以 React Router 實作 SPA 網頁

Day 4

  • 狀態管理:React Redux
  • 全域狀態管理的實作練習
  • 樣式組件:Styled Components
  • React hook 基礎用法
  • React hook vs Component vs PureComponent 分析

聽聽看同學怎麼說

五倍紅寶石課程提供

程式網頁設計課程結業證書證明 | 五倍紅寶石

課程結業證書證明

程式網頁設計線上補課 | 五倍紅寶石

每週二獨家默默會讓你問題問到飽 & 業界高手一同交流

前端後端課程詢問 | 五倍紅寶石

共同討論課程群組,老師同學即時交流

程式課程環境 | 五倍紅寶石

舒適教室環境,備有插座及快速穩定免費 wifi 連線操作

程式網頁設計線上補課 | 五倍紅寶石

線上補課,不怕跟不上進度!

程式課程貓 | 五倍紅寶石

吉祥物貓貓加持

五倍紅寶石上課環境、地點

上課地點:台北市中正區衡陽路 7 號 5 樓
交通資訊:台大醫院站 1 號出口 (走路 4 分鐘)

立即揪團課程享折扣(名額有限)

超值加購方案

2 人同行 or 一次購買 2 堂課,可享 9 折優惠

3 人同行 or 一次購買 3 堂課,可享 85 折優惠

更多團報 or 相關課程諮詢請洽 02 - 2331-8188

立即報名搶位

報名及付款方式:

  1. 點擊「立即報名搶位」連結並填寫表單。
  2. 課程達開課人數後,我們會主動寄發繳費連結。
  3. 線上繳費(刷卡或匯款),或是現場現金或刷卡繳款。
  4. 匯款帳號資訊:
    • 銀行:華南商業銀行 營業部
    • 帳號:100-10-034068-2
    • 戶名:五倍紅寶石股份有限公司附設臺北市私立五倍紅寶石文理技藝短期補習班

注意事項:

  1. 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  2. 學員需自備筆記型電腦。
  3. 本次課程僅開放 30 人報名。
  4. 報名費不包含餐費。
  5. 若報名學員人數不足 10 人,將視情況取消當次課程,並全額退還報名費用。
  6. 如有企業或團體課程需求,歡迎直接來信洽詢。