所處部份 主講內容 技術要點 學習目標
第二部份：
移動 Web 網頁開發 H5C3 進階 新布局標簽、多媒體標簽、新增表單標簽、新增表單屬性、2D、3D 變換、animation 動畫、炫酷頁面開發
學員能力體現：
-掌握 HTML5 新布局標簽、多媒體標簽；
- 掌握 CSS3 2D、3D 變換、動畫效果；
- 了解移動端屏幕、移動端瀏覽器、操作系統的不同；
- 掌握常用移動端調試方法；
- 掌握常用移動端適配方法；
- 掌握 CSS 預處理器 less 的使用；
- 掌握常用移動端框架使用方法；
- 掌握常見移動端頁面開發；
- 掌握響應式布局開發；
- 掌握 Bootstrap 開發響應式頁面；
- 掌握適配不同終端的網頁開發技術選型。
關鍵詞：
HTML5 標簽、CSS3 動畫、移動端適配、真機調試、rem、flex 布局、媒體查詢、Bootstrap、Viewport、移動端調試
Flex 伸縮布局 傳統布局的局限性、Flex布局優勢、盒子父級常見屬性設置、盒子子級常見屬性設置、攜程網 Flex 移動端頁面開發
移動端開發 移動端屏幕介紹、移動端瀏覽器介紹、移動端操作系統介紹、真機調試、viewport 視口、rem 單位使用、移動端主流適配解決方案、常見移動端樣式兼容方案、預處理器 less、媒體查詢
第三部份：
JavaScript 網頁編程 JavaScript 基礎 基本語法、常用數據結構、編碼規范約定、內置對象常用方法、常見 JavaScript 算法大全、對象的創建方式和 this 講解、構造函數 學員能力體現：
- 能夠掌握 JavaScript 基本語法；
- 掌握常見 JavaScript 算法；
- 掌握 DOM 的各種操作；
- 熟練使用面向對象思想進行 DOM 編程；
- 掌握 JavaScript 的高級語法；
- 熟練使用 jQuery 操作 DOM；
- 熟練使用和編寫 jQuery 插件；
- 獨立完成電商網站的頁面搭建（包括 HTML 結構、CSS 樣式、JavaScript 特效）；
- 掌握應對業務編程的能力；
- 掌握 JavaScript 常見兼容性方案；
- 掌握團隊合作開發流程。
關鍵詞：
網頁編程、JavaScript 高級、面向對象、閉包、原型、原型鏈、ES6、正則表達式、DOM、BOM、動畫函數、jQuery、jQuery 插件
Web APIs 編程 BOM 操作大全、DOM 操作大全、網頁特效大全、事件處理流程、瀏覽器兼容性解決方案、封裝動畫函數
JavaScript 高級 面向對象思想、JavaScript 中的對象深入理解、JSON 使用、閉包原理以及使用場景、原型以及原型鏈深入剖析、作用域鏈深入分析、函數的調用方式及 this 指向總結、正則表達式、面向對象理論與實踐、ECMAScript 2015 (ES6) 新語法
jQuery 快速開發 jQuery 的優勢、jQuery 選擇器、jQuery 中的動畫、鏈式編程和隱式迭代、插件使用和制作、常見網頁特效制作大全、團隊協作開發流程
第四部份：
Node.js 與 AJAX Node.js 基礎 環境安裝、REPL 運行環境、Node 中的 JavaScript、模塊系統、模塊加載機制、模塊與包、NPM 常用命令、文件操作
學員能力體現：
- 能夠建立客戶端服務器交互模型，熟悉網絡通信相關概念；
- 能夠使用 Node.js 進行 Web 服務端開發；
- 能夠掌握 JavaScript 異步編程模型；
- 能夠掌握 JavaScript 模塊化編程方式；
- 能夠使用 Node.js 操作 MySQL 數據庫；
- 能夠理解 HTTP 協議；
- 熟悉原生 Ajax 請求流程與細節，并掌握常見跨域技巧；
- 能夠基于 jQuery 的 Ajax 相關 API 熟練開發常見的前端功能；
- 能夠獨立開發基于后臺接口的動態網站、Ajax 數據交互的項目；
- 能夠獨立完成企業網站從前臺到后臺的基本開發工作。
關鍵詞：
Node.js、CommonJS、JavaScript 模塊化、異步編程、服務端、MySQL、HTTP 協議、Express、Koa、Cookie、Session、中間件、分頁、注冊登錄、模塊化、CMS 系統開發、RESTful、Ajax、SQL
異步編程 回調函數、Promise 對象、Generator 生成器函數、Async 函數、常用異步流程控制庫
Web 開發 靜態網站與動態網站、使用 http 模塊創建 Web 服務、請求響應原理、HTTP 協議、處理頁面請求、處理表單提交、Cookie 與 Session、MySQL 數據庫、常用 SQL 語句、使用 Node 操作 MySQL 數據庫、博客項目
Express 安裝與初始化、路由系統、靜態資源處理、中間件使用及原理、常用第三方中間件、模板引擎、錯誤處理、調試 Express 應用、常用 API
接口開發 前后端分離架構模式、RESTFul API 設計、接口測試工具
前端模塊化 模塊化開發基本概念、模塊化演變過程分析、設計規范、Require.js
AJAX 編程 模塊化開發基本概念、模塊化演變過程分析、設計規范、Require.js、同步與異步概念、原生 AJAX、jQuery 的 AJAX 相關 API 使用、底層原理分析、緩存問題及解決方案、跨域請求及解決方案、前端模板引擎
綜合項目：阿里百秀 項目初始化、后臺管理系統模塊、普通用戶端注冊/登錄/退出、主題分頁列表模塊、主題詳情模塊、主題檢索模塊、主題分類模塊、主題評論模塊、用戶中心模塊、主題推薦模塊、項目部署與發布
第五部份：
前端框架實戰 大數據可視化 數據庫可視化基礎、D3.js 入門、其它可視化庫、大數據可視化實戰項目：車輛監控系統 學員能力體現：
- 掌握使用 D3.js 進行大數據可視化交互開發；
- 能夠掌握使用 Vue 技術棧進行項目開發；
- 能夠掌握使用 React 技術棧進行項目開發；
- 能夠掌握源代碼管理工具的使用；
- 能夠熟練掌握前后端分離開發模式；
- 能夠掌握使用主流框架開發門戶網站、管理系統、移動 Web 等客戶端；
- 能夠掌握 Webpack 項目構建配置流程；
- 能夠掌握 Web 項目的部署與發布模式；
- 能夠掌握常見網站業務模塊開發。
關鍵詞：
MVVM、前后端分離、Vue.js、Vuex、Vue-CLI、單頁應用、工程化、品優購、Axios、Webpack、React.js、Redux、好租客、Vue Router、React Router、路由系統、JSX、項目打包
Vue.js Vue 實例、文本與屬性綁定、計算屬性 computed、偵聽器 watch、Class 與 Style 綁定、條件渲染、列表渲染、事件處理、表單輸入綁定、Vue 實例生命周期、開發 Vue 插件和模板過濾器、自定義指令、Vue 組件系統、Vue 過渡和動畫、Vue Router 路由系統、axios 請求庫、Vue CLI 腳手架工具、Vue DevTools 調試工具、Vuex 狀態管理、Vue Server Renderer 服務端渲染
綜合項目：
品優購電商后臺管理系統 項目初始化、使用 Git、Github 管理項目源代碼、用戶管理、權限管理、角色管理、商品管理、庫存管理、訂單管理、數據統計模塊管理、項目打包及優化、項目部署與發布
webpack 安裝與初始化、打包 JavaScript 模塊、打包 CSS 模塊、打包圖片和字體文件模塊、打包 less/sass 資源模塊、其他常用 loader 加載器、使用 clean-webpack-plugin 插件清除打包結果目錄、使用 HtmlWebpackPlugin 打包 HTML 資源、處理打包結果的 Source maps、監視打包模式、使用 webpack-dev-server、模塊打包熱更新、tree shaking 打包優化、生產環境和開發環境分離打包、打包優化之 Code Splitting 代碼分割、打包優化之模塊懶加載、打包優化之緩存
React.js 安裝與初始化、create-react-app 腳手架工具、React 組件系統、JSX 語法、事件處理、條件渲染、列表渲染和 key、表單處理、React Router 路由系統、Redux 狀態管理架構、Axios 請求庫、Ant Design 組件框架、CSS Modules、React 單元測試
好客租房移動 Web 項目 項目初始化、用戶注冊/登錄/退出、首頁模塊、租房信息列表模塊、租房信息圖文/地圖檢索模塊、租房信息詳情視圖模塊、在線咨詢/預約模塊、租房咨詢模塊、個人中心模塊、項目打包及優化、項目部署與發布
第六部份：
微信小程序 + 小游戲 人工智能 AI 基礎概念、人工智能與大數據、人工智能與機器學習、人工智能應用終端
學員能力體現：
- 能夠掌握小程序的開發基礎；
- 能夠獨立開發小程序項目；
- 能夠掌握 Canvas 的使用；
- 能夠掌握小游戲開發基礎；
- 能夠獨立開發小游戲項目；
- 能夠掌握小程序/小游戲的部署與發布；
- 能夠掌握小程序開發框架 WePY 的使用；
- 掌握第三方 AI 平臺的使用。
關鍵詞：
微信小程序、WePY、黑馬優購、小程序商城、飛機大戰、小游戲、Canvas
人工智能案例：
啪啪測顏值 第三方人工智能服務平臺、調用攝像頭拍照、相冊選照片、照片人臉年齡檢測/性別檢測/表情分析/顏值檢測、AI 平臺服務調用
小程序開發 小程序注冊、小程序開發者工具使用及項目初始化、小程序全局配置及頁面配置、小程序常用組件標簽、小程序的模板語法、小程序中的樣式編寫、小程序中的 JavaScript、小程序應用及頁面的生命周期、小程序常用 API、小程序中的自定義組件、小程序插件開發、小程序分包加載、小程序基礎庫版本及兼容處理、小程序運行機制、小程序性能分析及優化
小程序項目：
黑馬優購商城 項目初始化、WePY 小程序開發框架、微信登錄、商城首頁模塊、商品分類模塊、商品列表模塊、商品詳情模塊、購物車模塊、訂單支付模塊、個人中心模塊、項目發布與更新
Canvas Canvas 介紹、Canvas 標簽、Canvas 柵格坐標系、繪制基本形狀（矩形、路徑、三角形、圓）、繪制樣式和顏色處理、繪制文本、使用圖片、變形、圖片合成與裁剪、繪制基本動畫、繪制高級動畫、像素操作、Canvas 優化
小游戲開發 使用開發工具初始化小游戲項目、小游戲的文件結構、小游戲的配置、在小游戲中使用 Canvas、小游戲 Adapter 適配器、小游戲對主流開發引擎支持、小游戲分包加載、小游戲音頻系統與文件系統、小游戲性能調試
小游戲項目：
飛機大戰 項目初始化、背景繪制、背景音樂管理、繪制英雄飛機模塊、繪制子彈模塊、繪制敵機模塊、子彈和敵機的碰撞檢測、子彈碰撞敵機爆炸動畫、玩家分數處理、游戲結束模塊處理、小游戲用戶登錄授權、用戶排行榜配置、小游戲轉發配置、小游戲二維碼推廣、小游戲 Banner 及激勵視頻廣告、小游戲發布與更新
第七部份：
團隊實戰開發 品優購電商移動 Web 團隊實戰 二次開發、團隊協作、團隊管理工具、源碼管理及協作、敏捷開發模式 學員能力體現：
- 能夠根據現有的項目進行二次開發；
- 能夠掌握企業中源代碼管理的協作方式；
- 能夠掌握企業中常見的開發協作模式；
- 能夠掌握主流團隊管理工具的使用。
關鍵詞：
綜合實戰、二次開發、團隊協作、源代碼管理協作、團隊管理工具使用 |
合作伙伴與授權機構
總部李老師
