江苏龙网

  1. 首页 > 资讯 > 科技 > >

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


全文共2889字 ， 预计学习时长8分钟

|开发人员技能树：成为“前端大手子”需要具备哪些素质？
本文插图

图源：unsplash
前端开发人员目前的需求量很大 ， 但这并不代表公司录用的门槛就变低了 ， 他们优中取优 ， 只选择顶尖人才 。
如今的前端开发和十年前大相径庭 ， 一切都在不断演变 ， JavaScript的三大框架React、Vue和Angular十年前才刚刚诞生 。 优秀前端开发者应具备的技巧也在与时俱进 ， 前端开发者需要时刻保持最佳状态 。
HTML ， 但不仅是基本的HTML
众所周知 ， 充分理解HTML及其所有可能性是web开发的基础 。 必须熟悉HTML5 ， 并且能够编写清晰的HTML代码 。 例如 ， 不要创建不必要的包装元素（wrapping element） ， 也不能在span中使用div 。 这些都是基础 ， 但笔者经常看到这样的基本问题出错 。
另一项有关HTML并日益受欢迎的技能是可访问性 。 什么是网页可访问性？具备可访问性的无障碍网页是指残疾人也可以充分使用的网页 ， 这里的残疾人包括视力受损、失明或失聪的人群等 。
对于想要创建人人可用的优质网页的企业和组织来说 ， 可访问性是必须的 。 对于这些企业和组织来说 ， 重要的是推出人人可用的产品和服务 。 可访问性的好处不仅在于改善了残疾人的网络体验 ， 同时还可以提升所有用户的使用体验 。
学习使用框架
显然 ， 三大框架任何之一都值得学习 。 大多数前端开发工作都要求求职者至少曾使用过一种常用JavaScript框架 。
学习React、Vue或Angular三者之一是不错的选择 ， 这些都是热门技能 。 不过 ， 笔者强烈推荐先大家学会JavaScript的基础知识 ， 尝试一些只使用普通的JavaScript的项目 。 在理解JavaScript的工作方式并且完全清楚基本原理之后 ， 再专注于学习三大JavaScript框架中的一种 。
由此你将了解所使用的框架解决了哪些问题 ， 并理解该框架为何采用某种方法 。 这种学习JavaScript的方法的唯一缺点就是更耗时 。 然而 ， 从长远来看 ， 这是有回报的 ， 你将远远领先于那些抄近路的人 。
不想学习React、Vue或Angular也无妨 ， 因为还有很多其他框架可供学习 。 不过要记住 ， 其他的框架远没有那么高的需求 。
|开发人员技能树：成为“前端大手子”需要具备哪些素质？
本文插图

图源：unsplash
样式风格
与十年前相比 ， 网站的风格已经截然不同 。 过去 ， 我们会用表单来创建一个网站 。 现在我们使用更先进的技术 ， 例如flexboxes和网格布局（grids） 。
对于前端开发人员来说 ， 了解CSS的使用方法是一项基本技能 。 在每个浏览器中 ， 样式表（stylesheets）的效果都应当保持一致——这可并非易事 。
设计样式时并非只需要掌握CSS ， Sass如今也很常见 。 Sass是一个CSS预处理器 ， 它允许使用变量、数学运算、混合（mixin）、循环、函数、导入功能等等 ， 这使得编写CSS变得简便 ， 而且功能更加强大 。 此外 ， 和CSS无甚亮点的语法相比 ， Sass的语法更为简洁而优雅 。
有时只需要使用一个框架就能完成所有重任 。 这意味着你不再需要从零开始编写全部CSS 。 有了这些现成的功能 ， 你可以用这些框架来创建一整个样式完美的网站 。 你如果曾接触过类似Bootstrap或Tailwind的框架 ， 就领先其他开发人员更多了 。
响应
用台式机浏览网页的日子已经一去不复返了 ， 现在大多数人都在手机上浏览网页 ， 确保应用程序支持所有尺寸的屏幕需要一些技巧 。 在用手机浏览网站时 ， 没有谁希望看到页面上的关键部分消失在屏幕外的区域 。 无论如何 ， 网站上都不该出现横向滚动条 。
响应式网站能在各种用户设备上都提供最好的体验 。 除此之外 ， 响应式网站的外观更统一 。 构造响应式网站需要使用媒体查询（media queries） 。 媒体查询不难掌握 ， 你能很快适应 。


推荐阅读


上一篇：|佳能多用途相机“ML-100”和“ML-105”认证登记

下一篇：果粉俱乐部|这款 iPhone 12 最不值得买，那些苹果没说的细节