前端高级开发工程师

课程详情

• 1服务端开发工程师（服务端系统架构、Node分布式应用）（学习周期2个月）

  网络协议

  HTTP 协议、TCP/IP、RPC、SOCKET、WEB SOCKET通信协议详解

  异步I/O 异步编程

  异步I/O实现现状、事件循环、事件驱动与高性能服务器、函数式编程、异步编程的优点与难点、异步编程解决方案、Promise/Deferred模式　、async的解决方案

  内存控制 Buffer

  V8的垃圾回收机制与内存限制、Node与V八、V8的内存限制、V8的垃圾回收机制、高效使用内存、内存泄漏、Buffer结构、Buffer对象内存分配、Buffer的转换、Buffer不支持的编码类型、Buffer与性能

  Express基础Web应用开发框架(深刻源码分析)

  Koa基础Web应用开发框架(深刻源码分析)

  Node.js应用性能监控

  阿里开源的企业级框架Egg.js构建Web应用

  中间件、Router、Controller、Service本地开发、单元测试、应用部署、HttpClient、Cookie and Session、多进程模型和进程间通信、模板渲染 、异常处理、安全、国际化、插件开发、框架开发、多进程研发模式加强

  Node.js分布式架构

  nodejs C++拓展、大内存应用解决方案、服务端安全改造、单服务器Node.js多核心CPU解决方案 、多服务器负载均衡部署 、Node Web Server 之间状态共享

• 2高级架构师（前端工程化,高性能网站架构,SPA架构理念）（学习周期3个月）

  前端模块化框架设计

  RequireJS架构思惟分析与源码详解
  模块化经典的设计理念(一个文件就是一个模块)本质揭秘
  模块定义 导出define，require，exports，module手写实现
  代码瘦身config别名, 路径,映射配置 源码解析
  优化RequireJS路径分析和文件定位的加载策略

  webpack框架设计

  优化与架构：
  图片加载优化和代码压缩&&分离代码文件
  Webpack配置不一样应用场景的工程化框架
  架构初探-前端项目工程中Cli工具开发（ 自动生成规范化目录结构&配置文件，单元测试，ESlint规范约束， 命令包装 ，版本检查 ）
  打包：
  webpack4源码详解
  手写实现JavaScript多文件打包(固定模板，依赖分析，爬虫寻址)
  JavaScript语法解析器 AST抽象语法树详解
  acorn生成AST,依赖收集
  完结篇--手写实现webpack多文件打包系统
  编译：
  loader机制详解与原理分析
  less文件编译配置详解(loader：style-loader!css-loader!less-loader)
  loaders的拆解运行(一)style-loader css代码注入head 
  loaders的拆解运行(二)less-loader 代码包装JS module
  loaders的拆解运行(三)css-loader @import导入处理方案
  完结篇- loader扫描检索编译实现
  代码切割：
  code-splitting代码切割,优化详解原理分析
  缓存处理-第三方类库单独打包
  ESprima识别与处理切割点require.ensure
  打包文件切割按需加载原理实现

  设计模式

  MVC架构设计与经典的三层模型详解
  MVP思想精髓与解耦View与Mode的巧妙设计详解
  架构提高之路 MVP思想实现项目基础框架搭建
  更节省的设计模式之MVVM实现数据双向绑定

  前端单页应用Vue框架设计

  Vue3.0源码详解与架构分析
  template模板 Compile 编译(parse，optimize，generate , render function,Virtual DOM )揭秘
  手写实现Vue响应式系统(依赖收集 依赖追踪)
  Vue.Component源码解析及其组件通信原理
  Vuex 状态管理的工做原理
  vue-router核心原理(history)与架构设计
  追求极致的用户体验ssr(基于vue的服务端渲染)

  前端单页应用react框架设计

  深刻jsx原理实现
  setState异步原理剖析
  虚拟DOM与DIFF算法实现
  生命周期内部逻辑探究
  React更新策略深刻
  Flux架构从原理到自主创新
  Redux原理解析与手写实现
  React-router核心原理(history)与架构设计
  React性能优化即服务端渲染

  前端单页应用angular框架设计

  通用插件编写&高级指令封装
  手写HttpClient拦截功能
  装饰器模式的原理和实现
  Rxjs的核心原理
  深刻源码改写ng事件管理
  剖析视图包掌握web component实现
  详解依赖注入及源码分析
  zonejs变动检测原理揭秘
  AOP面向切面架构设计

  数据库框架设计

  开源技术之MongoDB核心架构分析
  面向对象式手写数据库架构设计(增删改查，自动建表设计)
  MongoDB性能评估,容量计划,调整和监控MongoDB集群
  大型项目之实现数据库分库(多用户，多角色，多权限数据库架构设计)

  架构师必备技能

  高性能网站架构Nginx+Tomcat搭建高性能负载均衡集群 
  Web自动化(selenium自动化编程-特殊自动化测试场景)
  Web黑客技术XSS+CSRF+界面劫持揭秘 (网络安全攻防)

  架构篇之项目实战

  项目基础框架搭建
  基类与业务逻辑详解
  主流架构集成与解耦
  项目中数据库架构设计
  项目实战之注入式模块集成
  项目实战之网络请求，图片加载，内存集中式管理，路由跳转
  打造以MVVM,Vue,nodejs,webpack,MongoDB项目

• 3混合式开发工程师(React native，Weex)（学习周期1.5个月）

  ReactNaitve篇

  JSX语法详解

  环境搭建（mac，window）调试与打包发布（Android，IOS）

  经常使用组件详解

  View，Text，TextInput，Image，Picker,组件通讯在浏览器中原理揭秘
  Android原生控件与React组件区别，与转换原理

  flexbox布局模型深刻与探究

  React 数据流和State的传递
  ReactNative 中的MVVM模型与Android思想的应用于区别
  ReactJs组件生命周期详解
  ReactJs的组件与原生通讯原理
  热更新原理及其热部署（Android）

  美团电商实战，用ReactNative打造美团app

  打造美团首页头部Banner
  ListView实现多布局展现页面
  Item样式和类型的扩展
  美团购物中心结构搭建
  美团订单详情页面

  Weex篇

  ES6语法详解Promise是抽象异步处理对象以及对其进行各类操做vue与Weex的前生今世weex环境搭建与开发部署（window，mac）经常使用组件（Text，image，video，列表web，）Weex与android交互原理Weex经常使用命令与热更新实战模块详解（storage，navigator，webview）使用 Vuex 和 vue-router实现页面管理（跳转，回退，历史记录）