(翻译)为Web开发者准备的Github最佳仓库

535 阅读5分钟

Cover image for Best GitHub Repos for Web Developers

为Web开发者准备的Github最佳仓库

在你的身边有一个学习资源清单📚是一件很好的事情

作为一个开发者,我们需要关注的是功能和最佳实践,而不是重复的写样板代码。消除无谓的努力,将我们的时间投向学习正确的工具,并且得到一些令人振奋的资源,这对我们有巨大帮助。

这篇文章,我们将介绍几个GitHub上的仓库,它们能够帮助你提高你的Web开发技能,并且帮助你写出更好的代码。

Node JS Best Practices Cover

Node.js最佳实践

这个项目会让你振奋,它能让你保证自己跟上Node技术的更新,并且学习到最佳实践。它目前有40K的stars和133位代码贡献者,这个仓库几乎每天都在更新。

这个仓库整理和管理着Node.js最佳实践的顶级内容,同时整合了其他工具,比如Docker,Kubernetes等。它目前有超过80个最佳实践,风格指南,以及小的技巧。

一些最佳实践包括:

  • 更好的组织你的项目
  • 错误处理实践
  • 代码风格实践
  • 测试和整体质量实践
  • 生产环境实践

仓库地址在这里

HTML5 Boilerplate Cover

HTML5模板

HTML5模板是一个专业的前端模板,它能够快速开发健壮、自适应的web应用和网站。

这个项目是多年迭代开发和社区智慧的产物,它没有强加特定的开发理念或框架,所以你可以自由地按照自己想要的方式构建代码。

它包括预定义的功能,比如:

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

你可能需要将复制粘贴该文件夹的内容到你的项目目录中,从而为你提供一个预先配置的启动器模板,以加快开发时间,这取决于你想怎么使用以及如何使用它,

仓库地址在这里

RealWorld Cover

RealWorld

掌握新框架的核心概念和理念是

从阅读文档📃,在代码页中运行一个精心设计的示例,分解示例应用程序并重新组装到本地安装它们的CLI,这是太多的工作,如果你没有得到正确的概念!同样令人沮丧。

RealWorld允许你使用任意的前端框架(React,Angular 2或者其他)和后端技术(Node, Django或者其他),将它们集成在一起,就可以看到应用程序的真实示例。

由于这些实现负责整个堆栈,它们显然不能混合和匹配,但它们仍然坚持相同的功能和UX规范。

一些流行的集成方案:

  • Angular + ngrx + nx
  • ClojureScript + re-frame
  • React / MobX
  • Go + Gin
  • NestJS + TypeORM/Prisma

你可以在原始仓库中找到更多,你可以任意的玩一下

不只是针对Web,更酷的是,它们也可以以NativeScript的形式用于移动设备。

React Native, Jasonette, Swift, Xamarin上的C#, Kotlin/Android, Onymos, Quasar framework, Swift Perfect以及Flutter仍然在开发中。

仓库地址在这里

You Don't Know JS Yet Cover

你依然不知道的JS

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

所有的书都是完全开源免费的,你可以在线阅读它们。

作者推荐这本书的阅读顺序是:

开始

作用域和闭包

对象和类(写作进行中)

类型和语法(写作进行中)

Sync& Async(写作进行中)

ES.Next & Beyond(写作进行中)

仓库地址在这里

Airbnb JavaScript Guide Cover

Airbnb的JavaScript指南

这是一本Airbnb撰写的及其严谨并且专业的指南。

这个指南将通过深入JavaScript的基本原理和代码片段来帮助你从内到外理解JavaScript。

本指南涉及的热门主题有以下这些:

  • 箭头函数
  • 提升
  • 类型转换和强制类型转化
  • ECMAScript 6+ (ES 2015+)
  • 测试
  • 性能

仓库地址在这里

Storybook Cover

Storybook

Storybook 📖是一个用于UI组件的开发环境。它允许你浏览组件库,观察各个组件的不同状态,交互式的开发以及测试组件。

Storybook在你的应用之外运行。这就允许你可以独立的开发UI组件,这能提升组件的重用性,可测试性,以及开发速度。你可以快速构建,而不必担心特定于应用程序的依赖关系。

它附带了一个CLI和一些代码示例,以便你熟悉Storybook。

仓库地址在这里

Front End Checklist Cover

前端检查清单

前端检查表是一个详尽的清单,列出了你在你的网站或HTML页面投入生产之前需要或需要测试的所有元素。

它是一个基于前端Web开发的库,更关注性能、安全、SEO等。前端检查清单中的所有项目对于大多数项目来说都是必需的,但是有些元素可以省略或者不是必需的。

它们包括:

📖: 注释 🛠: 在线工具/ 测试工具 📹:媒体或视频内容

仓库地址在这里

启发和资源

这篇文章受到了 Tech Sapien以及他那令人感叹的工作的启发,文章中引用的图片也是一样。

总结

感谢你能看到最后👨‍🏫。上面所有提到的仓库只是一部分,我相信一定还有大量其他令人惊叹的项目。而这些都是我发现很有帮助并且经常让自己沉迷其中的。👨🏻‍💻

不要忘记用🌟对这些仓库表示感谢,感谢所有那些付出努力,为我们所有人创建了这些可贵资源的了不起的贡献者们。谢谢。✌🏼

原文链接

Best GitHub Repos for Web Developers