前端大牛：2020年给前端开发工程师的10个学习建议

毫无疑问，前端开发将成为2020年技术领域最热门的学科之一。

之前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来建立交互式网站，就足够了。可是今天，他们面临着普遍且不断变化的开发技能生态系统；掌握的工具，库和框架；而且须要不断投资于我的教育。

最近几年，咱们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和Svelte。

在这里小编建了一个前端学习交流扣扣群：132667127，我本身整理的最新的前端资料和高级开发教程，若是有想须要的，能够加群一块儿学习交流

本文web前端的小编为你们提供一些指导，指导您在2020年做为前端开发人员来提高技术水平，不管您是刚开始编程仍是已经有必定的经验，下面和小编一块儿来看看吧！

1.框架

2020年，咱们可能会看到Facebook的ReactJS与社区驱动的VueJS之间的对决。目前，React在GitHub上拥有140,000星，而Vue则拥有153,000星。例如，Angular只有53,000个恒星。

在2019年，React（蓝线），Vue（红线），Angular（黄线）和Svelte（绿线）的搜索量支持此假设-Vue略高于React。Angular在搜索量方面没法跟上，Svelte在此比较中绝对不起做用。

所以，对于2020年，使用或但愿使用JavaScript框架的前端开发人员应将React和Vue做为他们的主要选择。若是您正在处理大型企业项目，则Angular是有效的选择。

2.静态网站生成器

静态站点生成器结合了服务器端渲染的功能（对于SEO很是重要，并且还具备初始加载时间）和单页应用程序。

现在，许多项目即便不须要服务器端渲染也选择了SSG，由于Next或Nuxt之类的解决方案具备便捷的功能，例如模块捆绑器，集成测试运行器等。

若是您认真对待前端开发，则应仔细研究如下项目，并尝试得到一些实践经验：

· Next（基于React）

· Nuxt（基于Vue）

· Gatsby（基于React）

· Gridsome（基于Vue）

3. JAMstack

术语JAMstack表明JavaScript（在客户端上运行-例如，React，Vue或VanillaJS），API（服务器端进程经过JavaScript经过HTTPS抽象并访问）和标记（在部署时预先构建的模板标记）。。

这是一种构建网站和应用程序以提升性能的方法-下降扩展成本，提供更高的安全性并提供更好的开发人员体验。

尽管这些术语自己并非什么新鲜事物，但它们的共同点是相同的-它们并不依赖于Web服务器。所以，依赖于Ruby或Node.js后端或使用服务器端CMS（例如Drupal或WordPress）构建的网站的单片应用程序不是使用JAMstack构建的。

若是要使用JAMstack，有一些最佳实践：

整个项目都在CDN上提供服务

因为不须要服务器，所以整个项目均可以经过CDN进行服务，从而释放出无与伦比的速度和性能。

一切都存在于在Git中

每一个人都应该可以从Git存储库克隆整个项目，而无需数据库或复杂的设置。

自动化构建

您能够完美地自动构建，由于全部标记都是预先构建的，例如使用webhooks或云服务。

原子部署

为了经过在大型项目中从新部署数百或数千个文件来避免出现不一致的状态，原子部署将等待全部文件上传，而后再进行更改。

即时缓存失效

当站点上线时，必须确保CDN能够处理即时缓存清除，以使更改可见。

像Netlify或Zeit这样的著名主机都支持JAMstack应用程序，大公司使用它们为用户提供出色的体验。

4. PWA

渐进式Web应用程序（PWA）无疑将在2020年成为现实。愈来愈多的公司选择PWA取代本机应用程序，以便为用户提供丰富的移动体验。

PWA可靠（即时加载，无需链接互联网便可工做），快速（流畅的动画，对用户交互的快速响应）和吸引人的体验（本机应用程序的感受，出色的用户体验）。

他们利用服务人员提供脱机功能，并利用Web应用清单文件提供全屏体验。

构建渐进式Web应用程序的缘由有：

· 能够从浏览器添加到用户的主屏幕

· 即便没有互联网也能正常工做

· 支持网络推送通知以加强用户参与度

· 利用Google的Lighthouse功能

5. GraphQL

GraphQL是当前最热门的主题之一，而且绝对是您在2020年须要学习或改进的东西。

尽管REST经过提供无状态服务器之类的出色概念一直被认为是设计Web API的事实上的标准，但在跟上快速变化的客户端访问RESTful API时，RESTful API却愈来愈不灵活。

GraphQL由Facebook开发，旨在解决开发人员在处理Restful API时面临的确切问题。

使用REST API，开发人员能够经过从具备特定目的的多个端点（例如/ users / 端点或/ tours / / location端点）中获取数据来收集数据。

使用GraphQL，这将以不一样的方式工做。开发人员会将查询与他们的数据要求一块儿发送到GraphQL服务器。而后，服务器将返回带有全部相应数据的JSON对象。

使用GraphQL的另外一个好处是它使用了强类型系统。GraphQL服务器上的全部内容都是使用GraphQL模式定义语言（SDL）经过模式定义的。建立架构后，前端开发人员和后端开发人员均可以彼此独立地工做，由于他们知道已定义的数据结构。

6.代码编辑器/ IDE

与2019年同样，微软的VS Code将在2020年成为大多数前端工程师的第一编辑器。

它提供几乎相似于IDE的功能，例如代码自动完成和语法高亮显示，而且能够经过其扩展市场进行几乎无限的扩展。

特别是市场使VS Code如此出色。如下是您做为前端开发人员的一些出色扩展：

· JavaScript（ES6）代码段

· npm

· beautify

· CSS速览

· ESLint

· Live Sass编译器

· Chrome调试器

这些是很酷的例子。在VS Code中还有不少能够发现的地方，所以，若是您还没有使用它，我建议您尝试一下。

7.测试

未经测试的代码不该找到它的生产方式。

在您的我的项目中彷佛没有任何测试彷佛很方便，但在商业和企业环境中工做时必须进行测试。所以，对于任何开发人员而言，最好尽量将测试集成到开发工做流程中。

能够区分如下测试用例：

单元测试

隔离测试单个组件或功能。

整合测试

测试组件之间的交互。

端到端测试

在浏览器中测试功能完善的用户流。

有更多测试方法，例如手动测试，快照测试等。若是您想升任高级开发人员职位或打算在拥有某些开发标准的大型公司工做，则应尝试进行测试 技能。

8.干净的代码

可以编写干净的代码是一项很棒的技能，许多组织都对此提出了很高的要求。若是您想从开发人员的位置升级为高级开发人员的位置，则应真正学习干净代码的概念。

简洁的代码应优雅且易于阅读。它应该重点突出，您应该注意这一点。全部测试均以纯净代码运行。它们不该包含重复项，应尽可能减小使用实体（例如类，方法和函数）。

干净代码开发人员应作的一些事情是：

· 为变量，类，方法和函数建立有意义的名称

· 函数应该很小而且参数应尽量少

· 根本不须要注释-代码应该说明一切

若是您想了解有关干净代码检查的更多信息，请阅读Robert C. Martin的书籍和帖子。

9. Git

毫无疑问，Git是当今Web开发中版本控制的标准。对于每一个前端工程师而言，了解基本的Git概念和工做流程以在各类规模的团队中有效工做都是很是重要的。

这是您应该知道的一些流行的Git命令：

git config

git init

git clone

git status

git add

git commit

git push

git pull

git branch

知道这些命令能够提升工做效率老是很高兴的，可是前端工程师还应该学习Git的基本概念。

10.软技能

对于开发人员来讲，常常被忽视但确实很是重要的是得到软技能。

虽然有助于了解事物的技术方面，但了解如何在团队中进行交流也一样重要。若是您对技术职业很认真，而且/或者打算升任高级职位，则应该从事如下软技能方面的工做：

同情

沟通

团队合做

平易近人和乐于助人

忍耐

开放的思想

解决问题

责任心

创造力

时间管理

永远记住：开发人员最重要的交付物是高级开发人员。（提高你本身）

结论

在本文中，web前端的小编向您展现了前端开发人员应在2020年尝试学习，改进或掌握的10项重要内容。

这份清单并非要完整，但但愿它能给您明年的灵感-选择全由您决定！