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