課程介紹：

機會難得，一次學到React.js的製作與運用!! 

React.js 是在 2015 年快速竄起， 由 Facebook 團隊所開發與維護，一個開源的 JavaScript 網頁框架。

以它的模組化、生命周期設計、優秀的效能等，深受前端開發者的喜愛。
Facebook、Netflix、Instagram、BBC、IGN 等都使用它來建構網頁。

課程大綱：

• 認識 React

  • Hello World
  • 什麼是 React
  • 什麼是 JSX
  • 什麼是組件(Component)
  • 組件的屬性(props)
  • 預設屬性
  • 組件的狀態(state)
  • 由屬性定義預設狀態

  直接實作! 建構一個「待辦清單」

  • 規劃組件
  • 加入組件屬性 (props)
  • 加入 Data Model
  • 加入組件狀態 (state)
  • 更新組件狀態

  深入 React

  • React 為我們做了哪些事
  • 組件生命周期 (Lifecycle)
  • 全盤認識 JSX
  • JSX 一格洞
  • 行內樣式 (inline style)
  • React 事件 (Event)
  • React 中的表單 (Form)
  • JSX 的前處理與 webpack 打包

  繼續實作! 建構一個「留言系統」

  • 組件規劃 (View)
  • 加入函式/方法 (Controller)
  • 使用 AJAX 連接後端 API (Model)

  動畫

  • 使用 TweenMax (jQuery)
  • 使用 CSS 與 state
  • 使用 React Addon

  各種實作!

  • 全 React 的 SPA 網頁
  • Ajax 表單
  • 頁面之間的 transition
  • 綁定 scroll 事件作 transition
  • 結合 Facebook 登入流程
  • 用 React 作一個遊戲!
  • 嘗試 React Router
  • 嘗試 Redux

【開課日期】106.1/14, 1/15, 1/22 共三天

【開課時間】AM9:00-12:00、PM13:00-17:00 共21小時

【適合對象】

• 想從「總是在用 jQuery 操作錯綜複雜的 DOM」中解脫的人
• 想從「總是不小心寫了太長的 script.js」轉換成用 OOP 來寫網頁的人
• 想認識 React.js、使用 React.js 的人
• 已可使用 JavaScript 撰寫基本的前端應用
• 本課程會使用命令視窗。
  對作業系統的命令視窗 (命令提示字元) 有基本了解，可幫助你更快掌握課程內容

【上課基本需求】

• 已可使用 JavaScript 撰寫基本的前端應用
• 本課程會使用命令視窗。
  對作業系統的命令視窗 (命令提示字元) 有基本了解，可幫助你更快掌握課程內容

【人數】20人 額滿為止。

姚偉揚
十年的軟體開發經驗，製作無數互動裝置、系統整合方案、行動裝置應用、遊戲、網頁前後端開發。

目前擔任台北米蘭數位-互動技術指導、飛肯設計學苑-前端工程講師。