Vue.js 2.6全家桶实战
Vue入门
Vue官方脚手架 Vue-cli实战Vue组件化实战;如何编写单文件组件;如何编写高阶组件;如何编写高质量的 UI组件;前端模块系统初探;计算属性;表单处理;事件处理·;ES6 Module Vue模板语法·;Vue-devtools开发调试插件;
Vue组件库开发现代的UI页面
Vue组件化基础;Vue组件化通信机制;内容分发;递归组件Tree源码实现;组件混入技术;仿element-ui源码设计自己的表单组件 k-form;仿element-ui源码设计自己的弹窗组件;如何基于Element-ui封装自己的组件库
使用Vuex 数据管理
数据管理概念;Vuex是什么;核心概念之State;核心概念之Getter;核心概念之Mutation;核心组件之Module;核心组件之Action;数据流设计;数据持久化;Vue插件机制;手写Vuex源码;支持Vue.use;利用Vue响应式机制;挂载$store;
Vue-router实战单页SPA应用
路由管理;路由重定向;路由嵌套;路由守卫;路由懒加载;单页应用原理;history & hash 模式;vue路由守卫原理;手写自己的vue-router;
vue项目实战
大型项目设计架构;权限控制;配置详解;数据请求封装;数据mock;自动化测试;发布;部署;
typescript 在vue中实战
ts核心;强类型;基础类型;接口;泛型;ts在vue中的应用实战;装饰器原理与实践
深入了解Vue响应式
模仿Vuejs实现一个迷你 MVMM框架;响应式机制;依赖收集;监听器管理;模板编译;数据双向绑定;
vue源码剖析
深入剖析vue源码;Vue源码目录分析;Vue源码入口;new Vue发生了什么;Vue初始化;Vue全局api 剖析;虚拟dom;模板编译 + 代码生成;Vue源码中优秀的设计理念;从Vue源码看 Vue3的未来;
全栈基石—Node.js
Nodejs 入门
非阻塞IO;事件驱动;node历史;常见并发方式对比;模块(CommonJS)内建模块;第三方模块;自定义模块;核心API;fs;buffer;http;stream;实现一个简易Express
Ant-Nodejs异步
Promise co async/await 异步fn/client/server cb Events Timer (io/fs/pure )
Node.js 进程
进程与线程
Node.js io & 网络
Node.js IO (fs/net/stream) io & 网络层 WebServer,源利用的爬虫实现 介绍通识(链接):4、7层协议,然后实现4、7提供 http、socket、ws等能力。 各种协议的cs实现、高效资
常见数据库、缓存
选型策略 爬虫项目数据落地 :MySQL、MongoDB、Redis;数据库关联设计 一对多 多对多
Web开发
koa实战;中间件原理;模板引擎;鉴权 cookie 和token;restful的api设计;eggjs和mvc分层
同构应用
传统渲染模式与新时期的同构开发 、简单聊聊异构渲染
koa和egg 源码剖析
手写koa2源码;手写中间件机制;仿照eggjs 手写 mvc开发框架
部署运维
node.js 部署和运维;Node cluster;nginx;pm2;docker容器部署
Vue+eggjs企业级项目实战
项目需求分析
我们要做什么
模块分析
用户字段设计;文章字段设计;问答模块设计;评论模块设计;一对多和多对多关系;
企业级项目开发流程
开发规范;目录规范;代码规范;git提交和分支管理规范;代码自测要求;bug提交规范;部署规范;
用户模块开发
用户字段设计;项目启动 eggjs + mongodb;联调环境搭建 + jwt认证;用户登录模块设计;用户注册模块;github第三方 Oauth登录支持;验证码;阿里云滑块接入;
文章模块设计
文章模块设计;用户文章一对多字段设计;makdown编辑器;新建文章;编辑文章;文章点赞和踩功能设计;文章收藏模块;分享;
评论模块
评论字段设计;多文档查询;评论嵌套关系设计; 评论的顶踩;
问答模块
问答模块字段设计;回答顶踩模块;
CMS设计
Vue+egg实现cms;权限设计;菜单设计;部署;
未来功能规划
付费专栏设计;订单模块;微信支付设计;支付宝支付设计;首页秒杀模块设计;客服模块;
部署运维
node.js 部署和运维;nuxt部署发布;
React16.8全家桶从入门到实战
React入门
React官方脚手架;Create-react-app安装和使用;ES6面向对象;class语法;JSX是什么;虚拟DOM概念;JSX模板语法;setState修改数据状态;React组件化思想;React组件参数传递和校验;不可变数据结构;React表单处理;ES6之箭头函数;ES6数组展开;React数据表格;React动画特效;React生命周期;React 错误处理周期;React Fiber架构剖析;React 新功能之Hooks实战;
Ant-design组件库
React UI库对比;Ant-design入门;布局组件;弹窗组件;表单组件;;;;;;;;
Redux状态数据管理
setState和属性传递缺点;单向数据流; Redux是什么;Redux概念之Action;Redux 概念之Reducer;Redux概念之Dispatch; React-redux连接Redux和React; React-redux核心概念Provider和connect;Redux概念之中间件; Redux-thunk 中间件处理异步任务;手写Redux源码;手写thunk异步中间件;
React-router路由
路由管理;路由和组件;路由重定向;生命周期;React路由懒加载;
Redux解决方案dva
Dva是什么;ES6之generator;Redux-saga中间件;
React企业级开发框架 Umi
umi入门;约定式路由;umi + dva + antd实战;动态加载;React性能优化策略;
React服务端渲染
ssr原理;手写ssr框架;
React原理剖析
虚拟Dom;createElement 手写;Component源码手写;render手写· hooks原理剖析;react fiber 架构剖析
项目实战
react企业级项目实战
实战小程序生态,上线自己的全栈商业小程序应用
微信小程序入门
开发环境搭建;小程序配置 flex布局;扫码;下拉刷新;轮播图 图片;支付API;支付API;开发自己第一个小程序
小程序进阶功能
云开发实战;通过云开发构建自己的全栈小程序;云函数实现爬虫和登录;云存储;云数据库;云开发实现微信支付;云开发实现订单模块;
小程序生态
小程序适用场景;快应用、百度小程序、支付宝小程序;一套代码编译各大厂商小程序:Taro、Mpvue;小游戏体验;使用mobx管理小程序数据流
实战项目
小程序实战项目
精通Node.js微信公众号开发
微信开发实战
服务器如何介入微信后台;Nodejs后端接入实战;微信消息管理;
微信网页开发
依赖微信JS-SDK 开发业务;录音、地理位置、扫一扫功能实战
实战项目
公众号客服机器人 项目实战
精通React-native原生App和混合应用开发
React-Native实战
React-Native VS 传统IOS和Android开发模式; React-Native 核心API和组件实战;React-Native 网络请求;
精通React-Native组件库和第三方UI 组件库
Ant-design-mobile的Reacrt-native版本;React-navagation导航;
React-Native数据路由管理
单页应用;Redux管理数据;React-router路由;
项目实战
移动APP版实战和发布
再牛的项目也需要安全保驾护航
Web安全实战
安全意义与常见Web项目相关的漏洞原理解析与防御;XSS漏洞;CSRF 漏洞;SQL注入;Cookie安全策略;点击劫持;传输安全和HTTPS加密;
工程化
前端工程化
前端工程化发展史·前端生态工具:Webpack、Babel、Eslint、?Webpack进阶;Babel进阶和编译优化处理;代码审查进阶
错误监控收集
前端报错收集实战
webpack源码
手写webpack源码
自动化测试
单元测试
业务驱动开发 & 测试驱动开发;黑盒测试和白盒测试;测试覆盖率;前端项目的单测集成;Node项目的单测集成
端到端测试
前端e2e测试