HTML5 與 JavaScript：Web Fullstack 開發入門－第 08 期

專為企業內訓製作的 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）整合—Moko365 Team

課程方向

本課程解析如何以 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
完成本課程後，歡迎接續「HTML5 Frontend 完整訓練：使用 Backbone 與 Single Page 模式」，學習完整的 Front-end 技術
想專注在 Front-end 開發技術嗎？歡迎直接參加「HTML5 Frontend 完整訓練：使用 Backbone 與 Single Page 模式」課程
已經了解這些技術了嗎？歡迎參加「HTML5 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 天）

優惠方案

本課正提供預約報名優惠。預約報名課程，直接享有 69 折（NT$ 12,200）的最棒折扣：我要預約報名（請等候繳費通知、暫無須繳費）
預約報名優惠已為最低優惠，無法再合併其他優惠（VIP與折價券）

開課時間

日期：2016 年未定，仕橙版第 08 期，預約中
時間：09:30～12:00，13:00～16:30（09:00 AM 開始報到）

開課紀錄

仕橙版第 08 期：預約中（台北）
仕橙版第 07 期：已於 2016 年 03 月 26 日結訓（台北）

仕橙版第 06 期：已於 2015 年 05 月 02 日結訓（台北）
仕橙版第 05 期：已於 2014 年 10 月 19 日結訓（台北）
仕橙版第 04 期：已於 2014 年 07 月 12 日結訓（台北）
仕橙版第 03 期：已於 2014 年 01 月 05 日結訓（台北）
仕橙版第 02 期：已於 2013 年 10 月 12 日結訓（台北）
仕橙版第 01 期：已於 2013 年 04 月 21 日結訓（台北）

上課地點

台北市博愛路（詳細教室資訊另行公佈）

我要報名

預約報名課程，直接享有 69 折（NT$ 12,200）的最棒折扣：我要預約報名（請等候繳費通知、暫無須繳費）
『預約報名』說明：
1. 凡想參加課程者皆可事先預約
2. 僅預約，不需繳交任何費用
3. 待上課日期公布後，評估是否可以參加該期課程，如可以再進行課程繳費（預約優惠價）
4. 如無法參加該期課程，亦不需繳交任何費用
5. 預約人數超過六位以上，即公布上課日期
6. 上課日期公佈後，即無法享有預約優惠價格
7. 預約報名優惠已為最低優惠，無法再合併其他優惠（VIP與折價券）