【你问我答】初学者应该如何学习前端？

菜鸡稍微弱弱地回答一下，算是给自己的前端学习做个阶段总结吧，希望各位大佬给点建议，写得不好还请多多指教…… 前端一般我们都说“三剑客”，就是指 HTML、CSS 和 JavaScript 这三门语言，其中 JavaScript 是一门图灵完备的语言，也是我们前端初学者的重中之重。 首先，入门要先有一个概念，在传统的前端架构模式中，HTML 负责页面结构，比如创建一些方块，它们之间要怎么嵌套等等;CSS 负责样式，比如这个方块什么颜色，那个方块多大等等;JavaScript 负责逻辑，比如鼠标点击后方块怎么运动等等。当然，这些都不是绝对的，往后学你自然会领悟。 初学前端的话，可以将 HTML 和 CSS 快速看一遍，写点小 demo，重点理解它们在前端页面开发中扮演的角色，记一下常用的 HTML 标签和 CSS 属性，重点关注下文档流、盒子模型、BFC、几种常见的布局方式（float、flex、grid）等概念。然后将更多的时间放在对 JavaScript 这门语言的学习上。 学习 JavaScript 这门语言，一定要在两本书中选一本研读，一本是红宝书《JavaScript 高级程序设计》，一本是犀牛书《JavaScript 权威指南》，选一本即可，两本书虽然各有各的风格，但重合的内容实际较多，不必都看，但你若是时间多，互相借鉴也会有所受益。虽然这两本书都是 ES5 的语法，放在现在可能会有些过时，但实际上很多语法都是 JavaScript 语言的精髓所在，还是有必要进行学习的。学习的时候，前面你可能重点需要关注下原型链、作用域链、this 的作用、几种常见的继承方式等概念，后面关于一些 API 的调用，你可以翻看留个印象，重点关注下 DOM 和 BOM 以及他们之间的关系。 三剑客都入门后，你可以找些小项目或者小 demo 进行实战，边翻看手册，边写写代码，促进学习效果。 之后你可能就需要再学习下前端更多的基础知识了，像什么 HTTP 协议、前端安全等等，这些可能对计算机专业的学生来说不算什么，但是对非科班的学生就需要再看一些书籍补一下了。 然后来到了前端学习的又一个阶段，对框架的学习，可以在现在主流的 Vue 或者 React 中选一个（学 Angular 可能会在面试中吃亏，暂不建议），翻看官方文档即可，然后就可以找些大点的项目进行综合实战，如网上热门的仿饿了么项目等等。 当然到这里也只是前端刚入了个门，我入门学习的时侯整理过一点点入门书籍和前端类库的推荐，大家有兴趣的可以稍微看看，不过 2018 年一年春招秋招发生了很多事，也没怎么更新，很多东西可能有些过时了，可能以后会更新吧……希望各位道友以后可以多多交流！比心！

我觉得学习路线需要量身定制 每个人都有自己适合学习方式 这种东西需要自己摸索 自己绘制路线才靠谱

W3Cschool~抽我~