從入門到業界實務,完整學會最新的 JavaScript ES6 版本,和最熱門的 React,讓您快步跟進下一個十年的技術潮流。
能力升級至 JavaScript ES6 版本
React 基礎觀念與應用訣竅
React 專案開發實務與構思技巧
React 套件工具的搭配與應用
按一下 進入設定
jQuery 是目前許多前端工程師的必備工具,但於中大型專案的開發上,容易產生不易管理(麵條式寫法)及效能降低的缺點。在依賴 DOM 的狀況下。一旦頁面結構發生改變,許多內容必須跟著改動,這是很痛苦的事!
如果您對「JavaScript 動態網頁」開發的知識相對少,對資料傳遞、框架觀念還不甚了解,React 將會是您值得投資的一項新武器! 而目前 React 也受到大量關注與企業採用,並出現在許多職缺的徵才條件內,早早熟悉絕對是正確的選擇!
『再打更具體一點的比方,如果要實作一個網頁版的 Skype,您會用 React,而不會是 jQuery!』趁這個機會,從「切版工人」進化成「前端工程師」吧!

這堂課將雙管齊下,讓您技術升級更有保障, 獲得不同於一般課程的新體驗 ! 學習超有感。

一次預購,永久體驗
透過本堂課的線上影音、線上練習、以及各種補充資源充分學習。您可以自由掌握進度,無限次觀看複習,課程也會不定期作更新和增強。

購課後全部免費
您以為看完線上就結束了嗎 ? 不是這樣的 !
老師將根據課程進度訂定不同主題的討論會,解決同學問題,並分享更多經驗與技巧。持續帶給您更多有價值的內容,直到您真正學會,不再需要這些輔助。
有任何購課上的疑問歡迎前往課程問與答提出問題!
為了加強學習效果,同時也考量了太過密集的時程可能會讓同學無法吸收。以下是規劃的時程跟主題。若有任何想法也歡迎提出喔!
P.S 線上直播皆會有錄影喔!不用怕錯過精彩內容
- 直播 -
106/10/23 - 箭頭函式中的魔鬼細節 - (課程錄影處理中)
106/11/13 - 閉包 (Closure) 與 let 的關鍵時機 - (課程錄影處理中)
106/12/04 - 原型鍊再聊一百次都值得!
未來的直播,請追蹤彭彭老師的 Facaebook 社團 或 Taiwan 程式直播講堂。
JavaScript 是最受歡迎的程式語言之一,近幾年更做了大幅度的翻新,最新的 JavaScript ECMAScript 第六版 ( 簡稱 ES6 ) 語法比起以往更為強大、簡潔,這堂課協助已經學過 JavaScript 基礎的朋友,升級程式開發技能至 ES6 的最新版本。讓您準備好面對未來的挑戰,立於不敗之地!儘早學習、提前投資絕對是對的選擇!
// ES6 到底如何正確運用呢?讓我們繼續看下去var New ="更簡潔"let New ="更強大"const New ="新規格"
// 經典關於閉包的範例,該怎麼更新成 ES6 讓他更簡潔呢?for(var i =0; i <=3; i++){Time(i);}functionTime(i){setTimeout(function(){alert(i);}, i *1000);}
React.js 則是由 Facebook 團隊所開發維護的重量級框架,它的模組化設計、生命週期管理和優秀的效能、延展性,都是許多一流企業,包括 Facebook、Netflix、Instagram、Atlassian 等等選擇以 React.js 當核心架構的理由,也是目前台灣業界受歡迎的前端框架之一,許多公司爭相導入內部開發使用,並列為對外徵才加分條件!

React 本身的優勢 :
完全適合!這堂課將從最基礎的 JavaScript ES6 語法開始教學,只要您具備原生 JS 基礎概念,並且想要系統化學習最新、最熱門前端工程技術,這門課正是為您而設!
不用擔心目前還看不懂一些名詞包括 JSX、Babel、Redux ... 等等的概念和工具。這門課將有方向地、有重點地教給您!讓您的技術快速從「古代」升級至「現代」!
1.一站式學習,鉅細靡遺,課程以「最完整」為目標。
不用再擔心東拼西湊,這門課將您所需億的知識都放在這裡了!只要一次付費,就能永久觀看所有課程內容,新增內容不另外收費!以打造最完整、最友善的課程為目標!
每一段內容都會搭配小型、中型專案開發實務,學起來更有感覺!
這堂課針對 ES6 + React 進行深入淺出的豐富教學,同時也將導入業界實務開發 Know How。讓課程不僅只是「教語法」,更著重於學習後的專案實踐。讓學完這堂課後,馬上能獲得一套開發流程與清晰的思路。
這堂課將預設學生不熟悉 JS 作為出發點,從零開始教授最新的 JS ES6 語法,並帶領學生實際操作與練習。充分融會貫通 ES6 語法的內容。
「類別的繼承」、「靜態成員」、「原形鍊」... 等等是 JavaScript ES6 物件導向中相當專業的內容,這堂課也將仔細地講解,帶給您更深入的知識。
帶您快速瞭解 React 核心技術,包括組件、組件屬性、組建狀態、繼承、生命週期 ... 等,並透過每段內容的開發實務,讓您快速地學習使用 React 進行開發。
用 React.js 做一個 to-do-list 非常常見也不稀奇。這堂課直接帶您實作一個「井字遊戲」作為課程專案,讓所學融會貫通,直接完成一個能 demo 的作品。
除了 React 的核心技術之外,本課程更進一步介紹與 React 完美搭配、近年最受歡迎的 Redux 應用程式狀態管理套件,擁有 React · Redux 的能力將讓您在職場上無往不利!
語法學得再多,還是需要經驗的累積,老師將在這堂課傳授許多業界開發寶貴的經驗,例如程式碼分工觀念 (code responsibility),以及各式各樣在網路學習上所學不到的知識!
我們持續傾聽學生聲音,並依照回饋製作出更符合學生需求的內容,若您對課程有想法、想學什麼、對課程有疑問,歡迎至課程問與答留言或提問!

學經歷
1. 畢業於台大心理系、台大資訊工程研究所,具備跨領域專案開發、溝通經驗。
2. 於 2003 年,獲得美商昇陽電腦Sun Certificated Java Programmer(SCJP) 認證。
3. 於 2008 年,參與美商昇陽電腦校園大使計畫。
4. 曾任資策會軟體工程師。
5. COSCUP 2010 開源人年會講者,講題:Implementation of websocket protocol。
6. 網頁多人線上遊戲開發。
7. Piconion 影像處理軟體主要開發者。
8. iThome Modern Web 2016 講者,講題:Web 終將統治世界,用 JS 打造專業影像處理軟體。
9. iThome Modern Web 2017 講者,講題:開發複雜網頁應用的黃金法則。
10. JSDC 2017 講者,講題:如何開發複雜的雲端服務。
11. 十年豐富教學經驗。教授超過 70 個班,累計教學時數達到數千小時。
彭老師專屬課程網站:彭彭的課程教學網站
完全不了解網頁基礎知識 HTML / CSS 的人,不建議修習這堂課。建議從這門課開始,或參考彭彭老師的免費 JavaScript 入門課程。
如果您購買的是募資課程,請在課程的【簡介】中查看開課時間,募資課程將於開課時間所述日期開放同學上課。
若您購買的是一般課程(開放上課課程),則在購買完成後可以立即開始觀看。
所有線上課程皆不受時間限制,享無限次永久觀看!