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