React 教學課程
React 前端網頁業界開發實戰應用班
React 是目前最受歡迎的前端框架,於 104 人力銀行 有一千多筆職缺要求 React 技術!
以業界開發實戰範例教,鍛練您的 React 實戰功力,練熟後就能馬上用在您的工作上喔!
React 教學課程:React 業界開發實戰應用教學課程 【週日班】
- 課程教學日期:2021 年 5 月 16 日 ~ 6 月 6 日
- 課程教學日期:5/16、5/23、5/30、6/6
- 課程教學時間:星期日 / 早上 10:00 ~ 1:00 、 下午 2:00 ~ 5:00
React 教學 - 課程資訊
- 【 新生報名特價 9800 / 舊生會員特價 9200 】限時特價:付現金再折 200 元
- 付款方式:開課當天現場繳費【 現金 / 刷卡 / 匯款 / 支票 】
- 教學時數:每堂課 3 小時 / 共 8 堂課 / 共 四 週
- 教學教材:教學講義 / 範例原始檔
- 上課地點:飛肯台北教室 【教室照片】【Google地圖】
- 聯絡電話:(02) 2370-1122
React 教學 - 課程適合對象
- 1. 想從「總是在用 jQuery 操作錯綜複雜的 DOM」中解脫的人
- 2. 想從「總是不小心寫了太長的 script.js」轉換成用 OOP 來寫網頁的人
- 3. 想學習 React.js、使用 React.js 的前端工程師
- 4. 你知道現在於 104 人力銀行 上有五百多筆職缺要求 React 技能嗎?
React 教學 - 課程介紹
老師是來自業界在職高手中的高手,上課時會帶著同學範例實做練習,老師會提供很多的React教學範例,隨側指導同學,一步一步解說再練習,學習效果佳,教學口碑看得到!練熟之後就可以應用在你的工作上喔!
老師會因應職場的需求變化,做課程內容和範例的即時調整與修改,確保本課程的實用性和即時性。
React.js 是一個由 Facebook 團隊所開發維護,開源的 JavaScript 網頁框架。以它的模組化、生命周期設計、優秀的效能等,深受前端工程師開發者的喜愛。
但入門困難是 React 公認的缺點,尤其官方與市面上多數教學都建構在 nodejs、webpack、ES6 之上,使得新手無所適從。
本 React 教學課程會從基礎的 React 入門教學,手把手的方式實作範例,一步一步穩紮穩打,循序漸進的讓你學會 React,進入現代前端工程師開發的領域。
React 官方網站有更詳盡的說明喔!
React 教學 - 課程大綱
老師會因應職場的需求變化,做課程內容和範例的即時調整與修改,確保本課程的實用性和即時性。
【主題一】入門 React 教學
- Hello World
- JSX 語法
- 組件 Component
- 組件屬性 props
- 組件狀態 state
- 事件處理 Event handling
- 自訂函式 Custom method
- 更新狀態 setState
- 列表算繪 List rendering
【主題二】理解 React 教學
- 生命週期 Life-cycle
- 虛擬元件樹 Virtual DOM
- this 是什麼 Function context
- 函式的自動綁定 Auto-binding
- 元素的 key 屬性
- 元素的 ref 屬性
【教學主題三】進化 ES6
- ES6
- 組件語法轉換 Migrate to ES6
- 開發環境 Node.js
- 套件管理 npm 與 yarn
- 源碼打包 webpack
- 開發模板 Create React App
- 語法檢查 Eslint
- 類別組件 Class Component
- 函式組件 Functional Component
- 效能組件 PureComponent
【教學主題四】應用 React
- 密碼強度檢查
- 鄉鎮市區下拉選單
- 圖片預覽上傳
- 即時搜尋
- CSS 動畫 Transition
- 無限捲動 Infinite Scroll
- 內容輪播 Slider
【教學主題五】擴展 React
- 路由設定: React Router
- 以 React Router 實作 SPA 網頁
- 狀態管理: React Redux
- 樣式組件: Styled Components
- 視覺性組件設計
- 全域狀態管理的實作練習