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