所處部份 主講內(nèi)容 技術(shù)要點(diǎn) 學(xué)習(xí)目標(biāo)
第八部份:
框架原理與進(jìn)階 前端工程化 工程化概念、模塊化開發(fā)及常用工具(Webpack4、Parcel、Rollup)、項(xiàng)目規(guī)范化及常用工具(ESLint、StyleLint)、前端自動(dòng)化及常用工具、自動(dòng)化測(cè)試及常用工具(istanbul、jest、benchmark)
學(xué)員能力體現(xiàn):
- 能夠輕松運(yùn)用目前市場(chǎng)主流工具應(yīng)對(duì)工程化項(xiàng)目需求;
- 能夠基于無服務(wù)端平臺(tái)快速開發(fā)應(yīng)用并了解國(guó)內(nèi)主流的平臺(tái)服務(wù);
- 能夠使用靜態(tài)站點(diǎn)構(gòu)建方案快速開發(fā)企業(yè)站;
- 能夠使用 Flow、TypeScript 完成復(fù)雜應(yīng)用業(yè)務(wù)代碼的編寫;
- 能夠掌握使用 Angular 技術(shù)棧進(jìn)行項(xiàng)目開發(fā);
- 能夠理解 React.js / Vue.js 一類的 MVVM 框架的實(shí)現(xiàn)原理;
- 能夠使用不同的數(shù)據(jù)流框架應(yīng)對(duì)不同技術(shù)棧在大型項(xiàng)目中的數(shù)據(jù)狀態(tài)管理;
- 能夠使用服務(wù)端渲染解決方案解決 React.js / Vue.js / Angular 框架在 SEO 方面的問題;
- 能夠掌握不同框架的服務(wù)端渲染的實(shí)現(xiàn)及運(yùn)用;
- 能夠使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交類項(xiàng)目的開發(fā)。
關(guān)鍵詞:
工程化、自動(dòng)化、無服務(wù)端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal
閑云旅游項(xiàng)目 無服務(wù)端方案(LeanCloud)、靜態(tài)站點(diǎn)生成工具(Gatsby、React Static、VuePress)、旅游類項(xiàng)目業(yè)務(wù)
JavaScript 進(jìn)階 Flow 類型檢查、TypeScript 適應(yīng)超大型的應(yīng)用編碼
Angular 實(shí)戰(zhàn)開發(fā) Angular 組件的定義及使用、Angular 服務(wù)、Angular 路由、表單、依賴注入
MVVM 框架進(jìn)階與實(shí)現(xiàn) Vue.js 原理、Vue.js 使用進(jìn)階、模擬實(shí)現(xiàn) Vue.js 框架
數(shù)據(jù)流框架的應(yīng)用 Redux、Mobx、Vuex、RxJS、ngrx
服務(wù)端渲染 SSR 專題 React.js 服務(wù)端渲染方案及 Next.js 框架、Vue.js 服務(wù)端渲染方案及 Nuxt.js、Angular 服務(wù)端渲染方案及 Universal Angular
學(xué)成在線項(xiàng)目 React16、Redux4、ReactRouter4、Next.js
跨平臺(tái)桌面應(yīng)用開發(fā) Electron、Vue.js / React.js 在 Electron 中的使用
第九部份:
移動(dòng) App 開發(fā) 混合式 App 開發(fā)框架 Cordova、Phonegap、Ionic
學(xué)員能力體現(xiàn):
- 能夠使用混合式 App 開發(fā)框架快速開發(fā)移動(dòng) App;
- 能夠配合原生應(yīng)用開發(fā) App 內(nèi)嵌 H5 頁(yè)面并可以通過 JSBridge 調(diào)用原生接口;
- 能夠使用 wepy / mpvue 框架開發(fā)小程序或快應(yīng)用項(xiàng)目;
- 能夠使用 taro 多端統(tǒng)一解決方案同時(shí)完成移動(dòng) App、移動(dòng) Web、小程序的開發(fā);
- 能夠獨(dú)立使用 React Native 開發(fā)原生 App;
- 了解 Weex / Flutter 等其他原生應(yīng)用的前端技術(shù)開發(fā)方式。
關(guān)鍵詞:
Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter
H5 配合原生開發(fā) App Webview + H5、JSbridge、NativeScript
黑馬證券 App 項(xiàng)目 Vue.js 開發(fā)移動(dòng)H5、配合原生 Webview 構(gòu)建 App、金融業(yè)務(wù)項(xiàng)目
小程序/快應(yīng)用開發(fā)框架 WEPY、MPVUE、Taro 統(tǒng)一開發(fā)解決方案
原生應(yīng)用開發(fā)框架 Flutter、React Native、Weex
好客租房 App 項(xiàng)目 React Native 構(gòu)建租房類 App 項(xiàng)目
第十部份:
Node.js 進(jìn)階 Node.js 網(wǎng)絡(luò)通信 TCP 協(xié)議、net 模塊、Socket
學(xué)員能力體現(xiàn):
- 能夠基于 net 模塊開發(fā) Socket 應(yīng)用并深度理解 HTTP 協(xié)議;
- 徹底理解 Node.js 中的事件循環(huán)特性;
- 能夠使用 Cluster 開發(fā)多進(jìn)程應(yīng)用充分發(fā)揮多核 CPU;
- 能夠操作常見的 NoSQL 數(shù)據(jù)庫(kù)并能夠通過 Node.js 操作;
- 能夠掌握主流的 MVC Web 應(yīng)用開發(fā)框架 Adonis、Egg;
- 能夠升入理解基于 GraphQL 標(biāo)準(zhǔn)開發(fā)現(xiàn)代化的應(yīng)用層接口;
- 能夠掌握 Node.js 中途島在企業(yè)級(jí)項(xiàng)目中的應(yīng)用;
- 能夠使用 Node.js 開發(fā)基本的網(wǎng)絡(luò)爬蟲應(yīng)用。
關(guān)鍵詞:
Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服務(wù)、Nightmare、Puppeteer
Node.js 事件循環(huán)與多進(jìn)程 EventLoop、Cluster
NoSQL 數(shù)據(jù)庫(kù) Redis / MongoDB / Memcached 基本使用及如何通過 Node.js 操作
Web 應(yīng)用開發(fā)框架 Adonis.js、Egg.js、Koa
BaaS 接口標(biāo)準(zhǔn) GraphQL
十次方項(xiàng)目 Node.js 中間層、社交類業(yè)務(wù)項(xiàng)目
網(wǎng)絡(luò)爬蟲開發(fā) Cheerio、Nightmare、Puppeteer
第十一部份:
可視化與游戲 網(wǎng)頁(yè)游戲開發(fā)基礎(chǔ) Canvas
學(xué)員能力體現(xiàn):
- 能夠使用 HTML5 技術(shù)開發(fā)網(wǎng)頁(yè)游戲;
- 能夠使用 WebGL 技術(shù)完成炫酷 3D 類圖形效果;
- 能夠掌握常用的可視化庫(kù)的應(yīng)用;
- 能夠使用 Three.js 開發(fā)簡(jiǎn)單的 3D 網(wǎng)頁(yè)游戲;
- 能夠使用 HTML5 游戲引擎開發(fā)網(wǎng)頁(yè)游戲。
關(guān)鍵詞:
WebGL、Three.js、H5 游戲、游戲引擎、Cocos2d-x、Egret
網(wǎng)頁(yè)高性能圖形編程 WebGL
圖形化開發(fā)庫(kù) Three.js、D3.js
HTML5 游戲引擎 Cocos2d-x、Egret
第十二部份:
架構(gòu)與運(yùn)維 前端性能優(yōu)化 JSPerf、YSlow、PageSpeed
學(xué)員能力體現(xiàn):
- 能夠通過不同的工具發(fā)現(xiàn) Web 項(xiàng)目的性能瓶頸并加以解決;
- 能夠掌握使用不同的工具和平臺(tái)對(duì)項(xiàng)目及代碼進(jìn)行質(zhì)量監(jiān)測(cè);
- 能夠使用不同的自動(dòng)化測(cè)試框架完成項(xiàng)目的單元測(cè)試和集成測(cè)試;
- 能夠使用 Jenkins、TravisCI 等工具對(duì)項(xiàng)目進(jìn)行持續(xù)集成和持續(xù)部署;
- 能夠掌握基本的 Linux 服務(wù)器操作與維護(hù);
- 能夠掌握 Nginx Web 服務(wù)器的搭建與配置;
- 了解 Docker 容器化平臺(tái)的基本操作。
關(guān)鍵詞:
JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持續(xù)集成、持續(xù)部署、Jenkins、Nginx、Docker
項(xiàng)目質(zhì)量監(jiān)測(cè) Lint、e2e test、codecov、Benchmark
自動(dòng)化測(cè)試 Mocha、Jest、AVA、Karma、Nightmare
持續(xù)集成與持續(xù)部署 Jenkins、TravisCI、CircleCI
Linux 服務(wù)器 Nginx、HTTP(s)、ECS、RDS、SLB 云服務(wù)
容器化運(yùn)維操作 Docker 操作、部署、運(yùn)維
|