Android、HTML5、Node.js 與 IoT 高品質訓練課程供應者

Web Frontend 完整訓練:使用 Backbone 與 Single Page 模式,第二版

仕橙版第 06 期,著重 Single-page、Responsive Design 與 MVP 模式


專為企業內訓製作的 Frontend 課程
什麼是 RWD 開發?RWD 是 Single Page 模式的重點之一。RWD 的全名是 Responsive Web Design,中文翻譯為「響應式網頁」,也就是製作的 Web Frontend 能同時在手機、平板與 PC 上自動調整排版。本課程使用最受歡迎的 Bootstrap CSS Framework 來製作 RWD 前端頁面。

講師 Jollen

Moko365 技術總監暨講師、Mokoversity 開放創新學院創辦人、WoT.City 技術長。曾為 Motorola、HTC、LG、OPPO、騰迅、廣達電腦等知名企業,提供 Android、Linux 與 HTML5 專業訓練,並擔任顧問。長期從事 Embedded Linux、Android Framework、HTML5 與 Linux Device Drivers 研究與開發。Jollen 近期投入 Web of Things 的雲端架構設計,並且成立 WoT.City 開源計畫。Jollen’s Blog

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 模式等。

Moko365 Team

本課程的重要性

1. HTML5 的 Frontend 開發技術與觀念,甚致使用的工具,都和過去有很大的差別
2. Single Page Application(SPA)是未來 Web 的主流架構
3. 帶領平面設計師,正確有效率地進入 Frontend 領域

HTML5 與 CSS 之後的下一步?

本課程的設計,適合學習過 HTML5 與 CSS,還想更進一步建立 Frontend 能力的工程師。

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 天)

● 本課正提供預約報名優惠。預約報名課程,直接享有 69 折(NT$ 10,900)的最棒折扣:我要預約報名(請等候繳費通知、暫無須繳費)

● 預約報名優惠已為最低優惠,無法再合併其他優惠(VIP與折價券)

● 日期:2016 年 日期未定,仕橙版第 06 期

● 時間:09:30~12:00,13:00~16:30(09:00 AM 開始報到)

  • 仕橙版第 06 期:預約中(台北)
  • 仕橙版第 05 期:已於 2016 年 05 月 29 日結訓(台北)
  • 仕橙版第 04 期:已於 2015 年 05 月 24 日結訓(台北)
  • 仕橙版第 03 期:已於 2014 年 11 月 16 日結訓(台北)
  • 仕橙版第 02 期:已於 2014 年 07 月 27 日結訓(台北)
  • 仕橙版第 01 期:已於 2014 年 03 月 16 日結訓(台北)
  • 2014 年 09 月 17 日:加強 Single Page 模式的說明

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

下載報名表(.doc)

下載報名表(.pdf)

● 本課正提供預約報名優惠。預約報名課程,直接享有 69 折(NT$ 10,900)的最棒折扣:我要預約報名(請等候繳費通知、暫無須繳費)

● 『預約報名』說明:

  1. 凡想參加課程者皆可事先預約
  2. 僅預約,不需繳交任何費用
  3. 待上課日期公布後,評估是否可以參加該期課程,如可以再進行課程繳費(預約優惠價)
  4. 如無法參加該期課程,亦不需繳交任何費用
  5. 預約人數超過六位以上,即公布上課日期
  6. 上課日期公佈後,即無法享有預約優惠價格
  7. 預約報名優惠已為最低優惠,無法再合併其他優惠(VIP與折價券)
* 為必須填寫欄位
仕橙3G教室

本課程由仕橙3G教室 (Moko365 Inc) 開發與製作,內容由仕橙研策科技有限公司版權所有,並保留所有權利。未經書面授權同意,請勿轉載、引用或複製內文。本公司業聘請承展智權暨商務法律事務所陳丁章律師、李子聿律師等,擔任本公司電子商務及智權法務諮詢顧問,並此籲請各界尊重本公司之智慧財產權。

Moko365 (仕橙3G教室) 為兩岸領先的科技顧問培訓機構,主要業務包含三項:1.Android底層軟體開發;2.協助客戶進行Code Review以及平台的移植;3.Android企業內訓,協助企業進行人才養成。客戶包含LG、宏達電、廣達會等國內外五十家企業、政府法人,累積訓練研發人員近五千人次。成立於2009年台北,在北京、上海、深圳均可提供服務。 目前是台灣開課規模最大、課程體系最完整的Android教育訓練中心。挾著深厚的技術實力與顧問諮詢經驗,2012成立Lightning Startup,協助客戶將行動通訊領域的好點子、好創意轉化成商品。更多有關資訊,請瀏覽 http://www.moko365.com/