HTML5 與 JavaScript：Web Fullstack 開發入門，第三版
仕橙版第 09 期，專為企業內訓製作的 HTML5 課程，規劃完整、內容細緻
什麼是 Web Fullstack 開發？兼具前端（Frontend）與後端（Backend）開發能力的工程師。Web 開發時，Frontend 與 Backend 的關係密切，因此具備 Fullstack 技術能力，才能做好整合開發工作。Web Fullstack 是重要的軟體技能。
著重 HTML5 App 開發思惟、JavaScript 基本教學、Node.js 基礎、HTML5 應用程式開發、Web Service 開發基礎
HTML5 / JavaScript / CSS3 已經是重要的 Web 與移動開發新標準了，許多手機應用程式紛紛採用 HTML5 與 CSS3 標準進行開發，並以 JavaScript 為主要程式語言。不但可以讓 UI 更有彈性，也易與 Web Service（雲計算，Cloud）整合
課程方向
本課程解析如何以 HTML5 + JavaScript 來發展 Web App，並且也說明如何以最熱門的 Node.js 技術來開發 Web Service，並將 App 與 Web Service 整合的開發觀念。本課程整理 HTML5 軟體開發必備的基本知識。
品質特色
本課程專們針對僅了解一些 HTML 與 CSS 語法的初學者所設計，透過系統化的訓練，學習完整的 HTML5 軟體開發技術。本課程是學習 HTML5 與 Node.js 的入門課程。
訓練理念
HTML5 並不是只學習標籤語法，而是要更廣泛地學習相關技術，例如：Bootstrap、Node.js 等，才能打好穩固的基礎。想了解全球開發者，開發 HTML5 網站服務或 App 時，都用到哪些工具與技術，請參考本課程。
課程代號
AP100
課程簡介
- 本課程於 2016 年 02 月 01 日完成改版（第三版）
- 本課程於 2013 年 10 月 21 日完成改版（第二版）
- 學習以 HTML5 與 JavaScript 製作第一個手機 App
- 學習 JavaScript 設計模式
- 學會使用 PhoneGap 製作手機 App
- 學會以 Node.js 開發 Web Service API
- 學習 Node.js 技術
- 學習輔助工具：Grunt、npm、forever、bower
- 完成本課程後，歡迎接續「Web Frontend 完整訓練：使用 Backbone 與 Single Page 模式」，學習完整的 Front-end 技術
- 想專注在 Front-end 開發技術嗎？歡迎直接參加「Web Frontend 完整訓練：使用 Backbone 與 Single Page 模式」課程
- 已經了解這些技術了嗎？歡迎參加「Web Frontend 完整訓練：使用 Backbone 與 Single Page 模式」課程，有完整的 Front-end 技術教學
課程大綱
上課時數：18 小時，共計 3 天。
| 時程 | 上課大綱 | 講師 |
| 第 1 天 09:30 am－04:30 pm |
第 01 堂課：HTML5 軟體架構的觀念 • 認識 Web-Oriented Architecture • 何謂 Service-Oriented Architecture • 認識 HTTP 與 HTTP API • 何謂 Presenetation • 認識 REST 與 RESTful 架構 第 02 堂課：JavaScript 設計模式入門 • 函數定義 • 函數的實例化 • 暱名函數 • JavaScript Closure 觀念 • 立即函數 • Singleton Design Pattern • JavaScript Module Pattern • 認識 DOM • 認識 AMD（Asynchronous Module Definition） • MVC 初探 • 品質良好的程式碼（使用 JSLint） 第 03 堂課：第一個 HTML5 應用程式 • 製作第一個 HTML5 網頁 • 製作第一個 HTML5 手機 App • Write Once Run Anywhere • PhoneGap API 簡介 • PhoneGap API 手冊導讀 • 實例：手機拍照 App 第 04 堂課：HTML5 標準 • 認識 HTML5 新語法與功能 • 使用 Canvas 繪圖功能 • 認識 WebSocket 標準 • 認識 WebRTC 標準 • 認識 Doctype 與 ViewPort 第 05 堂課：jQuery 入門 • 認識 jQuery • 使用 jQuery API • 製作 jQuery Plugin • 探討 jQuery 設計模式 • 使用 AJAX 第 06 堂課：JSON 與 ViewModel • JSON 介紹與撰寫 • 使用 JavaScript 解析 JSON • JSON 與 HTML5 表格處理 • 認識 Key-Value Pair 觀念 • ViewModel 觀念介紹 • 使用 jQuery Template • 如何組識 JavaScript 程式碼 |
Jollen |
| 第 2 天 09:30 am－04:30 pm |
第 07 堂課：Going Mobile • 認識 Responsive Design • 使用 Bootstrap 3 • 使用 iOS Meta Data • 認識 Media Query 第 08 堂課：Node.js 基本觀念 • 認識 Node.js 技術 • Server-Side JavaScript 技術介紹 • Asynchronous IO 技術 • 關於 Event Loop 的技術優點 第 09 堂課：Node.js 的 "Hello, World" • 撰寫 Node.js HTTP Server • Node.js 的檔案處理 • 撰寫 Asynchronous IO 與 Callbacks 程式碼 • Node.js Modules • 使用 npm 套件管理程式 • 使用 package.json 第 10 堂課：Node.js 的 URL Routing • 認識 HTTP 協定 • HTTP GET 請求與回應 • 解析 URL 與 Query String • 實作 HTTP Request Handler • 實作 Requests Rounter |
Jollen |
| 第 3 天 09:30 am－04:30 pm |
第 11 堂課：Node.js 與 WebSocket • 認識 WebSocket 標準 • 使用 Node.js 開發 WebSocket Server • WebSocket Server/Client 連線實作 • 即時訊息傳遞（Real-Time Data Push 實作） 第 12 堂課：手機即時通 App 實作 • 練習 Bootstrap • 練習 AJAX • 練習 Node.js • 練習 URL Routing • 練習 WebSocket 連線處理 • 練習 Real-Time Data Push 第 13 堂課：Node.js IO 進階 • 檔案處理（Filesystem I/O） • Node.js Process 的觀念 • Fork Node.js Child Process • 實作 Node.js Proxy 第 14 堂課：使用 Grunt 與 Forever • 認識與安裝 Grunt • Grunt 設定檔 • Grunt Tasks 觀念入門 • 撰寫 Grunt Tasks • 認識與安裝 Forever • 使用 Forever 啟動 Node.js • Forever 與 Logger 第 15 堂課：使用 Bower 套件管理員 • 認識與安裝 Bower • Bower 設定檔 • 使用 Bower 安裝套件 |
Jollen |
先備知識
- 了解基本的 C 或 JavaScript 語法
- 了解基本的 HTML4 或 HTML5 語法
報名費用
NT$ 17,800（上課時數 18 小時，共計 3 天）
優惠方案
● 開課前一週，天天早安鳥；開課前完成繳費享有「早安鳥」88 折優惠價（NT$ 15,600），我要早安鳥報名
● 持 VIP Code 或仕橙會員卡，再折 NT$ 1,000
● 持仕橙折價卷：依面額折抵，一門課程限用一張，可搭配 VIP Code 或仕橙會員卡使用
● 持仕橙折價卷的學員，請於填寫報名表時勾選或來信提供，並於開課當日繳交，如無法繳交折價卷者，須補繳課程費用
開課時間
● 日期：2018 年 08 月 18、19、25 日，仕橙版第 09 期
● 時間：09:30～12:00，13:00～16:30（09:00 AM 開始報到）
開課紀錄
- 仕橙版第 09 期：將於 2018 年 08 月 25 日結訓（台北）
- 仕橙版第 08 期：已於 2017 年 07 月 15 日結訓（台北）
- 仕橙版第 07 期：已於 2016 年 03 月 26 日結訓（台北）
- 仕橙版第 06 期：已於 2015 年 05 月 02 日結訓（台北）
- 仕橙版第 06 期：已於 2015 年 05 月 02 日結訓（台北）
- 仕橙版第 05 期：已於 2014 年 10 月 19 日結訓（台北）
- 仕橙版第 04 期：已於 2014 年 07 月 12 日結訓（台北）
- 仕橙版第 03 期：已於 2014 年 01 月 05 日結訓（台北）
- 仕橙版第 02 期：已於 2013 年 10 月 12 日結訓（台北）
- 仕橙版第 01 期：已於 2013 年 04 月 21 日結訓（台北）
上課地點
台北市博愛路（詳細教室資訊另行公佈）
我要報名
● 下載報名表（.doc）
● 下載報名表（.pdf）
早安鳥報名
課程注意事項
- 課程費用皆不含匯款／轉帳手續費
- 課程費用不含午餐，午餐需自理
- 請自備 『 Android 』 手機上課
- 本課程為實作導向，為達最好的學習效果，請學員自備 NB。若有任何問題請來電詢問
- 報名時，請詳閱報名方式的「學員須知與注意事項」，以維護您的權益
