2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）

前端学习路线

前言

本人自2020年2月开始自学前端，本科是数学专业的，在此之前只接触过C语言，因此对于前端可谓是零基础，由于网上的学习路径鱼龙混杂，因此在中间自己也踩了一些坑。经过九个月的学习，最终在今年秋招斩获三个大厂的offer，给自己的前端学习之路画上一个不错的节点，希望能够将自己的学习经历分享出来，帮助大家。
以及在学习过程中，一个人自学容易懈怠，尝试在网上搜索了一些群聊共同学习，但是也是由于鱼龙混杂，很多前端群沦为聊天群、摸鱼群，希望自己能创建一个自学互助群，大家共同进步学习。QQ群号：609459815，

微信请添加微信号：Class_Eddie，添加我拉你进群。

入门基础

开发工具

结论：VSCode

最初我选择的是Hbuilder，轻量级，界面淡黄色和绿色结合比较护眼，但是插件较少，格式化代码以及快捷键用着不是特别顺手，转而使用VSCode。
个人认识业界使用比较多的两种编辑器，VSCode 和 WebStorm。
具体的对比请移步VSCode 与 WebStorm 横向对比
个人想法，其实真没必要对于编辑器过于纠结，毕竟只是一个工具，大佬用txt都可以编写代码，在前期学习阶段可以选定一个坚持使用，等到学有所成，对于编辑器有着个人更独特的要求再去选择更适合自己的编辑器。

HTML

学习资料：绿叶学习网 HTML入门教程 以及 《零基础入门学习Web开发》（HTML5&CSS3）（小甲鱼）

HTML的入门知识可以在 绿叶学习网 HTML入门教程 上通读一遍，保证对于html元素标签有一个大概的认识。
不用太刻意去记，这些元素都会在今后的实践中不断加深印象，刻意去背消耗过多的时间并且挫伤积极性，但是阅读的同时自己跟着教程在编辑器里敲一下代码，既能加深记忆，又可以从中获得成就感。

HTML5先学习一下语义化标签，然后了解存储方式的区别，canvas和音视频可以留到之后有需要再深入学习。

CSS

学习资料：绿叶学习网 CSS入门教程 以及 绿叶学习网 CSS3入门教程