入门前端自学路线图突围秘籍，超全最新看这篇回答

web 入门

01 Html5+css：

采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。 课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准

最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程

02 web 进阶：

前两天承接HTML+CSS，使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每章节都配备综合案例，学完即练习企业级项目，不仅掌握知识点，还能学到知识点在实际开发中的应用场景

web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）

技术进阶

03 JavaScript：

JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门

04 DOM BOM：

学完JavaScript基础，就可以学习JavaScript核心 DOM 和 BOM操作了，真正体会JavaScript的魅力，要学会如何获取DOM元素，如何操作DOM 元素，BOM操作， 事件，事件对象，事件委托，JS执行队列，定时器，常见网页特效，比如轮播图，tab栏切换等。懂移动端如何制作网页特效，会带你进入JavaScript的实际开发应用。

JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作

05 jQuery：

jquery简介，常用api， 操作DOM api，购物车综合案例，本地存储加强，todolist本地存储综合案例，常见jquery插件，瀑布流，懒加载，全屏滚动，bootstrap JS插件使用。

前端基础必备教程|jQuery网页开发案例精讲

06 Ajax：

掌握如何使用 Ajax 实现和后端的交互。 后2天讲解的是 Git 相关的内容，掌握如何对项目进行版本管理，从而轻松应对企业级项目开发的版本管理需求。

黑马程序员AJAX零基础到精通_整合Git核心内容全套教程

Vue 开发

07 Node.js:

框架前置课，重点铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。 同时，内容还涵盖了 MySQL 数据库、API 接口项目开发等后端内容，可以拓宽我们的知识面，为我们构建了前后端完整的知识体系。

Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解

08 Vue2+Vue3全套：

Vue2.x 核心技术指令系统、常用选项、组件化、组件通讯、插件

1、当前，vue 共有 3 个大版本，其中： ①2.x 版本的 vue 是目前企业级项目开发中的主流版本 ②3.x 版本的 vue 于 2020-09-19 发布，生态还不完善，尚未在企业级项目开发中普及和推广 ③1.x 版本的 vue 几乎被淘汰，不再建议学习与使用

2、vue 的基本使用

1）基本使用步骤： ① 导入 vue.js 的 script 脚本文件 ② 在页面中声明一个将要被 vue 所控制的 DOM 区域 ③ 创建 vm 实例对象（vue 实例对象）

2）基本代码与 MVVM 的对应关系

3、vue 的调试工具

1）安装 vue-devtools 调试工具

2） 配置 Chrome 浏览器中的 vue-devtools

3）使用 vue-devtools 调试 vue 页面

4、vue 的指令与过滤器

1）指令

指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。

vue 中的指令按照不同的用途可以分为 6 大类： ① 内容渲染指令 ② 属性绑定指令 ③ 事件绑定指令 ④ 双向绑定指令 ⑤ 条件渲染指令 ⑥ 列表渲染指令

2）过滤器

过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式 和 v-bind 属性绑定。

5、品牌列表案例

1）用到的知识点：

①bootstrap 4.x 相关的知识点： 卡片（Card）、表单相关（Forms）、按钮（Buttons）、表格（Tables）

②vue 指令与过滤器相关的知识点： 插值表达式、属性绑定、事件绑定、双向数据绑定、修饰符、条件渲染、列表渲染、全局过滤器

2）实现步骤：① 创建基本的 vue 实例 ② 基于 vue 渲染表格数据 ③ 实现添加品牌的功能 ④ 实现删除品牌的功能 ⑤ 实现修改品牌状态的功能

Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

React &小程序开发

09 React：

React 是时下最流行的前端框架之一，是很多大厂的首选前端开发框架！必须学会，React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组件、render-props、组件性能优化、虚拟DOM和Diff算法等等。

前端React视频教程，react零基础入门原理详解到好客租房项目实战

10 零基础玩转微信小程序：

从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。 学完小程序基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。 项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

程序员有个作家梦，还得大家支持支持