React / Flux 實戰班

React / Flux 實戰班

已會 react/flux 但想更上層樓?本課程將助你一次點滿戰力成為忍者級戰將

課程介紹

Single Page App 是當今最重要的網路應用主流,Facebook, Yahoo, Instagram, Twitter 與 Pinterest 等知名大站皆重度依賴此技術開發其核心 web 與 mobile 產品,長期以來業界對此技能求才若渴卻總是供不應求。

React + Flux 是當前矽谷最受歡迎的 Single Page App 開發技術,它一舉解決數十年來傳統 MVC 開發概念的迷思,不但能降低大型網頁程式的複雜度與大幅改善頁面運行速度,更能快速提升團隊開發效率,是公認最友善、易學又威力強大的開發工具。

本課程特別針對已會 React/Flux 的開發者所設計,一次完整傳授實戰所需經驗與各種眉角,幫你節省時間與痛苦的試誤過程,立即深度掌握正確知識並投入實戰。

如果你已會 React/Flux 但總覺得知識架構不完整,知其然不知其所以然,經常遇到解不掉的難題,本課程將助你打通任督二脈立馬點滿戰力!

預期效益

本課程以一完整範例帶你逐步瞭解 React+Flux 應用程式之核心觀念、開發手法與工作流程,並示範如何解決常見架構問題,同時也穿插多個練習讓學員親自動手實作。

除此之外,課程也含蓋 RWD、Immutable 資料結構、Form 應用技巧與其它十多項開發密技分享。

課後你將俱備清楚透澈的觀念可正確 "Thinking in React+Flux",勝任各種 Single Page App 開發工作,也能協助團隊更有效率分工合作,降低專案複雜度與加速開發時程, 立即成為高效率、高產出、高品質的前端忍者戰士!

更多使用 React+Flux 帶來的好處請看此份簡報

現在就預約

課程大綱 (一日課程)

  • 範例與講義
    • 下載檔案
    • 範例執行方式
    • 講義閱讀方式
  • 開發環境設定
    • npm 與 package.json 應用
    • gulp/webpack 應用
    • 啟動開發模式
  • 大型應用程式基礎觀念與手法介紹
    • 專案目錄架構
    • 模組化開發的重要性
    • 模組開發基礎技巧
    • 程式初始化手法與相關工作
  • React/Flux 基本概念
    • 單向資料流與唯一真相
    • 一律重繪
  • 範例程式實戰手法解析
    • 依新刪修查等主要操作劇情解析範例程式細部開發技巧
    • 練習 update 劇情
    • 練習 remove 劇情
    • 套用 container pattern 改善 list 效能
    • 練習 隨打即查 劇情
    • 結合 Jquery 的手法
    • 套用 3rd party 元件的方式
    • 其它重要技巧補充
    • 更多的練習
  • RWD 應用
    • React app 支援 RWD 的多種方式
    • 改良既有程式以支援 RWD
    • 實作 RWD 需注意事項
  • Immutable 資料結構
    • Immutable model 的意義與優點
    • Immutable.js 工具介紹
    • 改良既有 react/flux 程式以支援 Immutable model
    • Immutable model 的應用密技
    • Immutable model 使用注意事項
  • Form 表單應用
    • 使用 react 快速製作 form 的幾種選項
    • Form 套件的應用的注意事項
    • 進階客製化與延伸 form 功能的技巧
  • 進階開發密技
    • Container pattern 與 Relay/GraphQL
    • PureRenderMixin 功能與原理
    • jsx 與 createFactory 指令
    • Flexbox 快速入門
    • 開發時除錯方向與流程
    • 快速理解元件功能的心法
    • 如何從設計稿開始建構 UI 介面
    • 是否該用 reflux, fluxxor 等二度開發套件?
    • i18n/i10n 如何處理?
    • client side routing
    • isomorphic app
    • 如何測試 react/flux 程式
    • ES6 對 react 造成的影響與因應方式
    • Promise 應用技巧
    • Co 與 Generator 應用技巧
  • 概念復習與總結
    • 今天學了什麼?
    • 進階學習方向

現在就預約

課程特色

  • 全中文化講義、範例與程式註解
  • 所有課程皆為實戰中淬取之經驗,百分之百符合業界實務需求,不浪費時間
  • 課程內容與授課順序皆經細心規畫,以深入淺出方式教授,保証能在短時間內快速吸收並產生即戰力
  • 實戰與教學經驗豐富的講師現場中文解說,不懂立即問到會
  • 課程設計只求實戰,其餘免談,要學就學最好的

你正為下列現象所苦嗎?

  • 英文能力不佳無法主動吸收最新外文資訊?
  • 網路上充斥各種大小框架,看的眼花瞭亂也不知該選哪個?
  • 傳統 MVC 手法總讓專案到後來變的龐大複雜而逐漸失控?
  • 客戶總是抱怨進度太慢、問題太多、效能不好,搞的自已心力焦悴?
  • 大型框架難學、易忘又經常犯錯,導入後常覺礙手礙腳也無法發揮該有的效能?
  • 即使用了現成框架也因為每人手法不同最後團隊還是難以協同工作,彼此也很難互相支援?
  • 市場上人才難尋,就算招到人也難以快速進入狀況產生即戰力?
  • 技術變化好快舊的還沒學完新的已經出來,要是有專家幫忙盯著隨時提供最新且正確的資訊有多好?
  • 網路上到處是零碎片段資訊 四處亂看卻總是連貫不起來也無法實際應用?
  • 隨處找來的範例總是跑不起來,有的還是老舊版號根本浪費時間?
  • 好希望有完整的教程規畫一步步帶領入門一次就學會正確手法?

如果上述任何一點符合你的心聲,這門課將帶你脫離苦海,真正成為忍者級開發大師!

這課程適合你嗎?

  • 對剛學會 javascript 的入門新手
    • 這課太難不適合你,至少需一年以上實際開發經驗為佳
    • 請先上 Front End 開發起手式 班再銜接此課程較能聽懂
  • 對主要使用 jquery 進行開發的人員
    • 希望有良好的架構來管理程式碼
    • 希望能學習中大型 web app 開發的良好手法
  • 對使用 Backbone, Ember, Knockout 的開發人員
    • 希望能進一步簡化 MVC 的開發流程以降低程式複雜度並提升系統穩定性
    • 希望能讓 view 的效能有十倍速增長
  • 對目前使用 angular 的開發人員
    • 雙向 data-binding 造成資料亂流最後難以管理?
    • watcher 的 dirty checking 總是不精準又耗用大量資源?
    • service/provider/factory 總是搞不懂何時該用哪個?
    • directive 怎樣都寫不好,也很難真的重覆使用?
    • 一大堆 module 總是不知道該如何良好規畫大型專案結構?
    • 無法在 server 預先繪好頁面以加快第一頁顯示速度?
    • 學的好辛苦但成果卻有限而且實作上還一直出錯,到底該怎麼辦?
    • 每次框架改版就要從頭來過實在沒那麼多生命可一直苦苦追趕?

    我們是過來人,以上煎熬我們都經歷過,React+Flux 可以完美解決這些問題,讓你跟我們一樣晚上睡的更安穩,詳情請參考這份簡報

為何要參加此課程?

  • 如果你是開發者
    • 我們提供全中文化教材與範例幫助你快速學習
    • 不需再浪費時間上網摸索未經驗証的片斷資訊
    • 課程內容皆是精心挑選並通過實戰驗証的開發手法
    • 一次到位學會專業級開發流程進身高手行列
    • 提高工作效率可早點下班回家陪家人小孩
  • 如果你是老闆或主管
    • 團隊開發效率不佳?
    • 總是選錯工具導致產品時程延誤?
    • 不知如何訓練新進員工提升本職學能?
    • 四處招不到適用人才很苦惱?
    • 或許你只是沒找對方向,我們提供務實的培訓課程幫你一次解決這些問題
    • 花一次時間直接學最好的知識,不要省小錢反而浪費生產力賠更大
  • 如果你是 startup 創辦人
    • 團隊人少事雜就更需力求個人質量精良俱高度即戰力
    • 擁有正確知識與高效率戰技是爭取速度與節省成本最佳法門
    • 想快速開發 MVP 以驗証市場與客戶就更需應用高效率工法
    • 我們的實戰課程幫你短時間內大幅提升開發人員技能,立即從二兵變身海豹部隊

現在就預約

Last update: 4/10/2015, 3:01:36 PM

有問題嗎?詢問我們!