英文 | https://betterprogramming.pub/5-tips-to-learn-frontend-effectively-7f17afec9004

翻译 | 小爱

学习前端很难，主要原因是这个领域发展迅速，很容易让人迷失在各种各样的框架、库和开发工具中。想要成长为前端开发人员，你必须专注于基本要素。

我从外行转到前端开发的过程中，有5个技巧对我有用，现在我也把它分享给你，希望对你也有所帮助。

1、制定计划

你需要知道自己的目标，成为一个最佳前端开发人员。要实现它，你必须制定一个计划。

如果你查看Twitter或工作职位，通常，你会看到将自己称为前端开发人员需要知道了解10到20件事，这样一个长长的列表，实在是太荒谬了。

你不需要知道所有，其实也一样可以找到工作。有时，即使是经验丰富的开发人员也不是所有都知道，都懂。

因此，Web前端开发建立在三个基础技能上：

• HTML

• CSS

• JavaScript

就是这三项，你可以使用这三项技能来构建几乎所有内容。如果你很好的掌握了它们，那么，找到一份前端开发的工作足够了。当然，你还需要了解一两个JavaScript框架，这样就更加好了。

认真的学习这三项基础技能。

不要一开始就是学习Vue.js，React，Angular等，最后，你再选择一个框架并坚持下去。

如何选择要学习的框架？我的个人建议是，选择你感兴趣的和就业市场需求大那个框架。如果有很多针对初级Angular开发人员的需求，那么，请学习Angular。如果其他框架需求大，请选择需求大的那个。如果不确定，那就选择一个自己感兴趣并且流行的框架，当然，你还可以选择React，总归，需要学习一个框架。

那工作要求中列出的其他技术又如何呢？你应该阅读一些有关它们的内容，但是，你几乎可以忽略它们。

学习Git的基础知识也很重要，但是，你可以在一两天内完成。样式化的组件，如果，你知道JavaScript和CSS，就可以快速掌握它们。模块捆绑器，你很可能会在职业生涯中长期使用入门包。

在开始时，你需要学习一些可以帮助你解决你工作中问题的知识。当有人开始为你的技能提供工作时，你可以学习更多知识并提高技能。

2、一次学习专注一件事

你知道该学什么了，接下来就是该采取行动了。

第一步是将你需要学习的所有内容分为可管理的知识部分。请牢记两个主要规则：

• 从简单开始。

• 一次专注于一件事。

开始真的很简单。仅使用HTML元素创建网站，完全不使用CSS。具有一个图像的简单页面或具有少量输入的页面。熟悉HTML及其在浏览器中的外观至关重要。

不要着急，不要添加CSS或JavaScript。比较你的网站在不同浏览器中的外观。你会为这些差异感到惊讶。

稍后，开始尝试CSS。同样，开始非常简单。以Google主页为例-没什么花样，没什么复杂。像这样创建网站并习惯CSS。然后在此基础上建立。

对CSS感到满意后，才开始学习JavaScript。

始终一次只迈出一步。忽略你将要采取的步骤以外的所有事情。随着时间的流逝，技术越来越熟练，请尝试构建越来越全面的网站。

3、建立学习习惯

人们通常想学习编码，但是，他们认为他们没有时间每天都这样做。他们每两个星期才用一个周末时间来学习，但是，你不能将学习时间花在工作日上。

这样看起来好像很合理。如果，你平均可以在两天内学习16个小时，那就像在16天内每天学习一小时一样。但这是不合理的。你的学习与平均水平无关。这取决于规律性。

想一想，你不能要求自己每周训练一次，就想成为专业运动员，这个是不可能的事情。那么，你如何每一周学习一次并成为软件开发人员呢？

在两次练习之间的日子里，你会忘记一切。而且，你无法连续数小时有效地学习。你会太累而无法从学习中受益。

学习数小时的编码很容易。每天学习编码是一个挑战。

为了克服日常的挣扎，你需要以明智的方式解决它。你必须养成编程习惯。你的目标是将学习从琐事转变为你刚刚要做的事情。即使每天只有15分钟的学习时间，也要这样做。这将会使你养成一个学习习惯，从而也会变得容易。

每天学习一个小时比每周学习七个小时效率更高。如果你在周末有更多的空闲时间，请使用它，把学习任务增加一下。但是请记住，规律性比每天尽可能多的时间挤压更为重要。

4、边干边学

我喜欢学习理论。计算机科学令人着迷，观看课程使我放松，编程博客很棒。

但是，有一个问题。

当你阅读或只是看着别人做某事时，你不会进步很多。你可能会花费数周的时间使用最好的资源，但仍然学不到任何东西。为什么？因为我们没有边做边学，没有把学习的知识付诸实践，理论知识就会迅速消失。

那你该怎么办？

通过实践学习，跳过理论，直接从事业务。

可能感觉太简单了，但事实并非如此。通过双手实线是最好的学习方法。

建立网站，建立应用程序，成功与否并不重要，重要的是寻找解决学习方案的方法。

为何通过实践学习如此有效？

一开始，你将不会知道自己是否喜欢学习这项新技能。在开始做之前，你无法确定。因此，不要浪费时间，尽快开始。

这项新技能是学习HTML，还是某种新颖的框架都没关系。你必须尝试一下，看看是否要这样做。如果学习能够给你带来快乐，并且你可以看到自己进步的进度，则表明你走了正确的道路。如果每项新任务都让人感到挣扎，那么，从长远来看，这可能不是你想要做的事情。

建立学习内容组合。

你可以观看数百小时的课程，但是到最后，你将无法证明自己学到了新技能。

对你未来的雇主而言，你建立编写了25个网站的内容，比你说你观看了25个小时的视频，或者说阅读了一百篇文章更令人印象深刻以及更加有说服力。

击败拖延症

你的头脑在欺骗你。它会假装你只是在观看视频，做饭和同时发短信时正在学习。拖延症是一个偷偷摸摸的野兽。

你可以通过做事来克服拖延症。观看有关编程语言最新功能的视频时，你常常会分心。但是要构建应用程序，你必须专注。

做让自己满意的事情

要坚持你的习惯，它们应该使你满意。在困难时期，这可以让你继续前进。还有比做可以向他人展示的事情更令人满意的事情吗？

5、信任学习过程

学习是失败的艺术，你会失败很多，你会灰心。有时候，你会觉得自己像地球上最愚蠢的人，永远不会学会编码。

假设你的期望过高而感到失望很正常的。我无法保护你免受失败的困扰，但是，我可以跟你分享一件，当我感觉自己失败时，我是怎么做的。

专注于过程，而不是结果。

结果超出了你的控制范围。你可以制定一个周计划，例如在一周内掌握JavaScript知识技能。但是，你可能会失败。

我们不善于预测未来，因为技能以及一门学科的复杂性，不是短时间内就可以轻松掌握的。

所以，失败也不用灰心，你需要通过专注于学习的过程，而不是学习的结果。

你一天可以学习一个小时的JavaScript。一周后，如果你还每天都坚持学习，那么你就成功了。你通过坚持学习，也许还会再过几天，你就会了。重要的是你做了自己想要做的事情。成功将会来临，你只需要信任该过程。

结论

以上就是我的一些学习编程的经验分享，希望我的这些分享对你有所帮助，如果你还有什么要补充的话，请在留言区给我留言。

感谢你的阅读。

学习更多技能

请点击下方公众号