开发人员技能树:成为“前端大手子”需要具备哪些素质?

开发 前端
如今的前端开发和十年前大相径庭,一切都在不断演变,JavaScript的三大框架React、Vue和Angular十年前才刚刚诞生。优秀前端开发者应具备的技巧也在与时俱进,前端开发者需要时刻保持最佳状态。

本文转载自公众号“读芯术”(ID:AI_Discovery)。

前端开发人员目前的需求量很大,但这并不代表公司录用的门槛就变低了,他们优中取优,只选择顶尖人才。

如今的前端开发和十年前大相径庭,一切都在不断演变,JavaScript的三大框架React、Vue和Angular十年前才刚刚诞生。优秀前端开发者应具备的技巧也在与时俱进,前端开发者需要时刻保持最佳状态。

[[346460]]

HTML,但不仅是基本的HTML

众所周知,充分理解HTML及其所有可能性是web开发的基础。必须熟悉HTML5,并且能够编写清晰的HTML代码。例如,不要创建不必要的包装元素(wrapping element),也不能在span中使用div。这些都是基础,但笔者经常看到这样的基本问题出错。

另一项有关HTML并日益受欢迎的技能是可访问性。什么是网页可访问性?具备可访问性的无障碍网页是指残疾人也可以充分使用的网页,这里的残疾人包括视力受损、失明或失聪的人群等。

对于想要创建人人可用的优质网页的企业和组织来说,可访问性是必须的。对于这些企业和组织来说,重要的是推出人人可用的产品和服务。可访问性的好处不仅在于改善了残疾人的网络体验,同时还可以提升所有用户的使用体验。

学习使用框架

显然,三大框架任何之一都值得学习。大多数前端开发工作都要求求职者至少曾使用过一种常用JavaScript框架。

学习React、Vue或Angular三者之一是不错的选择,这些都是热门技能。不过,笔者强烈推荐先大家学会JavaScript的基础知识,尝试一些只使用普通的JavaScript的项目。在理解JavaScript的工作方式并且完全清楚基本原理之后,再专注于学习三大JavaScript框架中的一种。

由此你将了解所使用的框架解决了哪些问题,并理解该框架为何采用某种方法。这种学习JavaScript的方法的唯一缺点就是更耗时。然而,从长远来看,这是有回报的,你将远远领先于那些抄近路的人。

不想学习React、Vue或Angular也无妨,因为还有很多其他框架可供学习。不过要记住,其他的框架远没有那么高的需求。

[[346461]]

图源:unsplash

样式风格

与十年前相比,网站的风格已经截然不同。过去,我们会用表单来创建一个网站。现在我们使用更先进的技术,例如flexboxes和网格布局(grids)。

对于前端开发人员来说,了解CSS的使用方法是一项基本技能。在每个浏览器中,样式表(stylesheets)的效果都应当保持一致——这可并非易事。

设计样式时并非只需要掌握CSS,Sass如今也很常见。Sass是一个CSS预处理器,它允许使用变量、数学运算、混合(mixin)、循环、函数、导入功能等等,这使得编写CSS变得简便,而且功能更加强大。此外,和CSS无甚亮点的语法相比,Sass的语法更为简洁而优雅。

有时只需要使用一个框架就能完成所有重任。这意味着你不再需要从零开始编写全部CSS。有了这些现成的功能,你可以用这些框架来创建一整个样式完美的网站。你如果曾接触过类似Bootstrap或Tailwind的框架,就领先其他开发人员更多了。

响应

用台式机浏览网页的日子已经一去不复返了,现在大多数人都在手机上浏览网页,确保应用程序支持所有尺寸的屏幕需要一些技巧。在用手机浏览网站时,没有谁希望看到页面上的关键部分消失在屏幕外的区域。无论如何,网站上都不该出现横向滚动条。

响应式网站能在各种用户设备上都提供最好的体验。除此之外,响应式网站的外观更统一。构造响应式网站需要使用媒体查询(media queries)。媒体查询不难掌握,你能很快适应。

创造力

前端工作者需要洞悉事务应有的运作机制。在开发某一功能时,有时会发现这个功能缺少某一处设计,或者不知道如何将其呈现在小尺寸屏幕上,此时就需要你发挥创造力。

但即使有了设计,你仍然需要创造力来将图形设计实现为可用的网页。但这并不是需要创造力的唯一原因。与所有软件一样,代码库中会悄然出现漏洞,修复这些漏洞是你工作的一部分,同样也需要创造力。

[[346462]]

图源:unsplash

搞懂如何测试工作成果

如果问一群开发人员他们最讨厌的工作是什么,大多数人的回答可能是测试。不过,尽管测试并不是招人喜欢,但每个开发人员都理解它的重要性。

你可以在这一领域一展拳脚,脱颖而出。会编写自动化测试不仅是锦上添花,所有开发团队都在尽可能地转向自动化,通过自动化测试,你可以快速获得关于代码更改的反馈。手动测试十分耗时,如果没有任何自动化测试,就需要重复进行手动测试。

Cypress是常用的自动化测试工具之一。Cypress是一个端到端测试框架,它有一些很棒的功能,其中一个就是回退(time traveling)。回退功能可以让你准确地看到测试过程中每一步都发生了什么,这使得调试变得更简便且深入。

Cypress可以用来测试应用程序的任务流。同时,你可能希望在工具库内添加更多的测试。另一个流行的测试工具是Jest,Jest允许你为所创建的组件编写单元测试和快照测试。这使你能够测试应用程序的更多独立运作部分,而不是测试应用程序的不同部分如何协同工作。

版本控制

任何项目都必须具备版本控制。版本控制使你能持续管理、追踪并控制文件的变更,它是确保代码库的质量和完整性的必要工具。你应该了解如何将刚完成的新功能推送到另一个分支,并且熟悉基本的版本控制操作,比如push、pull和commit。

解决合并(merge)过程中的冲突(conflicts)问题以及处理拣选(cherry-picking)对你来说应该并非难事,这些是开发人员的基本技能。Git是最常用的版本控制系统,也可选择Mercurial和SVN。

终端(Terminal)

 

[[346463]]

 

 

图源:unsplash

 

精通各种终端的操作并能熟练地键入命令,这的确是一项被低估的技能。每个开发人员都在不断提升自己、提高效率,熟悉各种终端操作有益于提升工作速度。与其用鼠标在图形用户界面(GUI)上点来点去,不如直接在终端内进行操作——效果相同,但更快捷。

掌握mkdir、chmod和chown等基本命令能大大简化前端开发者的工作。如果你在DevOps(软件开发与IT运维)团队工作,那么可能会涉及到一些运维任务,这需要更新SSL证书或安装安全补丁。这些操作都是在终端内完成的。

这些技能你掌握了多少?努力点亮属于“前端大佬”的技能树吧!

 

责任编辑:赵宁宁 来源: 读芯术
相关推荐

2022-03-05 23:09:52

开发软件工程师前端

2023-03-15 07:12:53

企业开发人员提供商

2020-12-19 10:47:47

软件开发技能代码

2009-04-07 10:55:16

开发技能职场

2022-11-28 11:42:08

ReactJS开发Web 应用程序

2019-11-27 18:54:07

物联网数字孪生机器学习

2021-12-10 23:48:19

Java开发技术

2015-08-07 10:32:48

运维

2021-03-24 15:15:34

数据工程师开发工具

2020-11-29 17:00:59

开发计算机工具

2012-05-29 10:41:27

架构师

2019-02-28 06:14:18

物联网物联网开发IOT

2022-02-17 16:05:58

SQL开发招聘

2009-06-22 09:13:55

测试开发人员

2009-03-06 13:47:07

开发人员SOA

2022-07-15 15:22:51

区块链开发语言

2017-08-18 18:35:11

前端开发网站设计开源项目

2021-01-22 15:23:12

程序员开发代码

2011-06-28 08:41:09

架构师

2020-06-09 07:57:47

前端开发代码
点赞
收藏

51CTO技术栈公众号