面向 Web 开发人员的最佳 GitHub Repos

Node.js 最佳实践

HTML5 样板

现实世界

你还不懂 JS

Airbnb JavaScript 指南

故事书

前端检查清单

灵感与资源

结论

身边有一份资源清单📚总是一件很棒的事情。

作为一名程序员，我们迫切需要专注于功能和最佳实践，而不是一遍又一遍地编写样板代码。减少不必要的工作，投入时间学习合适的工具或了解一些能够极大地帮助我们的优秀资源。

在本文中，我们将介绍一些 GitHub 存储库，它们可以极大地提高您的 Web 开发技能，还可以帮助您编写更好的代码。

Node.js 最佳实践

这个仓库是一个很棒的平台，可以让你随时了解 Node 世界的最新动态，并学习最佳实践。它拥有超过 4 万颗星和 133 位贡献者，几乎每天都会更新。

该存储库是对 Node.js 最佳实践的顶级内容的总结和整理，以及它与 Docker、Kubernetes 等其他工具的集成。它目前有超过 80 个最佳实践、样式指南和架构技巧。

一些常见的最佳实践包括：

• 更好地构建你的项目
• 错误处理实践
• 代码风格实践
• 测试和整体质量实践
• 进行生产实践等等。

在这里查看这个 repo

HTML5 样板

HTML5 Boilerplate 是一个专业的前端模板，用于构建快速、强大且适应性强的 Web 应用程序或网站。

该项目是多年迭代开发和社区知识积累的成果。它不强加特定的开发理念或框架，因此您可以自由地按照自己想要的方式构建代码。

它包括预定义的功能，例如 -

• 规范化.css
• jQuery 与 CDN
• Apache 服务器配置
• 有用的 CSS 辅助类
• 默认打印样式、性能优化等

根据您想要使用的内容和使用方式，您可能需要将该文件夹的内容复制并粘贴到您的项目目录中。这样，您便可以获得一个预先配置好的启动模板，从而加快您的开发时间。

在这里查看这个 repo

现实世界

掌握新框架的核心概念和思想不必要地令人沮丧。

从阅读文档📃，到在 Codepen 中运行一个设计好的示例，再拆解示例应用并重新组装，再到在本地安装 CLI，这实在是太费劲了，而且如果你连概念都搞不清楚的话！这同样令人沮丧。

RealWorld允许您选择任何前端（React、Angular 2 等）和任何后端（Node、Django 等）并将它们集成在一起以查看应用程序的真实示例。

由于这些实现负责整个堆栈，因此它们显然不能混合搭配，但它们仍然遵循相同的功能和 UX 规范。

一些流行的集成 -

• Angular + ngrx + nx
• ClojureScript + 重新框架
• React / MobX
• 围棋+杜松子酒
• NestJS + TypeORM/Prisma

您还可以在原始代码库中找到更多内容。祝您玩得开心！

不仅适用于 Web，更酷的是它们还可以以NativeScript的形式用于移动设备。

React Native、Jasonette、Swift、Xamarin 上的 C#、Kotlin/Android、Onymos、Quasar 框架、Swift Perfect 和 Flutter 仍在进行中。

在这里查看 repo

你还不懂 JS

这是一系列深入探讨 JavaScript 语言核心机制的书籍。

所有书籍均完全免费，您可以在存储库上在线阅读。

作者建议的阅读顺序是-

• 开始
• 范围和闭包
• 对象和类别（正在进行中）
• 类型和语法（正在进行中）
• 同步和异步（正在进行中）
• ES.Next 及未来（正在进行中）

在这里查看这个 repo

Airbnb JavaScript 指南

这是 Airbnb 提供的极其精确和专业的风格指南。

本指南将通过深入讲解基础知识以及代码片段来帮助您从内到外理解 JavaScript。

本风格指南涉及的一些热门主题包括：

• 箭头函数
• 提升
• 类型转换和强制转换
• ECMAScript 6+（ES 2015+）样式
• 测试
• 表现

在这里查看 repo

故事书

Storybook 📖 是一个 UI 组件开发环境。它允许你浏览组件库、查看每个组件的不同状态，并以交互方式开发和测试组件。

Storybook 运行于应用外部。这使得您可以独立开发 UI 组件，从而提高组件的复用性、可测试性和开发速度。您可以快速构建，无需担心特定于应用的依赖关系。

它附带一个 CLI 和一些代码示例，帮助您熟悉 Storybook。

在这里查看 repo

前端检查清单

前端检查表是您在将网站或 HTML 页面投入生产之前需要拥有或测试的所有元素的详尽列表。

它是一个基于前端 Web 开发的存储库，更加注重性能、安全性、SEO 等。前端清单中的所有项目对于大多数项目都是必需的，但有些元素可以省略或不是必需的。

它包含 -
📖：文档或文章
🛠：在线工具/测试工具
📹：媒体或视频内容

在这里查看这个 repo

灵感与资源

本文的灵感来自Tech Sapien及其所有出色的作品
🔥。代码库图片📷也取自 Tech Sapien。

结论

就到这里啦👨‍🏫，感谢大家看到这里。以上提到的所有代码库并非仅有的资源，我相信肯定还有很多其他很棒的项目。这些项目真的对我很有用，我经常会沉迷其中。👨🏻‍💻

别忘了给这些仓库点个星标🌟，感谢所有为我们贡献了这些精彩资源的杰出贡献者。祝大家平安！✌🏼