学习前端开发，能抛弃HTML和CSS吗？

爱无罪

入门前端开发，HTML、CSS和JavaScript三大件是无法避开的，这是必要的。而且这三大件能不能学好，决定了你前端能走多远。正所谓“基础不牢，地动山摇”，HTML、CSS和JavaScript这三大件是非常重要的基础，缺一不可。所以，学习前端开发，不能抛弃HTML和CSS。
存在即合理。既然HTML和CSS存在，那么就有它存在的道理；万事万物的产生必然有它的道理，先有了结构再去有样式，有了结构样式后才去考虑交互；HTML和CSS就相当于我们的基础设施一样，就算你其他设施再怎么完善的话基础设置都不会被取缔；最简单的例子，最开始的网页布局就是从表格开始写的；但是为了简化出来了div，但是表格布局他也没有退出历史舞台；他就相当于基础设施一样不会被舍弃，遇到对应的布局时候我们照样会使用表格布局。
下面学姐就讲一下前端的正确学习方法，希望能帮助到同学们。
前端学习是一个螺旋上升的过程，既要反复地看书，也要抓紧时间进行实战。只看书，看了就会忘，所以必须将看书和写代码相结合。只要认真学，入门前端的话三个月左右就可以了。当然这仅仅只是入门，并没有达到比较高的水平，如果想要作为求职技能的话这是远远不够的，还需要大量的练习和正确的前端进阶学习路线，来提升前端技能水平。
入门前端开发主要需要学习 HTML，CSS 和 JavaScript 三大件。之后学习前端主流框架的使用，并基于已学内容开发一个小项目进行实战。当你把这些学习并理解透彻以后，也就算真正地入门前端了。
阶段一：HTML + CSS


前端对于入门者相当友好，因为开始学习的时候只需要一个浏览器，推荐 Chrome。HTML 和 CSS可以直接运行在浏览器中，浏览器就是它们的运行环境。也可以使用编辑器，推荐 VSCode，这是前端开发使用最多的编辑器。
HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 其实并不是编程语言。HTML 中文名叫做超文本标记语言，其实就是一些标签。CSS 中文名为层叠样式表，也就是一些样式的配置。
首先学习 HTML，非常简单。HTML 有非常多的标签，刚入门的时候不要沉浸在记住这些标签中，你也记不住。你只需要整体浏览一遍，知道有哪些标签，各自的作用是什么，整体有一个印象就行了。学习HTML 的时候还可以看看书，如果感兴趣可以看一下，对于书本不太感兴趣的小伙伴不看也是可以的。推荐《Head First HTML and CSS》、《HTML5 与 CSS3 基础教程》，这两本是这方面很好的书。
看完之后可以自我检测一下，例如常用的标签有哪些，<!DOCTYPE> 的作用是什么，哪些标签是行内标签，哪些是块级标签，HTML5 有什么新特性等。这里不要花太多时间，大致过一下即可，不用都记住，之后有需要再回来查就行。
接下来学习 CSS，直接推荐目前最适合 CSS 入门的书：《精通 CSS（第三版）》。


在入门阶段，不需要将整本书一字不差地看完，只需要抓住几块核心内容，例如选择器、层叠、继承、盒模型、Flex 页面布局和网格等。这些内容快速过一遍就行，太细节的内容不用记，之后需要了再回来查。
看完这个之后就有了一定的编程基础了，可以尝试着开始写页面了。当然在开始写的时候可能会写不出来，这时候去看看别人的代码，看的多了也就知道怎么写了。
写完一个页面之后别急着往下写。这第一个页面肯定有很多问题，例如属性使用错误，代码缩进不规范等问题。这时候你应该找一个代码规范，例如百度一下前端代码规范，根据规范重写你的代码。这个规范只是举一个例子，自己上网搜一下，好的大公司都有自己的规范，这个不是规定死的，风格统一并且可读性强即可。
重写代码之后，再去看看别人提交的代码，这个页面是怎么写的，如果身边有技术好的前端，可以让他帮你指点一下。这时候应该就知道如何写一个页面，并且怎样才能写好一个页面了。然后可以自己再去找几个题目，写几个页面熟练一下。
学习 CSS 核心内容不需要很多时间，但其实 CSS 是细节非常深的一个技术。前期不要陷入其中，那么小伙伴们可能会问如何深入学习 CSS 呢？这里推荐一些很好的权威书籍，基本看这些就够了。
1、《CSS 世界》：张鑫旭大神的书，十多年的 CSS 经验分享，必买书籍。
2、《CSS 选择器世界》：张鑫旭大神的另一力作，深入讲解 CSS 选择器。
3、《CSS 揭秘》：各种 CSS 奇淫巧技，主要是来开阔视野。
4、《CSS 权威指南》：属于 CSS 的新华字典，很全面，属于一本工具书。
5、《深入解析 CSS》：2020 年的新书，奇虎团工程师翻译，质量有保证。
阶段二：JavaScript
学习了 HTML 和 CSS，可以开始学习 JavaScript 了。这也是至关重要的阶段。JavaScript 主要包括语言基础（ECMAScript）、DOM 和 BOM 三部分，如果是初学者，会想这到底是啥，咋还三个东西。那就开始学起来，学完就知道了，其实并没那么难。
学习这部分，一定要从现代 JavaScript 教程学起：
现代 JavaScript 教程是 React 官方文档中与 MDN 并列推荐的 JavaScript 学习教程。这个教程解决了现存 JavaScript 书籍最大的痛点：实时性。技术领域的书籍在实时性上一直都存在很大的问题，而这个教程却解决了这个问题。并且它为读者搭建了良好的学习路线，由浅入深，内容足够详细也足够全面，你就按着教程顺序学习就行了。此外，每节内容后，还给出了高质量的课后习题和解析。通过做题可以帮检验自己的学习效果，并巩固新学到的知识。
在学现代 JavaScript 教程的同时，推荐你买几本权威书籍，其实这些书所讲的大部分在教程里都有，不过可以相互补充取长补短，同时还可以巩固知识点，加深对 JavaScript 的理解：
1、《JavaScript 高级程序设计（第 3 版）》：俗称红宝书，只是这本书版本有些旧，第四版预计于 2020 年下半年出版，可以关注一下。这本书前七章讲的是语言特性，一定要掌握。如果你有其他语言的编程基础，理解起来会更快。第 8、10-14、20、21、23、24 章也要重点看，第 25 章的第一节也要看，其他没提到的章节属于非重点的扩展内容，有空就大概读一下。
至于 XML 这种过时的东西就不用看了，书中有大量 API 的章节，不用死记硬背，浏览一下就行，用到再回来查。你一定要先看《现代 JavaScript 教程》再看这本红宝书，因为这里的内容在教程中都有，而且都是最新的，红宝书只是用于复习巩固。
2、《JavaScript 权威指南》：俗称犀牛书，和《CSS 权威指南》类似，都是大而全的工具书。
3、《ES6 标准入门》：你一定听过 ES6 或者 ES2015 吧，其实指的是一个东西，就是 2015 年发布的 ECMAScript 规范，发布的一些语言特性。这本书是阮一峰老师的书，是学习 ES6 必买书籍，当然里面也参杂了一些作者的个人理解。
4、《深入理解 ES6》：尼古拉斯大佬的力作，必买书籍！讲解非常详细且深入。
5、《深入理解 JavaScript 特性》：尼古拉斯大佬的最新书籍，由李松峰老师翻译，主要讲的也是 ES6 的内容。
6、《JavaScript DOM 编程艺术》：DOM 必备书籍，本书主要讲的是 DOM 知识，还会带你通过实战深入理解相关知识，很有帮助。
7、《JavaScript 语言精粹》：俗称蝴蝶书，很薄的一本，里面讲的都是 JavaScript 语言最核心的部分。半天就能看一遍，可以买了反复看。
8、《Head First JavaScript 程序设计》：这本书对于没有编程经验的新手友好，内容比较简单。
如果小伙伴自身有一定编程经验，学起来会轻松一些。所列出的书不用全都看完，而是挑选重点，相互补充着看。对于 API 相关内容不要死记硬背，大概浏览即可，用到的时候再查，多些代码就自然记住了。
阶段三：入门前端框架


学完前端三大件，打好了大树的根基，就可以开始扩展技能树了，开始学习前端框架。前端的主流框架目前主要为 React，Vue 和 Angular。选择哪个框架呢？小伙伴们可以去知乎或者其他网站搜一搜，然后根据个人喜好进行选择。一般是在 React 和 Vue 中选一个。
React 的开发体验更类似于写原生的 JavaScript，要求有较好的 JavaScript 基础。Vue 则引入了模版，将很多实现封装成了 API，你需要记住并调用 API 来进行开发，因为很多都是封装好的，所以学习起来较为简单，只是编程的感觉稍微弱了一些。
这两个都是非常优秀的框架，新人不必纠结于选择哪个框架，学了一个，另一个也很容易学。如果小伙伴们不知道选择哪个，小编推荐先学习 React，当然如果想要先学习Vue，也是可以的。
在学习这些框架的时候，不管是React还是Vue，一定要大量的做练习，做题目来巩固自己学到的知识，这样才能够有坚实的基础进行下一步的学习。
当学完上述内容就已经成功入门前端开发了，恭喜！
可以看到HTML和CSS是最先且必须学习的内容。用一个贴切的比喻来形容，不学HTML和CSS就相当于不让你上小学初中，直接念高中念大学，你觉得能学得走吗？所以不要想着跳过HTML和CSS直接学习后面的内容，应当脚踏实地地走好每一步，才能学有所成。
但愿所有的努力都不会白费。

冰蓝之夜

支持楼主，用户楼主，楼主英明呀！！！