希望让您作为前台开发人员的职业生涯走向何方？也许你有点卡住或者沮丧？那么这篇文章适合你。

几个星期前，我的一位朋友联络了我，他刚开始作为前台开发人员的职业生涯。

当旅程的开始令人沮丧时，这是非常典型的，并且没有比已经去过那里的人的建议更好的了。

我从未仔细考虑过这个问题，但我为他快速制定了少量东西。但后来我决定详细说明并与更多观众分享。

没有捷径

问题是，没有简单的配方。假如有，我想这听起来像是 “练习，练习，练习”。

你必需花费大量时间在你的手艺上，这不是秘密。我真的很吝啬。

假如你的职业生涯开始并且有幸找到工作，你必需回到家里从事辅助项目。假如您是学生，您必需在放学后回来，参加辅助项目，观看课程和阅读好书。

通过我的职业生涯中，我意识到，这是要我的经验贡献了侧项目最。

这就是你必需要完成的工作。在工作中，您有很多限制 - 现有的代码库，体系结构，一组库和框架，团队规则等。

它并不总是一个教育环境。你必需处理业务目标，而不仅仅是自我教育。这两件事很少同时进行。

因而，在精神上做好充分的准备，并在IDE打开的情况下渡过晚上，而不是在Netflix上看你最喜欢的系列或者外出（虽然，这也是非常重要的事情）。

JavaScript基金会

JavaScript是Web 的汇编语言。假如没有正确了解语言，你就无法在前台世界中做任何事情。

好消息是，你不必成为Douglas Crockford成为一名成功的开发者。我会告诉你什么，我已经花了很长时间在这个专业，但语言的细节后来打开了我。假如你不理解语言的深度，这是完全正常的。它会来。

但是，有一个基本的部分，你必需非常舒服：

• 数据类型。
• 算术运算。
• 布尔和条件运算符。
• 了解OOP范式（原型继承）。
• 了解功能范式（函子，应用程序，不变性）。

我还建议你开始学习Node.js.

所有前台的现代工具都需要Node.js. 与解决浏览器相比，开发简单的应用程序并从命令行运行它们更方便。

浏览器和DOM

除此之外，您应该能够了解浏览器的工作方式，特别是了解DOM的概念。

• DOM如何运作以及它的基本组件。
• 事件，事件传播和解决程序。
• DOM API，窗口对象。
• DOM选择器。

在这里，您应该能够通过监听控件和执行简单的DOM操作（例如设置值，类和属性）来编写简单，纯粹的JavaScript应用程序。

UI开发

在我的职业生涯中，我来自后台和桌面应用程序UI背景，乍一看，HTML和CSS似乎很容易。它甚至不是真正的编程语言，只是一组公告，对吧？并不是的。

即便你的目标不是成为一名设计师，你也应该培养出有用的技能和对良好设计的品味。因而，最好的办法就是窃取很酷的想法。

不开玩笑，只要拿起你最喜欢的网站并尝试复制它。记住，着名的家伙说 - “Un artista copia，un gran artista roba”（好艺术家副本，伟大艺术家偷）。

用HTML和CSS弄脏你的手。

精通创立，简单和美观的界面。找到一个将PSD或者Sketch转换为HTML / CSS的自由职业。你将取得非常重要的技能。

用户/服务器通信

浏览器应用程序不是孤立存在的。他们的确与服务器通信以获取数据并推送数据。

不要太疯狂，你将从理解以下事情中获益匪浅：

• HTTP协议的基础知识。
• REST的概念（HTTP动词和资源）。
• 可选：GraphQL的概念以及它与REST的区别。

有很多开放的API，你可以做很酷的东西。选择一个并构建一个简单的应用程序。

我记得我做过的一个项目是alexbeletsky / github-commits-widget。一个简单的应用程序，它连接到GitHub API并为项目创立一个贡献小部件。我玩得很开心。

发展框架

只有在前三个部分（可能需要一年或者更长时间）之后，我建议你看看少量UI开发框架。

JS生态系统以创造“疲劳”而闻名 。 工具很复杂，配置混乱; 不要以React或者Angular开头，由于你听说它们很酷。

可能是当你对JS / HTML / CSS感到满意的时候，这些东西已经死了（前台开发框架有生存3 - 5年的趋势，而后完全被竞争对手超越......不要打扰那场比赛）。

但是，现在，我建议你专注于React.js。生态系统是稳固的，有数百万个教程，开源项目和聚会。你不会想要信息，这是一定的。

您将希望对 任何前台框架充满信心，由于所有这些框架都旨在简化复杂的事情或者使事情更具性能。开发的基础，例如DOM操作和HTML / CSS，或者多或者少会保持不变。

即便框架可以封装任何特定的细节，你也会有足够的信心去了解那里的实际情况。