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