共计 3164 个字符,预计需要花费 8 分钟才能阅读完成。
2021 年曾经来了,置信有一些小伙伴曾经开始立 2021 年的 flag 了。在 2020 年有一些小伙伴,私下问阿宝哥有没有前端的学习材料。为了对立答复这个问题,阿宝哥精心筛选了 Github 上 10 个不错的开源我的项目。
当然这 10 个我的项目不仅限于前端畛域,心愿这些我的项目对小伙伴的进阶能有所帮忙。上面咱们先来介绍第一个我的项目 —— build-your-own-x。
build-your-own-x
???? Build your own (insert technology here)
https://github.com/danistefan…
Watch | Star | Fork | Date |
---|---|---|---|
3.5K | 92.3K | 8.1K | 2021-01-04 |
该仓库波及了 27 个畛域的内容,每个畛域会应用特定的语言来实现某个性能。下图是与前端畛域相干的内容:
关注「全栈修仙之路」浏览阿宝哥原创的 4 本收费电子书(累计下载 2.2 万 +)及 50 几篇“重学 TS”教程。
JavaScript Algorithms
???? Algorithms and data structures implemented in JavaScript with explanations and links to further readings
https://github.com/trekhleb/j…
Watch | Star | Fork | Date |
---|---|---|---|
3.6K | 91.6K | 15.4K | 2021-01-04 |
该仓库蕴含了多种 基于 JavaScript 的算法与数据结构 。每种算法和数据结构都有本人的 README,蕴含相干阐明和链接,以便进一步浏览 (还有相干的视频)。
30 Seconds of Code
Short JavaScript code snippets for all your development needs
https://github.com/30-seconds…
Watch | Star | Fork | Date |
---|---|---|---|
2K | 66.9K | 7.4K | 2021-01-04 |
该仓库蕴含了泛滥能满足你开发需要,简洁的 JavaScript 代码片段。比方以下的 listenOnce
函数,能够保障事件处理器只执行一次。
const listenOnce = (el, evt, fn) => {
let fired = false;
el.addEventListener(evt, (e) => {if (!fired) fn(e);
fired = true;
});
};
listenOnce(document.getElementById('my-btn'),
'click',
() => console.log('Hello!')
); // 'Hello!' will only be logged on the first click
Node Best Practices
✅ The Node.js best practices list
https://github.com/goldbergyo…
Watch | Star | Fork | Date |
---|---|---|---|
1.7K | 58.5K | 5.6K | 2021-01-04 |
该仓库介绍了 Node.js 利用的最佳实际,蕴含以下的内容:
RealWorld example apps
“The mother of all demo apps” — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more ????
https://github.com/gothinkste…
Watch | Star | Fork | Date |
---|---|---|---|
1.6K | 52.5K | 4.5K | 2021-01-04 |
对于大多数的“Todo”示例来说,它们只是简略介绍了框架的性能,并没有残缺介绍应用该框架和相干技术栈,构建真正应用程序所须要的常识和视角。
RealWorld 解决了这个问题,它容许你抉择任意前端框架(React,Vue 或 Angular 等)和任意后端框架(Node,Go,Spring 等)来驱动一个实在的、设计精美的全栈应用程序“Conduit“。下图是目前已反对的前端框架(内容较多,只截取局部内容):
clean-code-javascript
???? Clean Code concepts adapted for JavaScript
https://github.com/ryanmcderm…
Watch | Star | Fork | Date |
---|---|---|---|
1.5K | 43.9K | 5.3K | 2021-01-04 |
该仓库介绍了如何写出整洁的 JavaScript 代码,比方作者倡议应用可检索的名称:
不好的
// 86400000 的用处是什么?setTimeout(blastOff, 86400000);
好的
// 应用通俗易懂的常量来形容该值
const MILLISECONDS_IN_A_DAY = 60 * 60 * 24 * 1000; //86400000;
setTimeout(blastOff, MILLISECONDS_IN_A_DAY);
该仓库蕴含了 11 个方面的内容,具体的目录如下图所示:
javascript-questions
A long list of (advanced) JavaScript questions, and their explanations ✨
https://github.com/lydiahalli…
Watch | Star | Fork | Date |
---|---|---|---|
850 | 27K | 3.6K | 2021-01-04 |
该仓库蕴含了从根底到进阶的 JavaScript 常识,利用该仓库你能够测试你对 JavaScript 常识的把握水平,也能够帮忙你筹备面试。
awesome-design-patterns
A curated list of software and architecture related design patterns.
https://github.com/DovAmir/aw…
Watch | Star | Fork | Date |
---|---|---|---|
477 | 11.6K | 931 | 2021-01-04 |
该仓库蕴含了软件与架构相干的设计模式的精选列表。在软件工程中,设计模式(Design Pattern)是对软件设计中普遍存在(重复呈现)的各种问题,所提出的解决方案。这个术语是由埃里希·伽玛(Erich Gamma)等人在 1990 年代从建筑设计畛域引入到计算机科学的。
developer-roadmap
Roadmap to becoming a web developer in 2021
https://github.com/kamranahme…
Watch | Star | Fork | Date |
---|---|---|---|
7.4K | 142K | 21.3K | 2021-01-04 |
该仓库蕴含一组图表,这些图表展现了成为一个 Web 开发者的学习路线图。该仓库含有前端、后端和 DevOps 的学习路线图,这里咱们只介绍前端的学习路线图(原图是长图,这里只截取局部区域):
Free Programming Books
???? Freely available programming books
https://github.com/EbookFound…
Watch | Star | Fork | Date |
---|---|---|---|
9.2K | 170K | 39.8K | 2021-01-04 |
该仓库蕴含了多种语言的收费学习资源列表,下图是中文免费资源列表(内容较多,只截取局部内容):
好的,到这里所有的开源我的项目都曾经介绍完了,如果小伙伴有其余的不错的开源我的项目,欢送给阿宝哥留言哟。
关注「全栈修仙之路」浏览阿宝哥原创的 4 本收费电子书(累计下载 2.2 万 +)及 9 篇源码剖析系列教程。
参考资源
- 10 Essential GitHub Repos For Software Developers
- 10-github-repos-that-can-help-you-grow-as-a-web-developer
- top-5-github-repositories-every-web-developer-should-know