成为更优秀的 Web 开发者的 5 个项目

我是 Liviu，在Endtest担任解决方案架构师。

有时我们最终会处理同样无聊的组件。

现在是时候发挥创造力并构建 5 个出色的项目来重新发现我们热爱 Web 开发的原因了。

1. 使用 WebRTC 的视频聊天 Web 应用程序

您可能已经注意到，近年来出现了许多具有出色视频聊天和屏幕共享功能的应用程序：

Google Meet
Facebook Messenger
Zoom
Discord

他们都有一个共同点。

他们正在使用WebRTC。

WebRTC 可以轻松地为基于开放标准运行的应用程序添加实时通信功能。

它支持在对等点之间发送视频、语音和通用数据，允许开发人员构建语音和视频通信解决方案。

这是一个很棒的教程。

我还建议检查Github 上的WebRTC 示例。

如果您想快速为该 Web 应用程序构建自动化测试，则可以使用Endtest。

该平台甚至提供网络摄像头和麦克风的流媒体。

2. 使用 Stripe 进行安全结账

如果您想通过新的视频通话应用或其他产品获利，则必须构建 Checkout。

最简单的方法是使用Stripe。

您会在其文档部分找到大量详细信息和示例。

他们甚至提供了有关如何在上线之前测试 Stripe Checkout 的详细说明。

3. 使用 Gatsby 和 Netlify CMS 的博客

我很久以前就想尝试 Gatsby，这个教程让我非常兴奋。

你只需要一个 GitHub 帐户并安装 Gatsby CLI

4. 完整的 CI/CD 流水线

如今，每个人都在努力变得敏捷。

拥有自动化的 CI/CD 管道将帮助您更快、更自信地发布更新。

大多数组件可以通过 API 请求和 Webhook 通知在它们之间进行通信。

您只需花一天的时间就能弄清楚拼图中缺少哪些部分，并将所有组件连接起来。

5. 自动化跨浏览器测试

进行自动化测试来检查您的网站是否在 Safari 和 Internet Explorer 上运行是一种很好的做法。

这是 2020 年的浏览器市场份额：

该图表清楚地显示了为什么仅在 Chrome 和 Firefox 上进行测试是一个坏主意。

如果您打算使用 Cypress，那么您将会遇到麻烦，因为它不适用于 Safari、Internet Explorer 和移动浏览器。

一种选择是使用 Selenium，因为它可以与所有主流浏览器兼容。

一种现代的替代方法是使用像Endtest这样的平台，您可以在几分钟内设置测试并让它们在跨浏览器云网格上运行。

它还可以与任何 CI/CD 系统集成。

Red Bull、Lululemon 和 Netflix 等公司都在使用它。

正如您从我的个人资料中看到的，我确实在那里工作。