hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 开发工具 - 正文 君子好学,自强不息!

分享一些值得前端开发者收藏的 GitHub 库_编程开发工具

2020-06-19开发工具ki4网11°c
A+ A-

15个你可能还不了解的 Git 命令_编程开发工具

Git 有时可能会令人生畏。因为有太多的命令和细节需要学习。不过虽然文档的内容很多,但阅读起来还是很轻松的。一旦你克服了最初不堪重负的感觉,就会感觉到有明显进展。

手头有大量的资源,总是一件很棒的事。

作为一个码农,我们需要专注于功能和最佳实践,而不是一遍遍地编写样板代码。消除无用功,投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助我们节省时间。

通过本篇文章,我们将会了解一些能够极大的帮助我们提升 WEB 开发技能的 GitHub 库,这些库也会帮助你编写更好的代码。

Node.js Best Practices

这个库是一个很棒的地方,可以让你随时了解 Node 世界,并在使用时了解最佳实践。拥有 40k Star 和 133 位贡献者,这个库几乎每天都有更新。

该库对排名较高 Node.js 的最佳实践进行了总结和整理,包括 Node.js + Docker 最佳实践。目前拥有超过80多种最佳实践,风格指南和结构建议等。

一些常见的最佳做法包括:
  • 更好地组织项目
  • 错误处理实践
  • 代码风格实践
  • 测试和整体质量实践
  • 进行生产实践等等

点击跳转到仓库

HTML5 Boilerplate

HTML5 Boilerplate 是一个专业的前端模板,用于构建快速、健壮和适应性强的 Web 应用程序或者网站。

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

包括像如下的预定义功能:
  • Normalize.css
  • jQuery with CDN
  • Apache Server Configs
  • 有用的 CSS 助手类
  • 默认样式,性能优化等

根据你想要用的内容以及使用方法,将所需文件复制粘贴到你的工程目录里即可。这样就为你提供了一个配置好的模板,从而加快了开发速度。

点击跳转到仓库

RealWorld

掌握一个新框架的核心概念和意识形态并不是一件令人沮丧的事情。

如果你没有正确理解这个概念的话,你需要阅读文档,运行示例代码,拆解示例应用程序并将其重新组合在一起,在本地安装 CLI 等等,它需要花费太多的经历,令人沮丧。

RealWorld 允许你选择任何前端(React,Angular2 等)和任何后端(Node , Django 等),并将它们集成在一起以查看应用程序的真实示例。

由于这些实现和技术栈相关,它们显然不能混用,但它们仍然遵循相同的功能和UX规范。

一些常用集成实例:
  • Angular + ngrx + nx
  • ClojureScript + re-frame
  • React / MobX
  • Go + Gin
  • NestJS + TypeORM/Prisma

你可以在仓库中找到无穷无尽的示例。尽情去寻找吧!

点击跳转到仓库

You Don't Know JS Yet

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

良心之作送你几个Xsheel使用小技巧_编程开发工具

工作中无可避免的会使用到Xsheel,接下来咔咔给你介绍几个小技巧,让你工作游刃有余。一、告别繁琐你的Xsheel连接后是不是这样的哦!这个也太烦了我至少得在敲俩次命令才能到我的工作目录接下来叫你怎么连接后直接进入到你需要的工作目录。

所有的书籍均为免费,你可以随时在线阅读。

作者建议阅读的顺序为:
  • Get Started
  • Scope & Closures
  • Objects & Classes (还未开始)
  • Types & Grammar (还未开始)
  • Sync & Async (还未开始)
  • ES.Next & Beyond (还未开始)

点击跳转到仓库

Airbnb JavaScript Guide

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

本指南将通过深入基础知识和代码片段来帮助你由深入浅地理解 JavaScript

本指南涉及的一些热门内容如下:
  • 箭头函数
  • 变量提升
  • 解构
  • 注释
  • 性能
  • 测试

点击跳转到仓库

Storybook

StorybookUI 组件的开发环境,它允许你浏览组件库,查看每个组件的不同状态,以及交互地开发和测试组件。

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

它附带了一个 CLI 和一些代码示例,供你熟悉 Storybook.

点击跳转到仓库

Front-End-Checklist

Front-End-Checklist 是一个详尽的列表,列出了在网站或者 HTML 页面投入使用前所需要具备或者测试的所有元素。

它是一个基于前端 Web 开发的仓库,更关注性能、安全性和 SEO 等。

Front-End-Checklist 中的所有项目对于大多数工程都是必须的,但其中有些元素可以省略。

包括:
  • 文档或者文章
  • 在线工具/测试工具
  • 媒体或者视频内容

点击跳转到仓库

灵感和资源

这篇文章的令该来源于 Tech Sapien 和他所有令人惊叹的工作。库中的图片?? 也是取自同一处。

总结

上面提到的所有的库并不是唯一可用的资源,除此之外我敢肯定还有大量的令人惊叹的项目。这些是其中一些我觉得很有用的资源,同时我自己也经常沉浸其中。

不要忘了给这些库点 Star。以感谢所有出色的贡献者,感谢他们为我们创造了如此有用的资源

英文原文地址:https://dev.to/sayanide/best-github-repos-for-web-developers-9id

如果有翻译的不对的地方,请多多指正,希望有所帮助。

教程推荐:《Git教程》

以上就是分享一些值得前端开发者收藏的 GitHub 库的详细内容,更多请关注ki4网其它相关文章!

VSCode 打开GB2312文件乱码如何解决?_编程开发工具

VSCode打开GB2312文件乱码解决方法:首先点击右下角的编码按钮,并选择操作【通过编码重新打开】;然后在VSCode支持的编码列表里找到GB2312编码,并点击选择;最后等待刷新字符编码即可。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
分享一些值得前端开发者收藏的 GitHub 库_编程开发工具

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>