基础阶段

HTML+CSS基础

1. HTML+CSS
2. 精灵图
3. 绝对定位
4. 属性值计算过程
5. 拓展
6. 小米商城实战

JS基础

1. 基础-数据的表达
2. 基础-数据的运算
3. 基础-数据的流程
4. 基础-流程的切割
5. 核心概念-数据的存储和传递
6. 核心概念-数据的作用域
7. 核心概念-全局对象
8. 核心概念-构造函数
9. 核心概念-原型
10. 核心概念-this指向
11. 核心概念-原型链
12. 核心概念-继承
13. 标准库-数字和字符串
14. 标准库-数学
15. 标准库-日期
16. 标准库-数组
17. WebAPI-BOM
18. WebAPI-DOM
19. WebAPI-事件
20. WebAPI-事件默认行为
21. WebAPI-DOM尺寸和位置
22. WebAPI-事件传播机制
23. 技巧-在循环中注册事件
24. 技巧-回调函数
25. 技巧-函数防抖
26. 标准库-正则表达式
27. 核心概念-浏览器渲染原理
28. 核心概念-异常
29. 技巧-断点调试

JS项目实战

1. 文字滚动效果
2. 手风琴效果
3. 动态排序表格
4. 三级联动
5. 腾讯视频重磅推荐模块
6. 图片放大镜
7. 积分抽奖
8. 倒计时特效
9. 无缝轮播图
10. 图片瀑布流
11. 分页插件
12. 五子棋游戏
13. 读心术小游戏
14. 图片拖动验证

提升阶段

HTML+CSS语言提升

1. CSS3视觉
2. CSS3过渡和动画
3. CSS3布局
4. CSS3更多知识
5. 网页简历
6. HTML5文档
7. HTML5API
8. H5综合练习

JS语言提升(ES6+)

1. 零碎的改动
2. 数组
3. 对象
4. 函数
5. 事件循环
6. Promise基础
7. Promise的链式调用
8. Promise的静态方法
9. async和await
10. Promise相关面试题

程序思维训练

1. 歌词滚动
2. 王者荣耀官网英雄查询
3. 美团省市级联

网络

1. 基本概念
2. 浏览器页面处理流程
3. AJAX
4. 聊天机器人
5. git

第三方库

1. jQuery
2. Loadash
3. Animate.css
4. Axios
5. MockJS
6. Monment
7. Echarts

工程化

1. CommonJS
2. ESModule
3. 包管理器
4. Less
5. 构建工具的使用
6. 分页电影列表案例

VUE

1. 前端框架由来
2. 第一个vue应用
3. 核心概念
4. 组件
5. 搭建工程
6. 计算属性
7. 组件事件
8. 优化工程结构
9. 组件练习
10. 插槽
11. 路由
12. 弹出消息
13. 获取远程数据
14. 组件生命周期
15. 完成首页
16. 自定义指令
17. 组件混入
18. 组件递归
19. 文章列表页
20. 文章列表页
21. $listeners和v-model
22. 事件总线
23. 代码优化
24. 图片懒加载
25. 数据共享
26. vuex经典案例
27. 在项目中应用vuex
28. 页面标题的统一处理
29. 完成「关于我」页面
30. 完成「项目&效果」页面
31. 完成「留言板」页面
32. 打包结果分析
33. Vue3入门
34. Vue3就业-vite原理
35. Vue3就业-效率的提升
36. Vue3就业-API和数据响应式的变化
37. Vue3就业-模板中的变化
38. Vue3就业-组件的变化
39. Vue3就业-ReactivityApi
40. Vue3就业-CompositionApi
41. Vue3就业-共享数据
42. Vue3就业-script-setup