所处部份 主讲内容 技术要点 学习目标
第八部份:
框架原理与进阶 前端工程化 工程化概念、模块化开发及常用工具(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 操作、部署、运维
|