2 大最新的前端技術,這堂30小時的課,讓您一次學會。
在這堂課裡,您將能用最平實的價格,獲得這兩個最新的技能,加深職場競爭力和價值。為了保障課程品質,目前預計收 30 名學生。希望讓每個人都能滿載而歸。
還在用 jQuery 嗎?這堂課讓您符合最新的職場技能需求,保持未來競爭力。
jQuery 雖為許多前端開發者必備的開發函式庫,但隨著專案複雜度提升,容易產生不易維護的問題。目前許多企業皆已慢慢導入React來作為主要的前端開發框架, 並列為主要徵才條件,這也代表著它具備值得學習的條件 ! 而這堂課一次將兩新的前端技術放在一起,讓您能快速地符合最新的職場技能需求!
與真正開發過大型專案的老師面對面交流,受用無窮。
這堂課的彭兆蔚老師,專注在JS 上的教學和研究,經歷過大大小小的專案主要開發者,包括「網頁大型多人連線遊戲」 到 「影像處理軟體」,教學經驗也相當豐富,是非常難得的老師,畢竟許多人雖然很厲害但不會教學,參與這堂課程,除了課程內容外, 老師將分享更多他在JS 開發上面的經驗和訣竅,有任何專案開發上問題都能與老師直接交流,上過課的人,未來都可在社團內,持續與老師進行交流互動喔!
為什麼學習ES6 和 React ?
JavaScript ES6 將是下一個十年,網頁前端工程的主流規格!
JavaScript 是最受歡迎的程式語言之一,近幾年更做了大幅度的翻新,最新的 JavaScript ECMAScript 第六版 ( 簡稱 ES6 ) 語法比起以往更為強大、簡潔,提前學習、投資絕對是對的選擇!
React 則是由 Facebook 團隊所開發維護的重量級框架,它的模組化設計、生命週期管理和優秀的效能、延展性,都是許多一流企業,包括 Facebook、Netflix、Instagram、Atlassian 等等選擇以 React 當核心架構的理由,也是目前台灣業界受歡迎的前端框架之一,許多公司爭相導入內部開發使用,並列為對外徵才加分的條件!
雙管齊下,報名送線上課程,永久觀看(非上課錄影)。
有別於其他實體課程,上完課就結業,並各奔東西。只要參加「一般票」、「早鳥票」的同學,皆能免費獲得老師在 HiSKIO 程式線上教育平台特別製作的線上課程 (非上課錄影),不管上課期間或是結業後,皆能透過線上課程,享受持續更新的內容喔!
線上課程傳送門:hiskio.com/course/116
這門課主要教給您什麼?
1.Javascript ES6 基礎 + 應用 + 練習
從零開始教授最新的 JS ES6 語法,並帶領學生實際操作與練習。充分融會貫通 ES6 語法的內容。
2. ES6 物件導向重要觀念
「類別的繼承」、「靜態成員」、「原形鍊」...等等是 JavaScript ES6 物件導向中相當專業的內容,這堂課也將仔細地講解,帶給您更深入的知識。
3. React 快速入門
帶您快速瞭解 React 的核心技術,包括組件、組件屬性、組建狀態、繼承、生命週期...等基本教學,並透過完成一個小遊戲專案,學習到開發思路。
4. React 專案實作與套件
用 React 做一個 to-do-list 並不稀奇。這堂課直接帶您實作一個「井字遊戲」作為課程專案,讓所學融會貫通,直接完成一個能 demo 的作品。除了 React 的核心技術之外,本課程更進一步介紹與 React 完美搭配、近年最受歡迎的 Redux 應用程式狀態管理套件,擁有 React · Redux 的能力將讓您在職場上無往不利!
5. 開發經驗面對面交流
語法學得再多,還是需要經驗的累積,老師將在這堂課傳授許多業界開發寶貴的經驗,例如程式碼分工觀念 (code responsibility),以及各式各樣在網路學習上所學不到的知識!
您將能獲得...
- JavaScript ES6 的新語法與重要觀念
- React 實戰應用能力
- MVVM Pattern 程式架構 (( 熱門
- 程式碼分工的重要觀念與實務經驗傳授
- 使用 ES6 + React完成「井字遊戲」,立馬擁有第一個作品
課程特色
- 從零開始,30 小時時數充足,完整重點訓練。
- 教學風格仔細不含糊,依照個人狀況給予教學方式。
- 解惑管道多元,且保持暢通,線上線下皆能問問題。
- 全新課綱組合,有別於其他課程。
- 專案思維導向,以能做出作品為課程目標,進行教學。
課程概覽 ( 將依現場學生狀況適度調整 )
|
1 |
JavaScript ES6 教學 | 變數與運算子 (var, let, const) |
| 條件判斷 (if, else) | ||
| 迴圈 (while, for) | ||
|
2 |
基本函式教學 (function) | |
| 箭頭函式 (arrow function) | ||
| 預設參數 (parameter default) | ||
|
3 |
類別與物件 (class and object) | |
| 建構子 (constructor) | ||
| 屬性與方法 (attrubute and method) | ||
|
4 |
類別的繼承 (extends) | |
| 類別的靜態成員 (static) | ||
| 原型鍊 (prototype chain) | ||
|
5 |
HTML DOM | |
| HTML DOM 動態效果 | ||
|
6 |
基本事件處理 (handle event) | |
| 使用事件物件 (event object) | ||
|
7 |
React 快速入門 | 安裝與快速入門 |
| 認識組件 (component) | ||
| 組件的屬性與狀態 (props and state) | ||
| 生命週期管理 (lifecycle) |
||
|
8 |
React JSX 建立畫面 |
|
| React 事件處理 (event) |
||
| React 表單處理 (form) |
||
| 9-10 | React 專案實作 | 程式碼分工觀念 (code responsibility) |
| 管理核心資料 (data management) | ||
| 建立應用介面 (user interface) | ||
| 打造程式架構 (mvvm pattern) | ||
| 完成井字遊戲 (tic-tac-toe) |
關於彭兆蔚老師
有鑑於雖然 JS ES6 和 React.的呼聲很高,但除了一些知名的補習班外,學習管道相對較少。老師因而重新規劃、設計課程內容,希望將最新、最好的內容,用最平實的價格,帶給每一位想深入學習JS的妳/你。
這門課由教學經驗豐富的「台大系統訓練班」的彭兆蔚老師所特別開授,主要針對目前 ES6 + React.js 進行深入淺出的豐富教學,同時也將導入業界實務開發 Know How。讓課程不僅只是「教語法」,更著重於學習後的專案實踐。讓學完這堂課後,馬上能獲得一套開發流程與清晰的思路。
學經歷
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. 教授超過 60 個班,累計教學時數近 2000 小時。
彭老師課程網站:http://training.pada-x.com/
上課準備 :
自備筆電,現場提供充電插座。
具備知識 :
建議學生須具備HTML/CSS 基礎能力。
上課時間
106/8/15 ~ 106/ 9/14 每週二、四 19:00 ~ 22:00
想上課但時間不能配合嗎?
針對想上課卻不能來的同學,老師之後會特別錄製一門完整的線上課程喔!
React+ ES6 線上課程:hiskio.com/course/116
JS 超基礎線上課程 :hiskio.com/course/51
誰適合這堂課程?
- 想學習最新前端技術的人
- 想學習ES6、React 卻不知如何開始的人
- 想了解ES6 以及更多JS 業界產品開發實務的人
誰不適合這堂課程?
完全不了解網頁基礎知識 HTML / CSS 的人





