8000 feat: 12 个 GitHub 上超火的 JavaScript 奇技淫巧项目，找到写 JavaScript 的灵感！ · crazyjavauser/FrontEndGitHub@d06b4e9 · GitHub
[go: up one dir, main page]
Skip to content

Commit d06b4e9

Browse files
author
biao.chen
committed
feat: 12 个 GitHub 上超火的 JavaScript 奇技淫巧项目，找到写 JavaScript 的灵感！
1 parent cf0dd94 commit d06b4e9

File tree

4 files changed

+62
-41
lines changed

4 files changed

+62
-41
lines changed

‎README.md

Lines changed: 62 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -20,25 +20,17 @@
2020

2121
## 简介
2222

23-
大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
23+
大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
2424

25-
一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。
25+
本项目专注于挖掘 GitHub 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送。
2626

27-
久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。
27+
已经推荐了 面试项目、css奇技淫巧项目、代码规范项目、数据结构与算法项目、管理后台模板、前端必备在线工具 等专题的近 100 个优秀项目了。
2828

2929
初步前端与高级前端之间，最大的差距可能就是信息差造成的。
3030

31-
超级猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。
32-
33-
从 2018 年开始，我就养成了每天逛 GitHub 的习惯，一般在早上上班前或者中午午休的时候都会逛一下。
34-
35-
看看每天都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，值得我去学习的。
36-
37-
因此也收藏了不少好的开源项目，在此推荐给大家，每周会有一到三篇精华文章推送。
38-
3931
希望你在浏览、学习了超级猫推荐的这些开源项目的过程中，你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。
4032

41-
平时如何发现好的开源项目，可以看看这篇文章：[GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目](https://github.com/biaochenxuying/blog/issues/45)。
33+
平时如何发现好的开源项目，可以看看这篇文章：[GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目](https://mp.weixin.qq.com/s/98P-ARrYlkmog8i79zX6Og)。
4234

4335
<div align="center">
4436

@@ -58,6 +50,7 @@
5850

5951
### | 软技能
6052

53+
- [**自从掌握了Google和百度的 16 个高级搜索技巧，我再也没有解决不了的 bug 了**](https://github.com/biaochenxuying/FrontEndGitHub/issues/11)
6154
- [**恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧**](https://github.com/biaochenxuying/FrontEndGitHub/issues/4)
6255
- 精彩待续。。。
6356

@@ -66,7 +59,7 @@
6659
| --- | --- |
6760
| GitHub 官方文档：使用、搜索、管理开源项目 | [https://docs.github.com/cn](https://docs.github.com/cn) |
6861

69-
---
62+
7063
### | 面试专题
7164

7265
- [**推荐这 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！**](https://github.com/biaochenxuying/FrontEndGitHub/issues/6)
@@ -88,7 +81,27 @@
8881
| FE-Interview：前端面试必备题库 | [https://github.com/lgwebdream/FE-Interview](https://github.com/lgwebdream/FE-Interview) |
8982

9083

91-
---
84+
### | JavaScript
85+
86+
- [**12 个 GitHub 上超火的 JavaScript 奇技淫巧项目，找到写 JavaScript 的灵感！**](https://github.com/biaochenxuying/FrontEndGitHub/issues/14)
87+
- 精彩待续。。。
88+
89+
90+
| 项目 | 地址 |
91+
| --- | --- |
92+
| 30-seconds-of-code：简短代码段，经常会用到而且是非常经典的代码 | [https://github.com/30-seconds/30-seconds-of-code](https://github.com/30-seconds/30-seconds-of-code) |
93+
| 33-js-concepts：JavaScript开发者应懂的 33 个概念 | [https://github.com/leonardomso/33-js-concepts](https://github.com/leonardomso/33-js-concepts) |
94+
| javascript-questions：JavaScript 进阶问题列表 | [https://github.com/lydiahallie/javascript-questions](https://github.com/lydiahallie/javascript-questions) |
95+
| JavaScript 30：使用原生 JavaScript 在 30 天内完成 30 个项目 | [https://github.com/wesbos/JavaScript30](https://github.com/wesbos/JavaScript30) |
96+
| Codewars：和 leetcode 有点类似，也是在平台上和其他人一起完成真实的代码挑战，提升你的技术 | [https://www.codewars.com/](https://www.codewars.com/) |
97+
| ES6 入门教程：开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性 | [https://es6.ruanyifeng.com/](https://es6.ruanyifeng.com/) |
98+
| JavaScript 教程：全面介绍 JavaScript 核心语法，覆盖了 ES5 和 DOM 规范的所有内容 | [https://wangdoc.com/javascript/](https://wangdoc.com/javascript/) |
99+
| 现代 JavaScript 教程：以最新的 JavaScript 标准为基准。从基础到高阶的 JavaScript 相关知识 | [https://zh.javascript.info/](https://zh.javascript.info/) |
100+
| MDN：提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API | [https://developer.mozilla.org/zh-CN/](https://developer.mozilla.org/zh-CN/) |
101+
| clean-code-javascript：优秀的 JS 代码规范 | [https://github.com/ryanmcdermott/clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript) |
102+
| TypeScript 入门教程：从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript | [https://ts.xcatliu.com](https://ts.xcatliu.com) |
103+
| w3school：前端必须知道的 Web 技术教程平台 | [https://www.w3school.com.cn/js/index.asp](https://www.w3school.com.cn/js/index.asp) |
104+
92105

93106
### | 前端必备在线工具
94107

@@ -110,8 +123,6 @@
110123
| sojson：前端WEB工具大合集 | [https://www.sojson.com/](https://www.sojson.com/) |
111124
| 站长工具：站长的必备工具 | [https://tool.chinaz.com/](https://tool.chinaz.com/) |
112125

113-
114-
---
115126
### | 管理后台 admin
116127

117128
- [**10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了单**](https://github.com/biaochenxuying/FrontEndGitHub/issues/8)
@@ -132,7 +143,6 @@
132143
| AdminLTE：是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS / jQuery 插件 | [https://github.com/almasaeed2010/AdminLTE](https://github.com/almasaeed2010/AdminLTE) |
133144

134145

135-
---
136146

137147
### | 逼格满满的 PPT
138148

@@ -146,28 +156,15 @@
146156
| reveal.js：使用 html、markdown 写静态的文本，创建功能齐全且美观的 PPT | [https://github.com/hakimel/reveal.js](https://github.com/hakimel/reveal.js) |
147157

148158

149-
---
150-
151-
### | WEB 技术清单
152-
153-
- [**2020-WEB开发路线图，和即将到来的 2021-WEB技术清单**](https://github.com/biaochenxuying/FrontEndGitHub/issues/1)
154-
- 精彩待续。。。
155-
156-
157-
| 项目 | 地址 |
158-
| --- | --- |
159-
| developer-roadmap：开发人员路线图，循序渐进的指南和路径，以学习不同的工具或技术 | [https://github.com/kamranahmedse/developer-roadmap](https://github.com/kamranahmedse/developer-roadmap) |
160-
161-
---
162159
### | 数据结构与算法
163160

164-
- [**GitHub上最火的、最值得前端学习的数据结构与算法项目！没有之一**](https://github.com/biaochenxuying/FrontEndGitHub/issues/2)
161+
- [**7 个GitHub上最火的、最值得前端学习的数据结构与算法项目！没有之一**](https://github.com/biaochenxuying/FrontEndGitHub/issues/2)
165162
- 精彩待续。。。
166163

167164

168165
| 项目 | 地址 |
169166
| --- | --- |
170-
| javascript-algorithms：含了多种基于 JavaScript 的算法与数据结构 | [https://github.com/trekhleb/javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) |
167+
| javascript-algorithms：含了多种基于 JavaScript 的算法与数据结构 | [https://github.com/trekhleb/javascript-algorithms](https://github.com/trekhleb/javascript-algorithms) |
171168
| algorithm-visualizer：算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法 | [https://github.com/algorithm-visualizer/algorithm-visualizer](https://github.com/algorithm-visualizer/algorithm-visualizer) |
172169
| algo：数据结构和算法必知必会的 50 个代码实现 | [https://github.com/wangzheng0822/algo](https://github.com/wangzheng0822/algo) |
173170
| awesome-algorithms：包含不同著名计算机科学算法的 javascript 实现 | [https://github.com/mgechev/javascript-algorithms](https://github.com/mgechev/javascript-algorithms) |
@@ -177,7 +174,6 @@
177174
| JavaScript 更多 ... | [https://github.com/search?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories](https://github.com/search?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories) |
178175

179176

180-
---
181177

182178
### | CSS 学习专题
183179

@@ -199,7 +195,6 @@
199195
| stylus：富有表现力、动态、健壮的 CSS | [https://stylus-lang.com/](https://stylus-lang.com/) |
200196

201197

202-
---
203198

204199
### | 前端的代码规范
205200

@@ -220,7 +215,7 @@
220215
| ESLint | [https://eslint.org/](https://eslint.org/) |
221216
| Prettier | [https://prettier.io/](https://prettier.io/) |
222217

223-
---
218+
224219
### | 开发思想
225220

226221
- [**Github标星1.6W+，程序员不得不知的“潜规则”又火了，早知道就不会秃头了**](https://github.com/biaochenxuying/FrontEndGitHub/issues/3)
@@ -231,7 +226,7 @@
231226
| --- | --- |
232227
| hacker-laws：最常见的定律、原则等 | [https://github.com/nusr/hacker-laws-zh](https://github.com/nusr/hacker-laws-zh) |
233228

234-
---
229+
235230

236231
### | JavaScript
237232

@@ -248,7 +243,6 @@
248243
| Node.js学习 | [https://blog.poetries.top/node-learning-notes/](https://blog.poetries.top/node-learning-notes/) |
249244

250245

251-
---
252246

253247
### | 技术社区
254248

@@ -269,7 +263,6 @@
269263
| 印记中文：是最权威是技术中文文档社区 | [https://docschina.org/](https://docschina.org/) |
270264

271265

272-
---
273266

274267
### | 博客团队
275268

@@ -412,6 +405,30 @@
412405
| PxCook（像素大厨）：高效易用的自动标注工具 | [https://www.fancynode.com.cn/pxcook](https://www.fancynode.com.cn/pxcook) |
413406

414407

408+
### | WEB 技术清单
409+
410+
- [**2020-WEB开发路线图，和即将到来的 2021-WEB技术清单**](https://github.com/biaochenxuying/FrontEndGitHub/issues/1)
411+
- 精彩待续。。。
412+
413+
414+
| 项目 | 地址 |
415+
| --- | --- |
416+
| developer-roadmap：开发人员路线图，循序渐进的指南和路径，以学习不同的工具或技术 | [https://github.com/kamranahmedse/developer-roadmap](https://github.com/kamranahmedse/developer-roadmap) |
417+
418+
419+
**前端开发路线图**
420+
421+
![frontend-map.png](./images/frontend-map.png)
422+
423+
**后端开发路线图**
424+
425+
![frontend-map.png](./images/backend-map.png)
426+
427+
428+
**运维开发路线图**
429+
430+
![devops-map.png](./images/devops-map.png)
431+
415432

416433
### | 学习资源
417434

@@ -420,19 +437,23 @@
420437
- [3. 视频资料分享 - Vue、React、Node、MongoDB 全栈、打造商城系统、实战项目汇总](https://mp.weixin.qq.com/s/7f767Y5FHM9i2_GeUSz-Iw)
421438

422439

440+
## 推荐项目
441+
442+
- [大家有什么好的开源项目，可以在这里面推荐哦](https://github.com/FrontEndGitHub/FrontEndGitHub/discussions/13)
443+
423444
## 撩我
424445

425446

447+
- [关于猫哥，请点这里](https://github.com/biaochenxuying)
448+
449+
426450
<div align="center">
427451

428452
![](https://upload-images.jianshu.io/upload_images/12890819-45092d7cc1d40d4e.gif?imageMogr2/auto-orient/strip)
429453

430454
</div>
431455

432456

433-
大家可以向我推荐好的开源项目哦！
434-
435-
436457
> 欢迎关注公众号：**前端GitHub**，每周会有一到三篇的文章推送，后台回复 “**电子书**”，获取 160+ 本前端精华电子书哦。
437458
438459
<div align="center">

‎images/backend-map.png

577 KB
Loading

‎images/devops-map.png

721 KB
Loading

‎images/frontend-map.png

663 KB
Loading

0 commit comments

Comments
 (0)
0