2020年十大Web开发趋势与技术

作者：加布里埃拉·皮罗内

Web 开发人员的工作环境瞬息万变。他们需要适应技术的变革，并紧跟周围环境的不断变化。但是，与其他任何行业一样，重要的是要关注最重要的趋势和技术，并避免那些尚未成熟的技术。因此，我决定整理一份 2020 年及以后将主导 Web 开发的十大趋势和技术清单。

1. 人工智能

据Gartner预测，人工智能 (AI) 市场规模将在 2022 年达到 3.9 万亿美元。许多企业正在将 AI 融入其数字化转型战略，而且这种趋势丝毫没有放缓的迹象。最近，TELUS Health 旗下的 Babylon推出了一款免费的医疗保健移动应用程序，用户可以使用该程序查看症状、咨询医生并访问自己的健康记录。这款应用程序由一支经验丰富的医生和科学家团队开发，它将人工智能 (AI) 技术与真实的面对面咨询相结合，超越了传统的在线健康建议模式。  

但是，我们也不能忘记那些已经运用人工智能多年并从中获益的品牌，例如星巴克。星巴克利用移动应用程序为顾客提供个性化体验，现在他们也正在利用这些数据来改善得来速服务体验。

在微软的这篇文章中，星巴克解释了他们如何利用移动应用程序的数据来改善得来速体验。“由于这项技术无法像移动应用程序用户那样获取得来速顾客的个人订单历史记录，它将根据门店交易记录和400多项其他门店层面的标准，生成相关的得来速推荐。这些推荐将主动显示在顾客可以点餐的数字菜单屏幕上。最终，顾客将能够明确选择接收更加个性化的推荐。”星巴克执行副总裁兼首席技术官Gerri Martin-Flickinger表示，并补充道：“我们正在利用机器学习和人工智能技术，了解并预测顾客的个人偏好，从而在他们所在的地方——无论是在店内、车里还是通过应用程序——满足他们的需求。” 2020年，您可以通过多种方式将人工智能应用于您的网络开发项目中。 

您可以利用人工智能来帮助您分析和了解网站访客的行为——Azure 平台上甚至提供了预置工具，例如微软的认知服务。然后，您可以根据收集和分析的数据来调整您的内容优先策略或其他任何新举措。

2. 编程语言

市面上有数百种计算机编程语言可供选择。不过，你无需全部学习。你可以重点学习一些主流语言。像C这样的老语言，如今有了Java和C# 等衍生语言，它们拥有更新的工具和特性，可以帮助你提高效率，更快地学习。

对于人工智能和机器学习应用以及 Web 开发而言，Python正在成为一种标准语言，并且由于它已经存在很长时间，因此拥有广泛的文档。

毫无疑问， JavaScript是前端开发的基石，也是全球使用最广泛的 Web 应用开发编程语言。事实上，95% 的网站都使用了 JavaScript 。你需要精通 JavaScript，这意味着你需要了解 NPM（Node 包管理器）或 Yarn。NPM 或 Yarn 让 JavaScript 开发者能够轻松地共享和重用代码，并方便地更新已共享的代码。  

此外，谷歌的Go 语言也持续发展壮大。Go 语言是谷歌支持的开源编程语言，没错，你甚至可以用它来构建网站！如果你还没试过，不妨了解一下。你也可以先运行一个Go Playground来进行测试。

3. 框架

JavaScript框架

学习一个新的框架，或者继续使用你认为最好的框架——这可能意味着 React 或 Vue。React 和 Vue 已经不再是“新”框架了，但围绕它们涌现出了大量新特性和方法，例如 React Hooks 和 TypeScript（一种结构化、面向对象的 JavaScript 形式）。   

您还应该了解一下基于 React 和 Vue 的静态网站生成或服务器端渲染框架：例如 React 的 Next.js 和 Vue 的 Nuxt。此外，还有一个全新的基于 React 的静态网站生成框架GatsbyJS ，它正在席卷 Web 开发领域。Agility CMS 是一款无头 CMS，最近发布了GatsbyJS的源代码插件，让您可以免费使用 Agility CMS 作为内容管理系统，快速搭建并运行网站。

CSS库和框架

不妨开始探索如何借助这些 CSS 库快速启动你的前端开发。从长远来看，这将对你大有裨益。Bulma 和 Tailwind 提供了丰富的布局和预定义组件，是加快前端设计流程的绝佳选择。

另外，不妨了解一下 Bootstrap——它是一个用于构建网站或 Web 应用的平台。对某些人来说，它可能有点复杂，但值得一试。熟悉它的工作原理很有帮助，因为许多现有的 Web 应用都是基于 Bootstrap 的。

Web 组件  

这是一项相对较新的技术，发展迅速，并有可能彻底改变我们对可重用 Web 技术的认知。Web Components 是一组 Web 平台 API，允许您创建新的自定义、可重用、封装的 HTML 标签，以便在网页和 Web 应用程序中使用。如果您熟悉使用 React 或 Angular 等库构建组件，那么 Web Components 的使用体验应该与之类似。

4. 静态网站托管（例如，对于 JAMstack 网站：Netlify）

Netlify和JAMstack是两种特殊的托管服务，它们在 Web 开发领域非常流行，而且在 2020 年似乎也不会放缓发展势头。

Netlify 是一家总部位于旧金山的网络托管基础设施和自动化技术公司。值得一提的是，JAMstack 最初是由 Netlify 的联合创始人 Mathias Biilmann 提出的。Netlify 提供价格实惠的下一代网络托管和自动化服务，同时也为 JAMstack 网站提供网络托管基础设施。

JAMstack 的诞生源于对网站速度（主要是性能）的需求。开发者们还发现，使用 JAMstack 进行开发也更加快捷，这无疑是一大优势。

5.数字化转型——从传统CMS转向无头CMS

如今，人们在做选择时，期望值比以往任何时候都高。数字化转型可能来得猝不及防，如果您没有做好准备，它可能会令人望而生畏。何必坐等转型到来？使用无头CMS，您可以获得比传统CMS更多的优势，尤其是在内容优先交付方面。无头CMS可以长期使用，并且可以通过各种设备与多个平台集成，构建定制内容。无头CMS正逐渐成为内容交付的主流方式。越来越多的企业正在摆脱传统CMS。

6. 适应性

你有没有在手机上浏览过一些界面不美观或者功能有问题的网站？嗯，我也遇到过。我通常会直接离开，再也不会访问。据Statista 统计，到 2022 年，全球移动数据流量预计将达到每月 77.5 艾字节，复合年增长率高达 46%。  

这就是为什么无头CMS对开发者来说简直是梦想成真。有了无头CMS，您的网站可以适应每一个数字触点，内容也能呈现美观的效果。开发者可以使用任何编程语言，结合他们喜爱的工具、框架和开发流程，继续构建网站或移动应用，同时还能完全掌控应用的生命周期，而无需干预任何CMS代码。

7. 单页应用程序 (SPA)

单页应用程序（SPA）是一种通过动态重写当前页面而非从服务器加载全新页面来与用户交互的Web应用程序或网站。这种方法可以避免用户在连续页面之间交互时受到干扰。SPA使用户免受繁琐的导航和冗长的菜单的困扰，并能适应任何设备。

8. 聊天机器人

人工智能和全渠道技术被应用于聊天机器人的创建。聊天机器人主要用于客户服务和流程自动化，尤其是在市场营销和数据分析领域。2020年，聊天机器人的需求将大幅增长。目前，我们可以迅速看到聊天机器人、虚拟助手（例如亚马逊的Alexa、微软的Cortana和苹果的Siri）以及语音信箱机器人如何帮助小型企业和大型企业提升社交互动体验并革新社交方式。通常情况下，聊天机器人会与真人进行交流，但也有消息称，一些正在开发中的应用可以让两个聊天机器人之间进行直接沟通。

这种演变使得全渠道能够利用所有这些数字触点构建数字化客户体验，并确保聊天、语音、消息和 Web 应用程序之间的一致性。您绝对应该在 2020 年的项目中集成聊天机器人和其他人工智能功能。

9. 渐进式 Web 应用程序 (PWA)

渐进式 Web 应用 (PWA) 开发简便，并能显著提升应用的整体用户体验。PWA 是一种外观和使用体验都与移动应用类似的网站。这意味着用户无需下载移动应用即可访问所有信息和功能。PWA 利用现代 Web 技术，直接在用户的浏览器中提供类似移动应用的体验。这类应用在开发领域正迅速发展，因为它支持离线使用，并且可以将内容同步到多个设备。

10. WebAssembly

WebAssembly（简称WASM）是一种小巧快速的二进制格式，能够为Web应用程序带来接近原生应用的性能。WebAssembly的设计初衷是成为任何语言的编译目标，JavaScript也是其中之一。尽管许多开发者认为WebAssembly试图取代JavaScript，但更重要的是，我们应该将WebAssembly视为JavaScript的最佳搭档。

开发者在编写客户端 Web 应用时会使用 WebAssembly，并利用它以自己选择的语言构建高速 Web 应用。一些典型的应用场景包括游戏、音乐、流媒体、视频编辑和 CAD 应用。它或许会成为下一代 JavaScript，也是 2020 年值得关注的技术之一。

结尾音符

我希望这篇文章能帮助大家了解2020年值得关注或继续关注的趋势和技术。如果您认为我遗漏了任何内容，请联系我们并留言！