WEB程序员笔记

一个前端开发工程师的个人博客

每个Web开发人员都可以使用的9个热门GitHub存储库

GitHub是当今与(web)开发相关的一切的一站式商店。各种框架,演示和集合-在GitHub上可能找不到所有内容。但是,大量的东西是问题所在。您可能永远不会听说有很多很棒的事情,仅仅是因为有太多可用的存储库。

因此,我再次决定带给您一些您应该了解的最受欢迎的GitHub存储库,每个存储库至少有30,000星。


真实世界

《每个Web开发人员都可以使用的9个热门GitHub存储库》
此列表中的第一个存储库是Realworld。其创建者称其为“所有演示应用程序之母”。可以肯定地说,这是一个大胆的说法,但我不认为这是夸大其词。

真实世界是示例性的Medium.com克隆。但不仅如此。该存储库使您可以在不同的前端和后端实现之间进行选择,可以将它们混合在一起。
Vue.js + Node / Express还是React / Redux + Rust?他们知道了!

Realworld向您展示了如何在几乎任何流行的语言或框架上构建完全相同的博客应用程序。那有多棒?


你还不懂JS

《每个Web开发人员都可以使用的9个热门GitHub存储库》
存储库是凯尔·辛普森(Kyle Simpson)的一本热门书籍系列,他的别名为Getify,因此广为人知。这些书深入探讨了JavaScript的原理,并涉及以下主题:

  • 开始使用
  • 范围和关闭
  • 对象和类
  • 类型和语法
  • 同步与异步
  • ES.Next及以后

最好的东西?完全免费阅读!这绝对是关于JavaScript的最佳系列之一,它确实帮助我了解了JS的真正含义。即使您认为自己精通JavaScript,也请阅读书籍!我保证,您会感到惊讶。


Airbnb JavaScript样式指南

一种最合理的JavaScript方法。

制作的Airbnb的JavaScript风格指南是目前最流行和常用的风格指南之一在那里。它可以帮助您编写更好的JS代码,特别适合团队合作以及与ESLint结合使用。

这是文档中有关使用const而不是var的示例:
《每个Web开发人员都可以使用的9个热门GitHub存储库》


故事书

《每个Web开发人员都可以使用的9个热门GitHub存储库》
故事书是UI组件的开发环境。它使您可以浏览组件库,查看每个组件的不同状态以及以交互方式开发和测试组件。它支持React,Vue,Angular,React Native,Ember,Web Components等!

Storybook在您的应用程序外部运行。这使您可以独立开发UI组件,从而可以提高组件重用性,可测试性和开发速度。您可以快速构建,而不必担心特定于应用程序的依赖性。
您可以在这里找到一些很好的例子。


HTML5样板

HTML5 Boilerplate是专业人士,并且是网络上最流行的前端模板之一。它可以帮助您构建快速,健壮且适应性强的网站或应用。像Microsoft,NASA和Nike这样的公司都在使用它。

以下是一些关键功能:

  • HTML5准备好了。
  • 设计时考虑到逐步增强。
  • 包括:Normalize.css,jQuery和Modernizer
  • 用于提高网站性能和安全性的配置。
  • 占位符CSS媒体查询。
  • 默认打印样式,性能优化。
  • Google Universal Analytics代码段的优化版本。

Node.js最佳实践

《每个Web开发人员都可以使用的9个热门GitHub存储库》
存储库是有关Node.js开发的各种最佳实践的全面集合。它目前包含80多种最佳实践,样式指南和体系结构提示。

您可以找到有关以下信息:

  • 项目结构实践
  • 错误处理实践
  • 代码风格实践
  • 测试和整体质量实践
  • 进行生产实践
  • 安全实务
  • 绩效实践

这绝对是一个很好的仓库和信息源。如果您正在开发Node.js,请检查一下!


前端清单

《每个Web开发人员都可以使用的9个热门GitHub存储库》
您是否曾经问过自己,在启动Web应用程序之前需要具备什么或进行测试?您已经了解了前端清单存储库

列出的许多项目对于大多数项目都是必需的,其组织方式如下:

  • 的HTML
  • 网络字体
  • 的CSS
  • 图片
  • 的JavaScript
  • 安全
  • 性能
  • 辅助功能
  • 搜索引擎优化
  • 翻译

这是Apple Web App MetaData的示例:
《每个Web开发人员都可以使用的9个热门GitHub存储库》


NW.js

《每个Web开发人员都可以使用的9个热门GitHub存储库》
NW.js是基于Chromium和node.js的应用程序运行时。您可以使用NW.js用HTML和JavaScript编写本机应用程序。它还使您可以直接从DOM调用Node.js模块,并启用一种使用所有Web技术编写本机应用程序的新方式。

以下是一些关键功能:

  • 用现代HTML5,CSS3,JS和WebGL编写的应用程序。
  • 完全支持Node.js API及其所有第三方模块。
  • 良好的性能:Node和WebKit在同一线程中运行。
  • 易于打包和分发应用程序。
  • 在Linux,Mac OS X和Windows上可用。

fullPage.js

《每个Web开发人员都可以使用的9个热门GitHub存储库》
Alvaro Trigo编写的fullPage.js是一个简单易用的库,可让您创建SPA(单页应用程序)和横向滑块。它适用于Vue,React和Angular,并且对移动设备具有完全的响应能力。

您可以在这里找到一些很好的例子。

该库可在开放源代码项目中免费使用。但是,如果要在商业环境中使用它,则必须购买许可证。
看起来真的很酷,请查看!


我希望您可以将其中一些存储库用于项目或其他目的。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注