从零开始的前端开发学习指南！

从零开始的前端开发学习指南！

入门基础

开发工具：选择适合你的编辑器是关键！

最初，我尝试了Hbuilder，它轻量级且界面友好，但插件较少，快捷键和格式化代码不够顺手。后来，我转向了VSCode，业界使用广泛的编辑器之一。另一个热门选择是WebStorm，但个人认为，选择编辑器不必过于纠结，毕竟它只是工具。大佬们用txt也能编程！在前期学习阶段，选定一个坚持使用即可。

HTML学习资源：

绿叶学习网 HTML入门教程

《零基础入门学习Web开发》（HTML5&CSS3）（小甲鱼）

HTML的入门知识可以在绿叶学习网 HTML入门教程上通读一遍，对HTML元素标签有一个大概的认识。阅读时跟着教程在编辑器里敲代码，既能加深记忆，又能获得成就感。HTML5先学习语义化标签，了解存储方式的区别，canvas和音视频可以留到之后有需要再深入学习。

CSS学习资源：

绿叶学习网 CSS入门教程

绿叶学习网 CSS3入门教程

CSS的入门知识也可以在绿叶学习网 CSS入门教程以及绿叶学习网 CSS3入门教程上通读一遍。道理同上，不用刻意去记，实践中会不断加深印象。

静态页面：

freeCodeCamp

pink老师的品优购电商项目

freeCodeCamp可以加深HTML和CSS的记忆，相当于对于之前的学习的一个阶段性复习。个人尝试去做的静态页面还有pink老师的品优购电商项目，基本完成这个页面就可以进行JavaScript的学习。

JavaScript学习步骤：

绿叶学习网 JavaScript入门教程

ECMAScript 6 入门教程 ---- 阮一峰

JavaScript的学习可以从绿叶学习网 JavaScript入门教程开始，然后深入ECMAScript 6的相关知识。