精辟总结！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框架基本语法

知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、vue3

7.vue案例

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

8.react基本语法

知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux

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次模拟面试，以及每次面试的调优复盘，就业老师与项目经理全程辅导直到正式就业。

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

知了堂前端就业班

项目实战教学 内推就业

8月22日开班

了解详情扫码加小姐姐微信