进入 2020 年,您应该重点关注哪些前端开发人员技能?

2025-05-24

进入 2020 年,您应该重点关注哪些前端开发人员技能?

大家好,我是 Marc,Frontend Masters的 CEO 。我们非常高兴能够赞助dev.to 社区!😀

JavaScript 和前端工程

我们正处于地球上变化最快、发展最迅速、最活跃的社会之一。

JavaScript从 ES6 开始,每年都会有新版本发布,发展迅速。自 Node.js 诞生以来,许多公司都已采用 JavaScript 来运行其服务器和 API。随着工具、构建流程和框架的演变(其中最新的是 Web Assembly 和 React Hooks),前端 Web 开发也在不断变化和发展——看到我们都能构建出如此精彩的内容,真是令人兴奋不已!

...那么,2019 年我们应该重点学习哪些技能?

我将其分为三类:

  1. 立即开始编码
  2. 成为专业的前端开发人员
  3. 成为一名全面发展的工程师

1.立即开始编码

我会长话短说,因为在你旅程的早期,最重要的是建立积极的反馈循环——改变一些东西并尽快看到改变的效果!

入门:Scratch、HTML/CSS/JS 或 Python

我相信,使用什么语言或工具来入门并不重要!...无论是ScratchHTML、CSS 和 JavaScriptPython,还是让你进入编程的框架……最重要的是让反馈循环运转起来,并开始构建你的想法,对编程感到兴奋!

如果您认识某个刚开始编程的人,我们有一个完全免费、自定进度的训练营,您可以在其中构建网站和游戏等项目。

2. 成为专业的前端开发人员

掌握 JavaScript 基础知识

在 Frontend Masters,我们相信JavaScript和编程范式的深层核心基础是永恒的。努力学习作用域和闭包、原型系统和类型系统的核心机制,将在你的职业生涯中不断获得回报。

了解你的范式:函数式和面向对象编程

JavaScript 是一种“多范式”编程语言,因此学习面向对象和函数式编程范式将有助于你更上一层楼。面向对象编程是构建大型应用程序的常用方法。然后,将函数式编程的技能添加到你的工具箱中,例如使用 map、reduce、filter、纯函数和组合。

最终,您将需要了解何时使用函数式和面向对象范式的概念。

React 还是 Vue?

如果您想快速开始编写专业代码,最直接的方法就是深入研究ReactVue之类的框架,因为大多数工作都需要深入了解这些顶级框架之一。

如果我不提Angular 的话,很多人会不高兴,但我并不认为它是最好的入门框架。等你有一个足够大的项目,可以利用它“内置电池”的理念时,你就会明白了。

开发人员工具

掌握开发工具以学习调试代码和应用程​​序的性能也很重要。

TypeScript

越来越多的公司正在采用TypeScript来获得更好的开发人员体验。

CSS 网格和 Flexbox

CSS Grids 和 Flexbox对于布局可在任何设备上运行的现代、响应式网站都至关重要。

Webpack

Create React App 和 Parcel 等工具使入门变得越来越容易,但如果您想深入了解,请学习Webpack来创建自定义构建管道,以优化的方式交付您的代码。

3. 变得更加全面

设计技巧

拥有基本的设计技能可以使您成为一名更受欢迎、更全面的工程师。

Node.js 和全栈部署。

学习Node.js以及如何在 Node 中构建 API可以使您成为一名全栈工程师

更好的是,能够设置和部署自己的应用程序使您更加自给自足。

AWS目前是最受欢迎的大规模部署应用程序平台,但 Azure 正在获得发展动力。

SVG

SVG是最灵活且未被充分利用的图形格式之一。它非常灵活,可以无限扩展,从移动设备到广告牌。

测试

想要确保交付的代码不会出错吗?利用像 Jest 这样的热门测试运行器进行测试,可以大大防止部署失败。

Git

谁没丢过代码?好吧,如果你是git 大师,你就永远不会丢失代码,而且在代码合并时出现问题时也能快速恢复。每个人都喜欢团队里有真正精通 git 的人。

计算机科学

了解如何测量时间复杂度并使用正确的算法和数据结构可以带来更有效的解决方案和更好的工程思维。

无障碍设施

确保了解可访问性对于确保您的网站和网络应用程序向所有人开放非常重要,此外,您还可以帮助喜欢使用键盘导航的高级用户。

更新的技能

您认为开发人员在 2019 年应该学习哪些技能——我错过了什么?

文章来源:https://dev.to/frontendmasters/what-front-end-developer-skills-should-you-focus-on-learning-for-the-rest-of-2019-10c5
PREV
16 个前端项目(带设计)可帮助您提高编码技能
NEXT
10 个 ReactJS 编码挑战(💥编码面试准备💥)