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

課程講師 / Jollen

Moko365 講師技術總監、Mokoversity 創辦人、Flowchain.co 創辦人。Jollen 在 Embedded Linux 與 Linux 驅動程式有超過 15 年的開發經驗,從 2007 年開始專注在 Android 底層框架的開發,是台灣與大陸知名的 Android Framework 技術專家,更長期在科技大廠擔任 Android 軟硬整合技術顧問。

目前在台灣、大陸、美國與歐洲的科技公司,擔任區塊鏈技術顧問,同時也是 Hyperledger Taipei Meetup 共同負責人。於 2017 年在歐洲與加拿大發表二篇有關區塊鏈與去中心化 IoT 架構的論文,並獲 ACM SIGBED Review 刊登。Jollen 在 2016 年創辦 Flowchain.co,開發原創區塊鏈作業系統技術,提供 IoT 與 Blockchain 技術整合服務;其公司被國外媒體評為 10 大區塊鏈新創觀察名單之一。

其它請參考Jollen’s Blog & Jollen’s Github

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 前端頁面。

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

● 開課前一週,天天早安鳥;開課前完成繳費享有「早安鳥」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 開始報到)

  • 仕橙版第 06 期:將於 2017 年 11 月 25 日開課(台北)
  • 仕橙版第 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)

* 為必須填寫欄位
仕橙3G教室

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

Moko365 (仕橙3G教室) 成立於 2009 年,專注於 Android / Linux / Node.js / IoT / Blockchain 技術領域,是老字號的 Professional Training Center,為各大企業提供技術顧問與培訓服務,並協助企業進行人才養成。企業客戶涵蓋科技、金融、物流、傳播等,服務國內外近 100 企業;包含公開課程在內,累積訓練超過 10,000 人次。更多有關資訊,請瀏覽 www.moko365.com