如何学好 JavaScript 和 CSS

引言

在这个时代，我认为编程比以往任何时候都更受欢迎。人们辞掉工作，学习编程，然后将前端开发职位作为第二职业的情况并不少见。

前端开发是一个非常具有吸引力的职业，原因有很多：高需求，高薪水，任何人都可以在互联网上免费 (或赚一点钱) 学习前端技术。

本文写给即将迈入第二职业的朋友，希望能对帮助您更好的学习前端知识有所指引帮助。

本文假定您已经对 HTML 、CSS 和 JavaScript的概念有所了解。

如何学好CSS

学好盒模型

理解盒子模型是如何使用 CSS 设计进行工作的基础。

每个 HTML 元素，都可以看作是一个由内容、填充、边框和边距组成的矩形框。

box 模型适用于所有 HTML 元素，它本质上是一个包裹元素的盒子 (box)。首先，我们需要将每个 HTML 元素看作一个矩形或方框。

例如下面的图就是一个和模型，您可以找些资料具体了解一下：

您可以尝试将 CSS 添加到页面来看看效果

可以用几种不同的方式向页面添加CSS ，每种方式都有其优缺点。有这么几种方式可以将 CSS 添加到页面上：

• 内联样式，直接写在 HTML 元素上
• HTML 中 添加 style 标签
• 保存成外部样式表，在 HTML 中引用
• 样式表中也可以用 @import 导入其它样式表

深入学习 CSS 的选择器

选择器是 CSS 中最重要、最强大的部分之一。它们本质上是一种模式，用于允许我们根据元素的类型、属性甚至文档中的位置来选择要样式化的元素。简单来讲，选择器就是帮助我们精准找到要应用样式的 HTML 元素。

如何学好 JavaScript

学习前端开发的最大困难，可能是需要您拥有扎实的 JavaScript 编码能力。大多数前端开发工作面试都涉及大量的 JavaScript 代码编写以及对基本概念的深刻理解。

但是学习 JavaScript 可能会让人望而却步，因为有太多的资源可供选择。

如果您是一个初级前端开发人员，请多查阅相关的前端开发技术手册。这是对前端开发的一个很好的介绍，并对相关技术进行了详细的解释。

由于 JavaScript 概念比较多，更重要的是它是一门完整的语言体系，所以本文不会罗列 JavaScript 您应该会什么、学什么，请完整的阅读一本 JavaScript 基础教程，了解它的构成，这也许才是您最初需要的。因此我们会给您介绍一些学习资源的获取途径。

网络课程

学习 JavaScript 最好的方法是通过练习，因此在线的网络课程提供了一个很好的学习环境，根据课程一点一点练习。

许多网站都提供免费课程。

关注一些专业领域的人

经常去头条、博客、专业性网站关注一些前端开发人员，他们制作的教程是他们多年的工作积累，非常实用，如果您是初学者，看不懂没关系，可以将它们收藏，作为您日后的知识储备。

选一些好书

看书是获取知识最直接的途径，选一本好书非常重要，但您最少有一本基础的、系统的教程，它能帮助您梳理知识重点。

随着您学习阶段的上升，书籍的选择也会不一样，选书之前可以先大概过一下目录，再看看评论。

这里给您推荐一本比较不错的书 《JavaScript 高级程序设计 (第3版) 》。

学习框架和类库

我强烈建议在了解框架或库之前，先学习 JavaScript 的所有基础知识和内在细节。

通常，开发人员在学习 React 或 Vue 时并不了解底层发生了什么，所以这些更应该被视为 JavaScript 之旅的第二步。

当您不能确定要选择什么框架学习的时候，不妨打开招聘网站，搜索一下各个企业需要的前端技术。

面试

您也可以尝试多去些企业面试，看看企业中的前端开发都需要您了解和掌握什么，然后再找到自己的不足。

总结

学习前端并不难，但要精通是一个漫长的过程。

首先您要找对学习方法，坚持不懈努力，自学过程中一定不要三天打鱼两天晒网，那会非常的耽误时间。

从简单的入手尝试写代码，不理解的话，可以在网上搜索一些相关答案，即便是照着写，也要做出一个完整的功能。但在这过程中，如果您确实不理解，可以暂时跳过，不要过于纠结。

当您根据教程做出一些小功能时，会很有成就感，这是对您自学极大的鼓励，可以增加自信心，然后慢慢找方法学习，培养兴趣。

至于找工作一定要相信自，不能认为自己是初学者就自卑，初学者不等于学不会、理解差。

文章中的图片来源于网络，若有侵权行为，请在后台与我联系。

原文链接

https://www.toutiao.com/i6841072930877604355/