精辟总结！2022前端学习路线分享，收藏！

前端依旧很火

想学习前端的人也越来越多

作为过来人

知道自学的辛苦

所以为大家分享知了堂前端学习路线

帮助大家建立起前端的知识框架

话不多说，切入正题

第一阶段：Web基础

1.HTML

知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签

2.CSS+布局

知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器

第二阶段：JavaScript

3.ECMA基础

知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String

4.DOM

知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。

5.BOM+jQuery

知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架

第三阶段：企业级框架

6.vue框架基本语法

知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String

7.vue案例

知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。

8.react基本语法

知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架

9.react案例

知识要点：将知识点融会贯通到案例中

△新增内容：微信小程序及uni-app框架

知识要点：

小程序框架（配置/程序与页面注册/路由），开发者工具

小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）

小程序框架组件学习（地图/媒体/导航/开发能力）

小程序API（基础/路由/界面/网络/数据缓存/位置服务）

小程序API（设备/媒体/开放接口/授权/登录/支付）

第四阶段：前端全栈

10.Node服务器与数据库及框架

知识要点：Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架

11.Node 项目周/WebPack

知识要点：需求、效果图、编码

第五阶段：商业项目及就业服务

12-13.HTML+CSS+JavaScript项目

知识要点：通过项目练习HTML+CSS+Javaｓｃｒｉｐｔ知识

14.Vue项目

知识要点：通过当下流行的行业选择贴近热点的企业级项目进行演练

15.React项目

知识要点：通过当下流行的行业选择贴近热点的企业级项目进行演练

16.Node项目

知识要点：通过当下流行的行业选择贴近热点的企业级项目进行演练

17-22.内推就业，终生职业服务

知识要点：

简历指导与面试技巧，互联网新技术的面试拉练

15000多道面试题的练习，N次模拟面试

每次面试的调优复盘，就业老师与项目经理全程辅导直到正式就业。

现在针对前端岗位的要求也变得越来越高，但是大家也不必过于恐惧，俗话说：基础不牢，地动山摇，打好基础才是最重要的，大家加油！！！