• 前端工程化
  • JavaScript
    进阶
  • 核心框架源码
    及提升
  • Node.js
    全栈开发
  • 客户端开发
  • BAT面试指导

脚手架工具

脚手架设计思想与目标:脚手架工具的本质作用;常用的脚手架工具一览;eoman 的基本使用以及自定义 Generator;eoman Sub Generator 特性;基于 Yeoman 创建适合自己的脚手架工具;lop生成器的基本使用;使用 Plop提高项目创建同类文件的效率;脚手架工作原理剖析;手写一个自己的脚手架工具

自动化测试

自动化测试的主要分类:单元测试、集成测试、E2E 测试;高性能应用开发所必要的性能测试与压力测试;常见的自动化测试框架与自动化测试的实现原理;Mocha、Jest、Enzyme、Cypress、Nightmare、Puppeteer前端项目中自动化测试的最佳实践(基础设施、公共组件的测试)

模块化开发与Webpack

模块化标准与规范:ES Modules 标准的支持情况;Webpack 打包工具的基本使用;Webpack 的配置详解;Webpack 打包过程和打包结果分析;Webpack 中资源模块的加载(Loader);如何开发一个 Webpack 的 Loader;Webpack 的插件机制;开发一个 Webpack 插件;Webpack 周边生态(Dev Server、HMR、Proxy);Webpack 高级特性(Tree-shaking、sideEffects);Webpack 打包过程及打包结果的优化;深度剖析 Webpack 实现原理(AST 语法树);其他常见的打包工具(Rollup、Parcel)

自动化构建

如何使用自动化构建提高开发效率;常用的自动化构建任务执行器;npm scripts&script hooks;Grunt工具的使用及扩展开发;Gulp 的使用以及任务结构;基于 Gulp 创建自动化构建工作流;封装独立的自动化构建工具;FIS3的使用以及常用的扩展插件

规范化标准

常见的代码 Lint 工具(ESLint、Stylelint):创建项目或者团队专属的 Lint 规则、风格;通用型代码格式化工具 Prettier;结合自动化工具或者 Webpack 的使用;配合 Git Hook 确保源代码仓库中代码的质量;结合脚手架、自动化、模块化、规范化搭现代化前端工程

自动化部署(CI / CD)

持续集成与持续部署:基于 GitHub/GitLab 的自动化工作流搭建;常见的 CI 实践:Jenkins、GitLab CI、Travis CI、Circle CI;开源项目的新选择:GitHub Actions;基于常用 CI 系统实现静态 / Node 类型的项目自动部署

JavaScript编译原理

语言类型;语法提升;词法作用域;JavaScript语句结构;内存管理;JavaScript内存管理;作用域闭包;JavaScript调用栈;this上下文;JavaScript设计原型;面向对象/继承;函数式编程;纯函数/高阶函数/函数柯里化

TypeScript 高级编程

编程语言的几种不同类型系统:JavaScript 自有类型系统的问题;Flow 静态类型检查方案;Flow 工具的配置及相关插件的使用;TypeScript 基本语法;TypeScript 高级特性(泛型、接口);TypeScript 内置对象标准库;TypeScript 的类型声明

JavaScript 性能优化

JavaScript 中的垃圾收集:JavaScript 内存管理;V8 垃圾回收机制分类;引用计数、标记清除、标记整理和增量标记;Preformance 工具的使用及注意事项,20 个代码层面的优化细节

JavaScript 异步编程

JavaScript 的单线程设计:同步模式和异步模式的调用差异;回调函数的执行原理;Promise 异步方案的使用进阶与剖析;处理异步任务的任务队列和事件循环;JavaScript 内部的宏任务与微任务;ES 6 Generator 迭代器的异步应用;使用 Async / Await 语法糖编写扁平的异步代码

Vue.js 底层源码探索

Vue-loader的实现原理:Vue底层架构;Vue与Vue compent、h函数;变化侦测、追踪变化;Watcher、拦截器、Array原理;虚拟DOM原理解析;什么是Vnode、patch对节点的操作;模板编译器;解析器和优化器、全局Api和实例方法;可预测状态容器Vuex机理

React 设计原理解密

JSX编译原理深入探究:React组件和ReactElement;虚拟DOM与变化侦测;组件与生命周期、组件的属性与状态;组件的抽象与复用;Redux中间件与异步;React路由实现原理;React性能优化

Angular 企业实战开发

Angular 9 基础:Angular 数据绑定及实现原理;Angular 组件封装及父子组件通信;Angular 服务模块及服务注入;Angular 路由模块;RxJS 响应式编程的库;NgRx 状态管理工具

Vue.js 高级与进阶

封装自己的 Vue 组件库:Vue 项目性能优化;Vuex 数据流管理方案;使用 TypeScript 开发 Vue.js 应用;原生服务端渲染(SSR)的实现、同构开发;Nuxt.js 集成式 SSR 框架;静态站点生成(SSG)方案及 Gridsome;Vue.js 3.0 设计和用法的变化以及优势;Vue.js 3.0 Composition APIs;Vue.js + Vue Router + Vuex + TypeScript 实战项目开发

React 进阶与实战

封装 React 自定义组件库:React 组件的性能优化;受控和非受控组件的选用标准;React 组件的自动化测试;React 16.8 Hooks 特性的使用以及实现原理分析;CSS-in-JS 方案以及 emotion 库;现代化 React 应用 UI 框架 Chakra-UI;使用 TypeScript 开发 React 应用;React 数据流方案:Redux、Mobx;Redux 常用中间件以及中间件的开发;原生服务端渲染(SSR)的实现、同构开发;静态站点生成(SSG)方案及 Gatsby 框架;React + React Router + Redux + Ant Design + TypeScript 实战

Node.js核心编程

非阻塞I/O、事件轮询:事件发射器与内容控制;网络编程、TCP、UDP与HTTP;Nosql和MongoDB和Redis;Npm和工作流工具机理;权限控制、Cookie、Session、token

企业级框架

Egg.js 项目架构与脚手架工具:Egg.js 中间件机制、洋葱圈模型;Egg.js 路由、控制器、服务;Egg.js 插件机制以及插件开发;Egg.js 定时任务调度;Egg.js + Mongoose + Nunjucks + TypeScript 项目实战;Nest.js 框架的基本概念和内部组成;使用 Nest.js 框架构建高效且可伸缩的服务端应用;Nest.js 面向切面编程、依赖注入的实践;Adonis.js 框架介绍

Electron桌面开发

Electron环境搭建:Remote模块的应用;Electron创建菜单及基本使用;常见桌面应用程序功能的实现;Electron 应用的调试(主进程与渲染进程)以及相关工具(Spectron / Devtron);Electron 运行时的基本结构分析;集成式打包工具(electron-builder / electron-packager / electron-forge)

React Native

React Native 开发环境搭建;初始环节搭建以及相关基础配置;热更新的开发体验;使用 Flexbox 实现界面布局;常见界面布局和长列表呈现;接入第三方 Native 组件(Objective-C / Swift / Java);React Native 架构的实现原理

小程序快速开发

微信小程序的环境准备;原生框架的目录结构;配置文件信息;应用生命周期;项目使用git管理;小程序的MVVM

算法解析

大厂面试复杂算法解析:数据结构分析介绍;计算机算法及应用

模拟面试

一面:编程基础能力考察;二面:项目经验考察;三面:方案设计综合能力考察;四面:HR综合软素质考察

简历指导

打造一份高分简历的方法;1V1指导服务;简历模板解析

高频面试题

BATJ常见面试题解析(原理及应用)

学会表达

如何把硬实力表达出来;如何表现出自己的闪光点;面试考察点与答题套路指导;大厂面试官1v1模拟面试;模拟面试复盘

掌握前端工程化包括一系列的规范和流程,其可提高前端工程师的开发效率,加快WEB的开发迭代速度,是现代前端开发领域中最重要的一环。
掌握JavaScript 核心知识点,适合初级和中级前端开发者来提高水平和视野,建立较为完备的开发技能和可迁移的学习能力
作为目前最为火爆的开发技术之一,掌握小程序开发能力,能够让我们在工作中,一次开发,多端兼容,线上线下,无缝对接,入口丰富,引流便捷
掌握服务器端编程,能解决异步、非阻塞I/O的问题,可提高开发工作中性能优化问题,提高产品性能
深入前端三大热门框架(Augular、React、Vue)底层,在实际使用框架出现问题可快速定位问题并找到问题并解决,了解框架设计模式及思想
Electron 基于Chromium 和 Node.js,让你可以使用HTML,CSS和JavaScript构建应用

  • 前端工程化
  • JavaScript
    进阶
  • 核心框架源码
    及提升
  • Node.js
    全栈开发
  • 客户端开发
  • BAT面试指导

脚手架工具

脚手架设计思想与目标:脚手架工具的本质作用;常用的脚手架工具一览;eoman 的基本使用以及自定义 Generator;eoman Sub Generator 特性;基于 Yeoman 创建适合自己的脚手架工具;lop生成器的基本使用;使用 Plop提高项目创建同类文件的效率;脚手架工作原理剖析;手写一个自己的脚手架工具

自动化测试

自动化测试的主要分类:单元测试、集成测试、E2E 测试;高性能应用开发所必要的性能测试与压力测试;常见的自动化测试框架与自动化测试的实现原理;Mocha、Jest、Enzyme、Cypress、Nightmare、Puppeteer前端项目中自动化测试的最佳实践(基础设施、公共组件的测试)

模块化开发与Webpack

模块化标准与规范:ES Modules 标准的支持情况;Webpack 打包工具的基本使用;Webpack 的配置详解;Webpack 打包过程和打包结果分析;Webpack 中资源模块的加载(Loader);如何开发一个 Webpack 的 Loader;Webpack 的插件机制;开发一个 Webpack 插件;Webpack 周边生态(Dev Server、HMR、Proxy);Webpack 高级特性(Tree-shaking、sideEffects);Webpack 打包过程及打包结果的优化;深度剖析 Webpack 实现原理(AST 语法树);其他常见的打包工具(Rollup、Parcel)

自动化构建

如何使用自动化构建提高开发效率;常用的自动化构建任务执行器;npm scripts&script hooks;Grunt工具的使用及扩展开发;Gulp 的使用以及任务结构;基于 Gulp 创建自动化构建工作流;封装独立的自动化构建工具;FIS3的使用以及常用的扩展插件

规范化标准

常见的代码 Lint 工具(ESLint、Stylelint):创建项目或者团队专属的 Lint 规则、风格;通用型代码格式化工具 Prettier;结合自动化工具或者 Webpack 的使用;配合 Git Hook 确保源代码仓库中代码的质量;结合脚手架、自动化、模块化、规范化搭现代化前端工程

自动化部署(CI / CD)

持续集成与持续部署:基于 GitHub/GitLab 的自动化工作流搭建;常见的 CI 实践:Jenkins、GitLab CI、Travis CI、Circle CI;开源项目的新选择:GitHub Actions;基于常用 CI 系统实现静态 / Node 类型的项目自动部署

JavaScript编译原理

语言类型;语法提升;词法作用域;JavaScript语句结构;内存管理;JavaScript内存管理;作用域闭包;JavaScript调用栈;this上下文;JavaScript设计原型;面向对象/继承;函数式编程;纯函数/高阶函数/函数柯里化

TypeScript 高级编程

编程语言的几种不同类型系统:JavaScript 自有类型系统的问题;Flow 静态类型检查方案;Flow 工具的配置及相关插件的使用;TypeScript 基本语法;TypeScript 高级特性(泛型、接口);TypeScript 内置对象标准库;TypeScript 的类型声明

JavaScript 性能优化

JavaScript 中的垃圾收集:JavaScript 内存管理;V8 垃圾回收机制分类;引用计数、标记清除、标记整理和增量标记;Preformance 工具的使用及注意事项,20 个代码层面的优化细节

JavaScript 异步编程

JavaScript 的单线程设计:同步模式和异步模式的调用差异;回调函数的执行原理;Promise 异步方案的使用进阶与剖析;处理异步任务的任务队列和事件循环;JavaScript 内部的宏任务与微任务;ES 6 Generator 迭代器的异步应用;使用 Async / Await 语法糖编写扁平的异步代码

Vue.js 底层源码探索

Vue-loader的实现原理:Vue底层架构;Vue与Vue compent、h函数;变化侦测、追踪变化;Watcher、拦截器、Array原理;虚拟DOM原理解析;什么是Vnode、patch对节点的操作;模板编译器;解析器和优化器、全局Api和实例方法;可预测状态容器Vuex机理

React 设计原理解密

JSX编译原理深入探究:React组件和ReactElement;虚拟DOM与变化侦测;组件与生命周期、组件的属性与状态;组件的抽象与复用;Redux中间件与异步;React路由实现原理;React性能优化

Angular 企业实战开发

Angular 9 基础:Angular 数据绑定及实现原理;Angular 组件封装及父子组件通信;Angular 服务模块及服务注入;Angular 路由模块;RxJS 响应式编程的库;NgRx 状态管理工具

Vue.js 高级与进阶

封装自己的 Vue 组件库:Vue 项目性能优化;Vuex 数据流管理方案;使用 TypeScript 开发 Vue.js 应用;原生服务端渲染(SSR)的实现、同构开发;Nuxt.js 集成式 SSR 框架;静态站点生成(SSG)方案及 Gridsome;Vue.js 3.0 设计和用法的变化以及优势;Vue.js 3.0 Composition APIs;Vue.js + Vue Router + Vuex + TypeScript 实战项目开发

React 进阶与实战

封装 React 自定义组件库:React 组件的性能优化;受控和非受控组件的选用标准;React 组件的自动化测试;React 16.8 Hooks 特性的使用以及实现原理分析;CSS-in-JS 方案以及 emotion 库;现代化 React 应用 UI 框架 Chakra-UI;使用 TypeScript 开发 React 应用;React 数据流方案:Redux、Mobx;Redux 常用中间件以及中间件的开发;原生服务端渲染(SSR)的实现、同构开发;静态站点生成(SSG)方案及 Gatsby 框架;React + React Router + Redux + Ant Design + TypeScript 实战

Node.js核心编程

非阻塞I/O、事件轮询:事件发射器与内容控制;网络编程、TCP、UDP与HTTP;Nosql和MongoDB和Redis;Npm和工作流工具机理;权限控制、Cookie、Session、token

企业级框架

Egg.js 项目架构与脚手架工具:Egg.js 中间件机制、洋葱圈模型;Egg.js 路由、控制器、服务;Egg.js 插件机制以及插件开发;Egg.js 定时任务调度;Egg.js + Mongoose + Nunjucks + TypeScript 项目实战;Nest.js 框架的基本概念和内部组成;使用 Nest.js 框架构建高效且可伸缩的服务端应用;Nest.js 面向切面编程、依赖注入的实践;Adonis.js 框架介绍

Electron桌面开发

Electron环境搭建:Remote模块的应用;Electron创建菜单及基本使用;常见桌面应用程序功能的实现;Electron 应用的调试(主进程与渲染进程)以及相关工具(Spectron / Devtron);Electron 运行时的基本结构分析;集成式打包工具(electron-builder / electron-packager / electron-forge)

React Native

React Native 开发环境搭建;初始环节搭建以及相关基础配置;热更新的开发体验;使用 Flexbox 实现界面布局;常见界面布局和长列表呈现;接入第三方 Native 组件(Objective-C / Swift / Java);React Native 架构的实现原理

小程序快速开发

微信小程序的环境准备;原生框架的目录结构;配置文件信息;应用生命周期;项目使用git管理;小程序的MVVM

算法解析

大厂面试复杂算法解析:数据结构分析介绍;计算机算法及应用

模拟面试

一面:编程基础能力考察;二面:项目经验考察;三面:方案设计综合能力考察;四面:HR综合软素质考察

简历指导

打造一份高分简历的方法;1V1指导服务;简历模板解析

高频面试题

BATJ常见面试题解析(原理及应用)

学会表达

如何把硬实力表达出来;如何表现出自己的闪光点;面试考察点与答题套路指导;大厂面试官1v1模拟面试;模拟面试复盘