JavaScript (ES6) 網頁前端工程實務

現代網頁技術快速的演進,無論是基本的儲存運算、社交網路的蓬勃發展、以及使用者介面等相關領域上都取得重大的進展。

為了讓學員們能夠成為獨當一面的前端工程師,本課程將實際帶領大家開發數個具體而微的小型專案,包括以 JQuery 設計實用的手機網站介面、結合 Google Drive 開發雲端影像處理軟體、以及採用 HTML 5 / CSS 3 等最新網頁技術開發的小遊戲。

課程大綱

JavaScript (ES6) 網頁前端工程進階課程主題

1. 快速複習 HTML / CSS / JavaScript 技術

2. 使用 JQuery 製作專業介面
2.1 JQuery 選擇器
2.2 了解 JQuery 物件
2.3 使用 JQuery 物件
2.4 使用 JQuery 開發動態介面

3. 結合 Google Drive 設計雲端軟體
3.1 用戶授權程序
3.2 讀取在雲端硬碟的檔案
3.3 寫入檔案到雲端硬碟中
3.4 實作簡單的雲端影像處理軟體

4. 網頁遊戲實作入門
4.1 多媒體資料預先載入
4.2 音效播放控制
4.3 影像特效設計
4.4 即時互動的程式設計
4.5 完成一個簡單的遊戲專案

5. 網頁應用程式商店介紹
5.1 關於 Google Chrome Store
5.2 網頁應用程式的營運模式

適合對象

具備 HTML /CSS / JavaScript 的基礎能力,或上過 JavaScript 網頁前端工程入門班課程。

開發環境

任何能夠進行文字編輯的軟體。

近期班次

注意事項

  • 上課地點:台灣大學資訊工程學系系館 詳細位置;教室號碼將於開課前一日公佈於官網"最新消息"中。
  • 上課教材:開課後將公布教學網站給同學查閱。
  • 結業狀況:請上官網”結業名單”查閱是否合格及可領取證書進度。

講師介紹

(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) 於本班已教授超過 70 個班,累計教學時數超過 2,000個小時。

課程網站:

https://training.pada-x.com/