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