xlal1234 / yideng-note

这是一灯学堂的笔记项目

这是一灯学堂的笔记项目，详细的纪录每节课程的笔记。

预科班

第一部分是预科班的笔记内容，在正式开课之前需要全面预习和梳理的前端知识点。预科班课程中有部分讲课重复，所以梳理过程中，先按照课程体系梳理，然后按照知识体系梳理。

下面是按照课程体系的思维导图
右击可查看高清大图！

下面是按照知识体系的思维导图
右击可查看高清大图！
上图是知识体系思维导图的概要，详细内容请参照每一章内容的详细笔记

** 各部分课程详细笔记

• 你不知道的html
• CSS基础与高级
• ES5基础与核心知识
• JavaScript与QA测试工程师
• ES6编程风格与精粹 未完成
• PHP与MySQL入门到实践 未完成
• JavaScript函数式编程超指南

每周课程表：

第一周——前端基础

第二周——服务端开发入门

• Nodejs学习介绍

• Nodejs基础API

  1. 走近Nodejs
  2. Nodejs入门
  3. Nodejs环境及npm深入
  4. Nodejs回调函数
  5. Nodejs事件驱动机制
  6. Nodejs模块化
  7. Nodejs函数
  8. Nodejs路由
  9. 全局方法和工具
  10. 文件系统

• Express入门必看

  1. Express介绍
  2. Express中间件
  3. Express路由
  4. Express错误处理
  5. Express模板引擎

• KOA1入门必看

  1. KOA介绍
  2. KOA应用
  3. Context（上下文）
  4. 请求
  5. 输出

• Node实战小项目

  1. Express入门实战
  2. Express+PHP实战
  3. KOA1实战
  4. KOA2实战
  5. 爬虫实战之Robots协议
  6. 配置爬虫系统和开发环境
  7. 爬虫代码实战
  8. 数据推送至Comet
  9. 数据推送至WebSocket
  10. 数据推送之SSE

• 大话Nodejs72般变化【深度实践课】

  1. 【实战】Nginx的反向代理与负载均衡
  2. 【实战】Nodejs线上部署【上】
  3. 【实战】Nodejs线上部署【下】
  4. 腾讯地图H5 Nodejs架构搭建
  5. 如何阅读Nodejs源代码
  6. JavaWebNET用框架核心**
  7. 前后端分离与用户验证
  8. 【实战】走近Hapi的世界
  9. 【实战】30分钟快速上手Egg

• 大话Nodejs72般变化【直播课】

  1. HTTP协议那些事
  2. 大规模Nodejs项目架构与优化
  3. 第二周实战+作业讲解【上】
  4. 第二周实战+作业讲解【下】

第三周——前端工程化入门

• 常用前端构建工具入门【上】

  1. Webpack学习注意事项
  2. Webpack入门介绍
  3. Webpack1入门与实践
  4. Webpack2&3核心技巧
  5. Webpack4快速入门
  6. Rollup的介绍和使用
  7. Gulp的介绍和使用
  8. Gulp的安装
  9. Gulp的使用
  10. Grunt的介绍和使用

• 常用前端构建工具入门【下】

  1. Grunt的安装
  2. Grunt的应用
  3. Bower的安装与应用
  4. Bower的安装
  5. Bower的应用
  6. Yeoman的介绍
  7. Yeoman的安装
  8. Yeoman的应用
  9. Browserify介绍与应用
  10. Parcel初体验

• 前端工程化那些事【深度实践课】

  1. 前端架构那些事儿
  2. Webpack从入门到放弃
  3. 前端工程化预备知识【上】
  4. 前端工程化预备知识【下】
  5. FIS从入门到放弃【上】
  6. FIS从入门到放弃【下】

• 前端工程化【直播课】

  1. 从小到大论前端项目持续集成
  2. 前端工程化Linux预备知识
  3. 第三周实战+作业讲解
  4. 第三周实战+作业讲解

第四周——前端性能优化与工程化

• 性能优化常用技术手段

  1. 雅虎军规
  2. 面向切面的概念解读
  3. 面向切面代码实战
  4. Nginx服务器缓存策略

• 前端工程师高级调试

  1. 整体课程概要
  2. 断点以及捕捉事件绑定
  3. Audits和Chrome性能插件
  4. Timeliness掌控帧渲染模式
  5. Profiles法分析具体问题

• 前端性能优化【深入提升】

  1. 网红平台性能优化
  2. 性能优化黑科技 Google AMP
  3. Web高性能动画及渲染原理

• 前端性能优化与工程化【直播课】

  1. 前端性能优化必备服务器知识
  2. Webpack实战MPA
  3. 前端架构与性能优化那些事儿
  4. 第四周考试+作业讲解
  5. 前端架构师启蒙课第一讲

第五周——CSS深度实践