初级 JavaScript 开发人员需要学习的 5 大技能

这只是 JavaScript®️

Jerod、Divya、Nick和我最近在JS Party#77的第二部分中讨论了 JavaScript 开发人员所需的技能。

这是 JavaScript 世界中的一个反复出现的主题，因为它的变化实在是太快了，很难知道该关注什么。

此次讨论的契机是最近一篇名为《框架游戏：2019 年 JavaScript 趋势》的研究分析文章。文章中，CVCompiler 团队分析了 300 份 JavaScript 开发人员的职位要求，并提取了其中最常见的术语。以下是他们发现的图表：

在对“Java”（职位规范撰写者会混淆 Java 和 JavaScript 吗？）等内容以及“OOP”和“设计模式”等通用术语的清单大笑之后，我们开始深入讨论应该关注哪些真正重要且有用的技能。

最终的信息太好以至于不能埋没在节目记录中，因此这里是：作为初级 JavaScript 开发人员需要重点学习的 5 项关键技能：

附言：对于每项技能，我都会链接到一些学习该技能的资源。其中一些链接是联盟链接，这意味着如果您决定购买我推荐的产品，我可能会获得佣金。如果您不希望我获得佣金，也没关系，只需在 Google 上搜索资源，而不是使用我的链接即可。🙂

1.掌握JavaScript的基础知识。

人们很容易被最新、最伟大的框架或一长串的术语所吸引，但正如 Divya 所说：

对于新手或刚开始学习技能的人来说，这真的让人不知所措。我和很多参加过训练营或刚从学校毕业的人聊过，他们问我“我应该专注于什么？”通常我的答案是“只要精通 JavaScript，或者任何你想做的事情……”因为我觉得各种框架都会变化。现在有很多框架；React 现在很流行，但谁知道五年后会发生什么呢？

资源

FreeCodeCamp 有一套非常棒的免费课程，从基础 JavaScript课程开始，然后逐步提高。
Eloquent JavaScript 是一本关于 JavaScript 的优秀书籍，可在线免费获取，也可从亚马逊购买印刷版
如果你更喜欢视频课程，我推荐Udemy 上的《2019 年 JavaScript 完整课程》。课程经常打折，价格会降到 12 美元左右。

2. 深入研究一个框架（可能是 React）

通过研究一系列公司的工程职业发展图表（感谢progress.fyi收集了大量此类图表），我们可以看到，在开发人员职业生涯的前 5 年左右，他们通常在特定专业领域内以越来越高的能力水平工作。

至于选择哪种框架……正如原博客文章所强调的以及 Jerod 所总结的，从工作的角度来看：

如果你只想选择一个并深入研究，那么 React 似乎是 2019 年你最好的选择。

资源

《React 手册》是 Freecodecamp 博客上对 React 的 80/20 介绍，旨在帮助您快速开始使用 React 提高工作效率。
全栈 React。既是博客，也是新闻通讯，包含深入的 React 文章
React 播客。如果你喜欢播客，Michael Chan（又名 Chantastic）主持的这个播客非常棒。
如果您正在寻找课程，那么《现代 React 与 Redux [2019 更新]》是我在开始使用 React 时参加的 React 课程，其中更新了新内容以处理最新和最强大的功能。

3. 寻找能够转化的宏观模式

2019 年前端开发的一大亮点在于，尽管框架种类繁多，但我们也开始看到一些跨框架的趋势。这对开发者来说是个好消息，因为这意味着，当你深入学习一个框架时，你仍然可以掌握一些技能，并在必要时将其应用于其他框架。

我在今年早些时候强调了其中的五个大趋势，但在本期节目中，我们重点讨论了两个关键趋势：

面向组件的开发。将事物视为一组可交互、即插即用的组件。React、Angular、Vue、Ember、Dojo、Mithril、Svelte 都是这样……这就是我们要走的方法。

同样，像声明式编码这样的事情……我们正在越来越多地转向组件的声明式范式，我们不再强制地去做我们思考的事情。“这个东西应该是什么样子”，然后让框架来决定如何以及何时去做。这是另一个只要你正在做这件事情的地方，这意味着你可能不会专注于 jQuery……但如果你正在使用 React，这些技能将再次得到转化。

资源

关于面向组件开发，Robin Wieruch最近发表了一些很棒的文章，包括一篇关于可重用组件的文章和一篇关于提升状态的文章
Kent C. Dodds 写了一篇关于高级 React 组件模式的精彩文章。
VueMastery 上的高级组件介绍了许多与组件相关的设计模式和技术。

4. 如果你负责后端，学习 Express

这项调查最引人注目的部分之一是，有多少后端技术被重点提及，包括 JavaScript 和非 JavaScript。如果你在 JavaScript 世界中使用 Node，那么似乎有一个明显的赢家。Nick：

似乎一切都源于 Express，至少就我所见而言是这样……

我目前正在使用一个名为 NestJS 的项目，它就像 Express 的 TypeScript 包装器，但它以一种好的方式使其更具 Angular（这是我对它的描述）。

资源

FreeCodeCamp 有一个免费课程，专注于Node 和 Express，作为其 Apis 和 Microservices 认证的一部分。
Just Express是一门 Udemy 课程，包含 16 小时的重点深入内容，完全专注于 Express。

5. 一两年后，开始关注数据流

我指导过的工程师们也经历过这种情况……处理数据管理（无论是在前端还是后端）是一开始比较难掌握的事情之一。在头一两年，你基本上可以避免它，或者只在单个组件的上下文中考虑数据，但最终你需要真正掌握数据。

我认为 Divya 说得最好：

我认为，尤其是因为它已经超越了仅仅处理小功能的范围，你必须考虑整体架构，以及它是否可扩展和可维护；这些都是你必须考虑的事情——数据如何流动，后端的架构是什么，它如何向前端提供数据，前端如何与后端联络，等等？仅仅理解这些就需要一些经验，并且要开发过不同的应用程序，尝试过各种方法……是的，通常来说，你的资历越高，人们期望你就越懂得如何去做，如何解决这些问题。