第一天 |
掌握 1-3门 热门前端框架
- Vue、React、Angular 2-5
- 也支持深度定制某一门框架
- 不管你是从 Jquery 时代过来还是掌握了一门框架,比较性思维
- 预编译样式实战
- ES 6 实战
- Typescript 实战
- webpack 实战
- 脚手架应用
完全以案例实战的方式带领快速掌握和应用框架语法
- 面向数据编程 VS 面向 DOM 编程的差异
- 组件开发设计实战案例解析 VS 组件库打包策略
- template 层的语法特性实战和原理解析
- 与服务端通信的全局封装
- SPA 单页应用实战(分片加载等包体积优化)
- 多入口项目架构设计
- 国际化项目架构设计
深度理解工程化在前端研发中的应用和实践
- 脚手架应用实战和文件目录剖析、命令行工具基础
- dev 开发、线上编译
- webpack 基础配置入门到深入实战(webpack plugin 开发全过程)
- webpack VS rollup VS gulp
|
第二天 |
深度定制企业级前端研发架构案例设计
- 从 dva 到 umi 在 react 方向上的深入实战
- element 等开源组件库的定制化研发
- node 服务 + web 开源框架的能力提升
从静态 nginx
架构到 Node.js SSR
- nodejs 基础
- 自我提炼的 400 个常用工具包的大脑图
- static server 设计实现
- orm 实战案例
- 图片合成案例(微信分享图)
- walk 目录进行 CDN 上传
- egg + vue VS egg + React
- nuxt + express VS nuxt + koa
- 部署、监控、容器化(docker + gitlab CI/CD)
带你面向数据源编程 - graphql 案例解析
综合案例分析与实践
|