Get best of the week

适用于Web开发人员的最佳GitHub存储库

程序员花费大量时间来开发某种功能，并确保代码符合特定环境中采用的最佳实践。该手表不应包括模板设计的常规写作。程序员可以极大地帮助自己进行正确的工作安排，从而避免不必要的事情，并可以花时间学习正确的工具。好的帮助也可以是有价值的资源的知识，对他们而言，列出有用的资源总是有用的。 该材料的作者是我们今天发布的翻译版本，提供了考虑几个GitHub存储库的信息，如果您有时查看它们，它们将使Web开发人员能够提高他们的知识和技能，将有助于编写更好的代码并帮助您更快地工作。





Node.js最佳实践



133个程序员 为Node.js最佳实践存储库做出了贡献，它在GitHub上拥有超过4万颗星。它几乎每天更新。这是一个很棒的资源，它使每个人都可以了解Node.js世界中正在发生的事情，同时可以学习最佳的实用开发方法。

该存储库不仅包含有关Node.js最有用的开发技术的信息，而且还提供有关Node.js与其他平台（例如Docker和Kubernetes）的集成的信息。现在有80多种“最佳实践”，样式指南和应用程序体系结构技巧。

以下是其中涵盖的一些开发领域：

  • 构建项目。
  • 处理错误。
  • 代码风格
  • 测试并确保高质量的代码。
  • 准备生产项目。

HTML5样板



HTML5 Boilerplate是一个专业的前端模板，用于创建快速，可靠和灵活的Web应用程序和站点。

该项目是多年迭代开发的结果，它已经从Web程序员社区中积累了大量知识。他没有向使用它的任何人强加特定的开发哲学，也没有规定使用某种框架。使用该项目，每个人都可以根据自己的需要设计代码。

以下是模板中提供的功能：

  • 支持Normalize.css。
  • CDN的JQuery支持。
  • Apache服务器设置。
  • 有用的帮助器CSS类。
  • 标准打印样式，性能优化机制等。

根据计划使用此模板的确切功能以及计划使用该模板的精确程度，可能有必要将其某些材料复制到您的项目中。使用此类材料意味着开发人员具有预先配置的基本模板。这加快了Web项目的开发。

真实世界



借助RealWorld 信息库，您可以毫无困难地掌握新框架的基本概念和意识形态。

通常，当学习新知识时，程序员会阅读文档，使用诸如CodePen之类的东西运行从实践中撕裂的示例，解析这些示例，然后收集它们，安装命令行工具...通常，这会花费大量的时间和精力。另外，由于程序员不能很好地掌握他要学习的工具的本质，这种情况可能会变得复杂。

所考虑的存储库允许您选择它支持客户端开发的任何技术（React，Angular 2等），任何服务器平台（例如Node.js和Django），以及将它们彼此集成，请参见一个真实的示例应用程序。

由于示例的实现使用了开发Web项目所需的全部技术，因此不可能完全组合其各个部分，但是尽管其中使用了各种技术，它们仍具有可比的功能和相似的UX规范。

以下是该存储库中一些流行的技术集成示例：

  • 角度+ ngrx + nx
  • ClojureScript +重新框架
  • React / MobX
  • 去+杜松子酒
  • NestJS + TypeORM / Prisma

这只是在RealWorld资源库中可以找到的一小部分。我想您将有兴趣探索它。

顺便说一下，不仅有为Web开发设计的示例。创建针对移动设备设计的项目的人可以在此处找到基于NativeScript的内容。

该信息库正在准备针对以下技术的示例：React Native，Jasonette，Swift，C＃和Xamarin，Kotlin / Android，Onymos，Quasar框架，Swift Perfect和Flutter。

你还不认识JS



您不知道JS Yet 资料库可在其中找到一系列有关基本JavaScript机制的深入研究的书。

所有书籍都是免费的，您可以在资源库中直接阅读。

推荐这些书的顺序如下：

  1. 开始使用。
  2. 范围和关闭。
  3. 对象和类。
  4. 类型和语法。
  5. 同步与异步。
  6. ES.Next及以后。

第1和第2本书已经可以阅读，第3-4本书还没有准备好。应该注意的是，这些书的第二版在此资料库中提供。而在这里，你可以找到六本书第一版。

Airbnb JavaScript样式指南



可在《Airbnb JavaScript样式指南》资源库中找到的《Airbnb JavaScript样式指南》是一份详尽且专业的文档。

详细检查了语言的基本机制之后，该手册可以帮助程序员理解该语言的内部机制。在这里，您可以找到有用的演示代码段。

以下是本指南中反映的一些热门主题：

  • 箭头功能。
  • 提高变量。
  • 处理类型和类型转换。
  • 专为ECMAScript 6+（ES 2015+）设计的样式。
  • 测试。
  • 性能。

故事书



在Storybook存储库中，您可以找到用于创建用户界面组件的同名开发环境的代码。此环境使您可以使用组件库，浏览处于各种状态的组件以及以交互方式开发和测试组件。

Storybook环境在应用程序外部运行。这使您可以独立地开发接口组件，从而可以提高组件的可重用性，提高其可测试性并提高开发速度。您可以非常快速地在Storybook中创建组件，而不必担心特定于特定应用程序的依赖性。

故事书包含一个命令行工具和代码示例，以快速学习此环境。

前端清单



在前端检查表存储库中，您可以找到项目在生产中发布之前应包含在项目中的完整清单，或者在项目被认为可以进行实际工作之前应进行的检查。

该存储库以Web开发客户端为目标。它解决了诸如生产率，安全性，SEO之类的问题。大多数项目都应满足该存储库中提出的要求。但是在某些条件下，其中某些要求可能无法满足。有些可能没有其他重要。建议可能包括阅读其他文档，使用各种工具，观看视频并解释一些难题。

摘要


感谢所有阅读这个地方的人。我在这里谈论的存储库远不是这种唯一的资源。我确信还有大量其他类似资源。但是我在这里共享的那些存储库给我带来了真正的好处。我希望它们也对您有用。

您觉得哪些存储库（适用于Web开发人员）有用？

More articles:


All Articles