Moko365 講師暨技術總監，Flowchain 基金會（新加坡）創辦人。Jollen 在 Embedded Linux 與 Linux Device Driver 有超過 20 年的研發與企業內訓經驗，在 Android Framework 軟體架構方面，也有 15 年的授課經驗，更長期在科技業擔任 Linux & Android 技術顧問。
Jollen 在 Linux 基金會舉辦的 Open Source Summit 全球開發者社群大會上，多次擔任講者發表演說，在開源領域有多年經驗。此外，於 2017 年開始，在歐洲與加拿大發表有關區塊鏈與去中心化 IoT 架構的論文，並獲 ACM SIGBED Review 刊登。Jollen 在 2016 年創辦 Flowchain 基金會，開發原創區塊鏈作業系統技術，提供 IoT 與 Blockchain 技術整合服務，並獲得多項相關國際專利。更多資訊，請參考 Jollen’s Blog
仕橙版第 06 期，著重 Single-page、Responsive Design 與 MVP 模式
專為企業內訓製作的 Frontend 課程 什麼是 RWD 開發？RWD 是 Single Page 模式的重點之一。RWD 的全名是 Responsive Web Design，中文翻譯為「響應式網頁」，也就是製作的 Web Frontend 能同時在手機、平板與 PC 上自動調整排版。本課程使用最受歡迎的 Bootstrap CSS Framework 來製作 RWD 前端頁面。
Frontend 並不等於 Web 版面設計，更不只是網頁製作。因此，本課程的最重要目標，是帶領學員，建立完整且正確的 Frontend 開發知識，並以 Backbone.js 做為前端的開發框架。本課程更是平面設計師，認識 Web Frontend 開發的基礎課程。學員受訓後，將具備 SPA 與 RWD 的前端開發能力。
課程目標：導入最重要的 Single Page Application（SPA）模式，來開發使用體驗良好的 Frontend。課程包含 SPA、Bootstrap CSS 框架、Backbone、整合 REST API、Key-value 觀念、LESS、AMD、MVC 模式等。
1. HTML5 的 Frontend 開發技術與觀念，甚致使用的工具，都和過去有很大的差別
2. Single Page Application（SPA）是未來 Web 的主流架構
3. 帶領平面設計師，正確有效率地進入 Frontend 領域
本課程的設計，適合學習過 HTML5 與 CSS，還想更進一步建立 Frontend 能力的工程師。
學習 Backbone、Bootstrap、MVP 模式 等，是 Frontend Engineering 的馬步。
AP101
● 本課程於 2016 年 02 月 01 日完成改版（第二版）
● 建立正確的 Frontend 開發能力
● 以 Single Page Application 模式開發 Frontend
● 使用 Backbone 設計 Single Page Application 架構，引導學員建立架構導向思維，而不是網頁製作思維
● 學會使用 Single Page Application 來整合 REST API（雲計算）
● 開發 Responsive Web Design 的 Frontend 與移動應用
上課時數：12 小時，共計 2 天。
| 時程 | 上課大綱 | 講師 |
| 第 1 天 09:30 am－04:30 pm |
第 01 堂課：Frontend JavaScript 設計模式 • Instantiable Function 與 Object • Constructor Pattern • Inheritance 與 Prototype 的觀念 • 使用 JavaScript Prototype • Organizing Code：MVC 簡介 第 02 堂課：Frontend 發展史：從平面設計到 SPA 模式 • 從 Web Pages 到 Web App • 談 HTML5 標準：Web Application • 談 Frontend 技術：不是平面設計 • 從平面設計到 Frontend：不一樣的排版與切版技術 第 03 堂課：Single Page Application 入門 • 使用 Backbone 設計 SPA 架構 • 使用 Backbone 整合 REST API（Backend) • Key-value Paris 的觀念與應用 • 使用 Underscore Template • 學習 ViewModel 的觀念 第 04 堂課：CSS 與 Responsive Web Design • SASS 語法教學 • 撰寫 Media Query • 使用 Bootstrap 建立網頁 • Bootstrap 與 Responsive Design 第 05 堂課：使用 AMD • 認識 Common.js • 使用 Require.js • JavaScript Closure 與 Lambda 觀念 第 06 堂課：MVC, MVP 與 MVVM • MVC, MVP 與 MVVM 觀念介紹 • 實作 MVC 與 MVP 模式 • 認識 Backbone 的設計精神 • 使用 Backbone 實作 MVVM 架構 • 井字遊戲（TicTacToe）與設計模式的演練 |
Jollen |
| 第 2 天 09:30 am－04:30 pm |
第 07 堂課：RESTful 與 API 導向架構 • 認識 Service-Oriented 的觀念 • REST 標準與 RESTful 架構 • 定義與設計 REST API • Presentation 與 API 導向架構 • 建立 API 導向架構的開發思惟 第 08 堂課：深入 Backbone.js • 為什麼需要 Backbone.js？ • Backbone View 深入討論 • Backbone Model 深入討論 第 09 堂課：Backbone Model 與 Collection • 關於 Attributes • Listening Changes • 建立與更新 Model • 認識 Collection • Module Pattern 與 Backbone View • Module Pattern 與 Collection、Model 第 10 堂課：建構 Backbone Application • Backbone Views • DOM 與 UI Controls • Data 與 Meta-data • Application Components • 使用 Require.js 組織 Backbone Code • 使用 Marionette.js for Backbone |
Jollen |
● 基本科目：認識 HTML5 與 CSS 語法
● 程式能力：能撰寫基本的 JavaScript 語法
● 軟體能力：了解基本的 JavaScript 設計模式
● HTML5 零基礎初學者，建議可先修「HTML5 與 JavaScript：Web Fullstack 開發入門」課程，以建立基本的開發能力。
● 有網頁製作基礎，但沒有 HTML5 App 經驗者者，建議可先修「HTML5 與 JavaScript：Web Fullstack 開發入門」課程，以建立基本的 HTML5 App 思惟能力。
● 沒有 JavaScript Closure 與 Module Pattern 觀念者，建議可先修「HTML5 與 JavaScript：Web Fullstack 開發入門」課程，學習基本的 JavaScript 設計模式。
NT$ 15,800（上課時數 12 小時，共計 2 天）
● 開課前一週，天天早安鳥；開課前完成繳費享有「早安鳥」88 折優惠價（NT$ 13,900），我要早安鳥報名
● 持 VIP Code 或仕橙會員卡，再折 NT$ 1,000
● 持仕橙折價卷：依面額折抵，一門課程限用一張，可搭配 VIP Code 或仕橙會員卡使用
● 持仕橙折價卷的學員，請於填寫報名表時勾選，並於開課當日繳交，如無法繳交折價卷者，須補繳課程費用
● 日期：2017 年 11 月 25、26 日，仕橙版第 06 期
● 時間：09:30～12:00，13:00～16:30（09:00 AM 開始報到）
台北市博愛路（詳細教室資訊另行公佈）
● 下載報名表（.doc）
● 下載報名表（.pdf）
本課程由仕橙3G教室 (Moko365 Inc) 開發與製作，內容由仕橙研策科技有限公司版權所有，並保留所有權利。未經書面授權同意，請勿轉載、引用或複製內文。本公司業聘請承展智權暨商務法律事務所陳丁章律師、李子聿律師等，擔任本公司電子商務及智權法務諮詢顧問，並此籲請各界尊重本公司之智慧財產權。
Moko365 (仕橙3G教室) 成立於 2009 年，專注於 Android / Linux / Node.js / IoT / Blockchain 技術領域，是老字號的 Professional Training Center，為各大企業提供技術顧問與培訓服務，並協助企業進行人才養成。企業客戶涵蓋科技、金融、物流、傳播等，服務國內外近 100 企業；包含公開課程在內，累積訓練超過 10,000 人次。更多有關資訊，請瀏覽 www.moko365.com