仍然对如何入门和进阶感到困惑？ 4D指南让您不再困惑！

我经常看到许多学生在学习前端时感到困惑. 我不知道应该使用哪种学习途径来入门和进阶前端领域. 每次遇到此类问题时，我也会分享我的学习经验，但是发现这是一个经常被问到的常见问题.

作为一名程序员，我不能容忍反复无聊的工作，因此我将系统地总结和分享我的前端学习路线，希望它可以为您提供帮助.

前言

前端学习是一个不断发展的过程，不仅要反复阅读书籍，而且还要花时间进行实战. 只是阅读书籍，而在阅读时会忘记它们，因此您必须将阅读和编写代码结合起来. 只要认真学习，您就可以在大约三个月的时间内开始学习. 之后，我还给出了前端高级路线，以帮助您提高前端技能水平. 我将前端入门和前端提升分为六个阶段，并标记了相应阶段所需的大约学习时间.

从前端开始

初学者的前端开发主要需要学习HTML，CSS和JavaScript. 之后，我将学习如何使用前端主流框架，并根据学习的内容为实际战斗开发一个小项目. 全面了解并理解这些内容之后，您便真正开始使用前端了.

阶段1: HTML + CSS

前端对初学者非常友好，因为当您开始学习时只需要浏览器，建议使用Chrome. HTML和CSS可以直接在浏览器中运行，而浏览器是它们的运行环境. 您也可以使用编辑器，建议使用VSCode，它是前端开发最常用的编辑器.

HTML（超文本标记语言）和CSS（级联样式表）不是编程语言. HTML中文名称称为超文本标记语言，实际上是一些标签. CSS中文名称是“层叠样式表”，它是某些样式的配置.

首先学习HTML非常容易. HTML有很多标签. 刚开始使用时，不要沉浸在记住这些标签中，您将无法记住. 您只需要从整体上了解一下哪些标签以及它们各自的作用，就可以对整体有一个印象. 我建议遵循MDN的HTML学习路径. 在学习HTML时，我还读了两本书. 如果您有兴趣，也可以看看. 在这方面，这是一本很好的书:

“ Head First HTML和CSS”

“ HTML5和CSS3基本教程”

阅读后，您可以检查自己，例如哪些常用标签c语言入门经典第5版 pdf，<！DOCTYPE>的作用，哪些标签是嵌入式标签，哪些是块级标签以及哪些新功能？ HTML5. 不要在这里花费太多时间，只是大致地经历它，不记得所有的一切，以后再回来查看是否需要.

接下来，学习CSS，并直接推荐最适合使用CSS的书:

“精通CSS（第三版）”

在入门阶段，您无需逐字阅读整本书. 您只需要掌握一些核心内容，例如选择器，级联，继承，框模型，Flex页面布局和网格. 您可以快速浏览这些内容. 您不需要记住太详细的内容. 您将需要稍后再检查. 以上内容大约需要6天，包括HTML 2天和CSS 4天.

有了这些基本知识，您就可以进行实战.

写完页面后不要着急. 您编写的第一页肯定有很多问题，例如属性的错误使用以及代码的缩进. 此时，您应该找到一个代码规范，并根据该规范重写您的代码. 我只是给你一个这个规范的例子. 我自己搜索了互联网. 好的大公司有自己的规格. 这不是规定. 它具有统一的样式和强大的可读性.

重写代码后，您可以查看他人提交的代码. 该页面如何书写？如果您拥有技术先进的前端，可以让他为您提供帮助. 此时，您应该知道如何编写页面以及如何编写页面. 然后，您可以查找一些主题并写一些页面以更加熟练.

以上是第一阶段的内容，大约需要10天.

高级CSS: 学习CSS的核心内容并不需要花费很多时间，但是实际上CSS是一种非常详细的技术. 不要太早陷入困境，所以您会问如何深入学习CSS？我推荐一些不错的权威书籍，基本上阅读这些就足够了.

《 CSS World》: 张新旭的书，十多年的CSS经验分享，必须购买.

“ CSS选择器世界”: 张新旭大神的另一杰作，对CSS选择器的深入解释.

“ CSS的深入分析”: 2020年的新书，由奇虎团的工程师翻译，质量得到保证.

“ CSS秘诀”: 各种CSS技巧，主要是拓宽视野.

《 CSS权威指南》: 属于CSS的新华字典非常全面，属于参考书.

我目前是在职前端开发，如果你现在也想学习前端开发技术，
在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，
你都可以申请加入我的前端学习交流裙：前面：603 中间：985 最后：993。
里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，
前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

第二阶段: JavaScript

学习HTML和CSS之后，您可以开始学习JavaScript. 这也是关键的阶段. JavaScript主要包括三个部分: 语言基础（ECMAScript），DOM和BOM. 如果您是初学者，您将考虑这是什么，以及三件事. 然后开始学习，完成后您就会知道，其实并不难.

要学习这一部分，您必须从现代JavaScript教程开始:

现代JavaScript教程是MDN与官方React文档同时推荐的JavaScript学习教程. 本教程解决了现有JavaScript书最大的难点: 实时. 技术领域的书籍总是实时存在一个大问题，但是本教程解决了这个问题. 它为读者提供了一条从浅到深的良好学习路径，内容足够详细，足够全面，您只需要按照教程的顺序进行学习即可. 此外，每节课后，还提供高质量的课后练习和分析. 通过提问，您可以测试您的学习效果并巩固新获得的知识.

教程地址: zh.javascript.info /

完成本教程后，您实际上已经完成了JavaScript. 您可能已经听说过ES5 / ES6 / ES7 / ES8 ...，实际上，您已经了解了它，并且通过本教程还制作了许多小的实战示例. 本教程还将技术要点与实际应用程序联系起来，以便您知道该知识点如何在实际开发中使用以及解决了什么问题.

在学习现代JavaScript教程时，建议您购买基本的权威书籍. 实际上，这些书中的大多数都包含在教程中，但是它们可以互相补充，也可以互相补充. 同时，他们还可以巩固知识并加深您对JavaScript的了解. 了解:

“ JavaScript高级编程（第3版）”: 俗称“红皮书”，但该书的版本有点旧，第四版有望在2020年下半年出版，可以引起关注. 本书的前七章是关于语言功能的，必须掌握. 如果您有其他语言的编程基础c语言入门经典第5版 pdf，那么它会更快地被理解. 还应强调第8、10-14、20、21、23和24章，还应阅读第25章的第一节. 其他未提及的章节都是非重点扩展，因此，如果有时间请阅读它们. . 至于过时的东西，例如XML，则不需要阅读它. 本书中有很多API章节. 您无需记住它们. 只需浏览并使用它们，然后返回检查即可. 您必须先阅读“现代JavaScript教程”，然后再阅读这本红皮书，因为这里的内容全部在教程中，并且都是最新的. 红皮书仅供审核和合并.

“ JavaScript权威指南”: 通常称为Rhino Book，类似于“ CSS权威指南”，都是大型而全面的参考书.

“ ES6标准入门”: 您一定听说过ES6或ES2015. 实际上，它指的是2015年发布的ECMAScript规范和某些语言功能. 这本书是阮一峰老师的书. 这是学习ES6的必买书. 当然，它也包含了对作者的一些个人理解.

《深入了解ES6》: 尼古拉斯大师的杰作，一定要买书！该解释非常详细和深入.

“深入了解JavaScript功能”: Nicholas的最新书，由李松峰老师翻译，主要讨论ES6内容.

“ JavaScript DOM编程艺术”: DOM必不可少的书籍，这本书主要讨论DOM知识，并且还将通过实际战斗带您深入了解相关知识，这非常有帮助. “ JavaScript语言的本质”: 通常称为蝴蝶书，这是一本非常薄的书，它讨论了JavaScript语言的核心部分. 您可以在半天之内再次阅读，也可以重复购买.

“从头开始进行JavaScript编程”: 本书适合没有编程经验的新手，内容相对简单.

第二阶段大约需要一个半月. 如果您有编程经验，则学习起来会更容易. 不必阅读所有列出的书籍，而是选择重点并相互补充. 不要记住与API相关的内容，只浏览它，并在使用时检查它，自然会记住更多代码.

第3阶段: 前端框架入门

学习了前端的三个主要部分，奠定了大树的基础之后，您可以开始扩展技能树并开始学习前端框架. 当前主流的前端框架是React，Vue和Angular.

选择哪个框架？您可以访问至智虎或其他网站进行搜索，然后根据个人喜好进行选择. 通常选择React和Vue之一.

React的开发经验与编写本机JavaScript更相似，并且需要您具有良好的JavaScript基础. Vue引入了模板并将许多实现封装到API中. 您需要记住并调用API进行开发. 因为很多都是封装的，所以学习起来相对简单，但是编程的感觉会稍弱一些.

这两个都是非常好的框架. 新来者不必为选择哪种框架而苦恼. 彼此学习很容易. 如果您不知道该选择哪一个，建议您先学习React. 推荐的学习途径:

阅读官方的React文档: 首先研究文档中的核心概念，然后按照官方文档在文档中写上井字游戏. 然后自己编写一个Todo App.

然后从戴尔老师那里学习React 16.4快速入门和React 16.4开发简书项目课程.

您还可以继续选择一些经典主题，以巩固JavaScript的基本知识和使用.

在此过程中，您将学习很多知识，并且将使用React的高级知识. 然后，学习高级指南，API参考，Hooks和React官方文档的其他部分. 您还将了解React Router，Redux等. 您将学习从头开始开发一个完整的项目，从项目配置到组件拆分，再到项目打包和启动的完整过程，还将学习一些React框架的低级源代码知识.

如果选择Vue框架，则学习路径相似: 阅读官方文档并编写一些简单的演示. 然后从MOOC.com的Dell老师那里学习Qunar.com应用程序的Vue 2.5简介和Quue.com应用程序的Vue 2.5-> 2.6-> 3.0开发，从零基础入门到实用的项目开发课程，并穿插一些典型主题以巩固其基础知识. JavaScript.

此阶段大约需要一个月. 至此，您已经成功开始了前端开发，恭喜您

第1到第3阶段共三个月. r />

高级前端

在成功开始前端开发之后，我们将开始高级部分，主要是加深我们对各种知识的理解，增强计算机领域的基础知识，扩展技能树，并增强项目开发和宏观-理解和控制能力. 前端的进步需要终身学习，并且需要不断学习.

阶段4: 高级语言基础

此阶段旨在加深对编程语言的理解，阅读更多高级书籍，并能够推荐阅读ECMAScript规范: ecma-international.org/ecma-262 /

高级阅读书:

“您不知道JavaScript的上/中/下卷”: 必须购买的书，摆脱了JavaScript的难题和详细知识. 原始版本是GitHub上的开源电子书. 那些英语水平较高的人可以阅读原始英语版本.

“ JavaScript忍者秘籍”: 要深入了解JavaScript的核心知识，您必须购买书籍.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-271280-1.html