前端学习路线2020完整版（学习路线+面试题+学习资料）

花了我一周的时间，终于整理出这篇适合初学者的前端学习路线！

01 了解前端

前端，是相对后端而言的。那么怎么区分这两者？

简单来说，给用户看的、操作的就是前端，比如web网页、移动端网页、APP、小程序，凡是我们在电脑/手机/其他设备上能看到的，基本都是前端的范畴。而用户看不见的、涉及逻辑功能、应用数据处理模块的，则属于后端（或称为服务端）。

通俗来讲，前端在一个项目里的工作是这样的：拿到UI设计的设计稿，然后实现设计稿，并且调用后端程序员给的数据接口以获取数据，然后测试，最后部署上线。

在这个过程中，前端主要利用HMTL与CSS建构页面（其中HMTL构建骨架，CSS构建样式），用JavaScript获取后端数据以及完善交互和用户体验。

HTML、CSS、JavaScript，是前端开发中最基本也是最必须的三个技能。

02 前端学习的三个阶段

第一阶段学习内容包括：

开发环境搭建（开发工具、基础的计算机命令）

HTML（常用的标签、表单、语义化、多媒体、常用的api、Dom）

CSS（基础语法、样式的优先级、弹性盒模型、动画和过渡效果）

JavaScript（基础语法、队列链条哈希等常见的数据结构、JavaScript执行机制、面向对象，正则表达式等，其中闭包、promise、类型转化、作用域是重点）

网络相关基础（常见的通信、常见的响应方式和状态码、ajax通信、mock数据）

浏览器相关的知识（浏览器的兼容性、SEO、Debug）

第二阶段学习内容包括：