强烈推荐33个 GitHub 前端学习资源

最新推荐文章于 2024-08-06 12:06:04 发布
最新推荐文章于 2024-08-06 12:06:04 发布
阅读量1.3k 收藏 16
点赞数 2
文章标签： 算法 数据结构 编程语言 python 人工智能
原文链接：https://mp.weixin.qq.com/s?__biz=MzIxMjExNzQxMQ==&mid=2247488049&idx=2&sn=5dcdf1ef13e566a55ac115514f14d93a&chksm=974ba0fda03c29eb553d1ec18f7f4d26621ead781a4ca0f9ffb70901cddaaafeab8bd7d55c11&scene=126&&sessionid=0
版权

茶已备好，只待君来！感谢关注 前端点线面 (>‿<），本号定期推荐原创深度好文，帮助每一位在前端领域打拼的伙伴们走向前列，此外关注我获取最前沿知识点、海量学习资料、《前端百题斩》、大量思维导图，并进前端划水交流群。

1. Web Developer Road Map

developer-roadmap 是一个为开发人员准备的学习路线图，他提供了学习编程中每个阶段的详细信息，并且每年都会进行更新。除了有前端的路线图，还包含后端、Android、Java、Python、Go等不同方向的学习路线图。

3fb3439001633c8a3f58d3c4083a94d9.png

✨Star： 182k

官网地址： https://roadmap.sh/

GitHub地址： https://github.com/kamranahmedse/developer-roadmap

2. Clean Code JavaScript

clean-code-javascrip 综合了作者在使用 JavaScript 过程中的编码经验。它可以帮助我们学习编写易于理解、易于重用、提高代码效率的JavaScript代码。

406888e34630230e4f11129783b42356.png

✨Star： 61.4k

GitHub地址： https://github.com/ryanmcdermott/clean-code-javascript

3. DevDocs

devdocs 是当今比较流行的编程语言的文档集合，包含JavaScript、HTML、CSS、React、Vue.js、TypeScript等。

c68b89a7ad1316c375ced77b67536af3.png

✨Star： 27.3k

官网地址： https://devdocs.io/

GitHub地址： https://github.com/freeCodeCamp/devdocs

4. 30 Seconds Of Code

30 Seconds Of Code是一个聚合代码片段的网站，可以帮助我们开发过程中遇到的常见问题。它支持JavaScript、React、Node.js、Git、CSS、Python 等语言。644192baeaa906363b1de1ee492e79af.png

✨Star：90.5k

官网地址：https://www.30secondsofcode.org/

GitHub地址：https://github.com/30-seconds/30-seconds-of-code

5. Airbnb JavaScript Style Guide

这是一个由 Airbnb 开源的 JavaScript 代码风格指南。主要是为编写 JavaScript 代码提供规范的风格，方便开发者理解、阅读代码。它是最流行的JavaScript代码风格指南之一。

4db2c328399c432835e7fc8ab63c77be.png

✨Star： 118k

GitHub地址： https://github.com/airbnb/javascript

6. Grab Front End Guide

front-end-guide 主要根据 Grab 团队的实际操作经验，帮助前端初学者了解基本概念以及 Web 项目中使用哪些工具和库。

a72b60c06ca1ba0dd5e6ae7aa319fe8f.png

✨Star： 14.1k

GitHub地址： https://github.com/grab/front-end-guide

7. Free Programming Books

这个网站上汇集着很多免费的课程和编程书籍。在这个网站上，包含了很多语言，如果英文不太好，可以选择查看中文的资料，除了文档之外，还有视频、程序等多种形式的资料。

b080bbd08beffc7cbbf90c4b0fa013fe.png

✨Star： 218k

官网地址： https://ebookfoundation.github.io/free-programming-books/

GitHub地址： https://github.com/EbookFoundation/free-programming-books

8. Front-end Developer Interview Questions

这个网站收集了一些常见的前端面试题，不过并没有给出答案，可以自己整理学习。

ec9938c1bcb25d33434af2efcdf8ff0c.png

✨Star： 51.7k

GItHub地址： https://github.com/h5bp/Front-end-Developer-Interview-Questions

官网地址： https://h5bp.org/Front-end-Developer-Interview-Questions/translations/chinese/

9. Every Programmer Should Know

every-programmer-should-know 是每个软件开发人员都应该知道的技术知识的集合。

a7f8df8ff5b8841aa7379b1da4c24a9d.png

✨Star： 51.2k

GitHub地址： https://github.com/mtdvio/every-programmer-should-know

10. Tech Interview Handbook

这是一个关于技术面试的网站，它总结了开发人员的面试经验，例如如何写简历、自我介绍、面试中的常见问题以及编程中的算法和技术等。

0282f2a8f55d3095216a7a0ba186a11b.png

✨Star： 63k

官网地址： https://techinterviewhandbook.org/

GitHub地址： https://github.com/yangshun/tech-interview-handbook

11. Coding Interview University

该项目收录了作者为进入谷歌而准备的学习笔记列表，包括数据结构与算法、计算机基础、编程练习等多种学子资料。

d7bc679077740c9fe0ac771ac863dc00.png

✨Star： 202k

GitHub地址： https://github.com/jwasham/coding-interview-university

12. Modern JavaScript Cheatsheet

这是一个 JavaScript 速查表，可帮助我们解决在开发过程中经常遇到的问题。

b12942f8fe0c6dc626d36ff90978a807.png

✨Star： 22.1k

官网地址： https://mbeaudru.github.io/modern-js-cheatsheet/

GitHub地址： https://github.com/mbeaudru/modern-js-cheatsheet

13. Front-End Checklist

这个一个前端开发者在开发前需要了解的知识清单。适合初学者来检测自己的学习情况。

f7a44b6d14a14df4cc8ee32e7b743493.png

✨Star： 57.5k

官网地址： https://frontendchecklist.io/

GitHub地址： https://github.com/thedaviddias/Front-End-Checklist

14. Awesome

Awesome是一个书籍、工具、库等集合，适用于当今所有流行的编程语言。

480d759999779bb59d4b78450acaaa82.png

✨Star： 183k

GitHub地址： https://github.com/sindresorhus/awesome

15. Design Resources For Developers

这是一个为开发人员提供的在网站开发过程中选择颜色、字体、模板、CSS 框架等设计工具的集合。

7c6c866276bae5756ca5cbaeb72f46f2.png

✨Star： 34.6k

GitHub地址： https://github.com/bradtraversy/design-resources-for-developers

16. JavaScript Algorithms And Data Structures

这是一个使用JavaScript来介绍常见的算法和数据结构的教程，它有很多种语言可以选择，英文不好的小伙伴可以直接看中文版。

2e6070602a097980c8bc73aefa2b7e57.png

✨Star： 131k

GitHub地址： https://github.com/trekhleb/javascript-algorithms

17. CSS Protips

这是一个提供CSS技巧的项目，帮我们快速掌握CSS技巧。c04c365ec472b2d789b00de8826d3f87.png

✨Star： 20.3k

GitHub地址： https://github.com/AllThingsSmitty/css-protips

18. Awesome Web Development Resources

这是一个面向前端开发人员的免费编程资源的集合，上面包含了学习平台、托管平台、图片、图标、字体、文档、视频教程等多个分类。

0d3e8349ac3adc0371a06e706a02a446.png

✨Star： 3k

官网地址： https://markodenic.com/free-web-development-resources/

GitHub地址：https://github.com/markodenic/web-development-resources

19. JavaScript Questions

这个网站收集了 JavaScript 从基础到高级的各种问题，并且每个问题都有答案和详细的说明。它被翻译成多种语言，可自行选择。

993cbfb372019832325d0fa2a3a0e9b8.png

✨Star： 40k

GitHub地址： https://github.com/lydiahallie/javascript-questions

20. Vanilla Web Projects

这是一个通过 20 多个免费项目帮助我们练习 JavaScript 开发代码的项目。

1435498f95c1b606e6435c4941b2d0d9.png

✨Star： 11.8k

GitHub地址： https://github.com/bradtraversy/vanillawebprojects

21. Spellbook of Modern Web Dev

这是一个针对Web 开发人员的学习资源（如文章、书籍等）的集合。

ed28f6ecbdf2594160e383f7deb8790d.png

✨Star： 13.8k

GitHub地址： https://github.com/dexteryy/spellbook-of-modern-webdev

22. 33 JavaScript Concepts

这个项目是帮助我们快速掌握33个常见的 JavaScript 概念的文章汇总。

2a816e9f5a5034764bf8ea0158c6b5d1.png

✨Star： 45.7k

GitHub地址： https://github.com/nguyentranchung/33-js-concepts

23. Project Guidelines

这是一个前端项目开发的教程列表，主要介绍在项目开发时需要注意的点。该项目也提供了中文版供我们选择。

b1782a37d4eeacabf5be6e2ecbe46bf1.png

✨Star： 26k

GitHub地址： https://github.com/elsewhencode/project-guidelines

24. Learn Git Branching

LearnGitBranching 是一个 git 存储库可视化工具、沙箱，以及一系列教程和挑战。它的主要目的是通过可视化的形式帮助开发人员理解 git。这是通过不同级别的游戏来熟悉不同的 git 命令来实现的。

4ae36995802595a9eb38305dde0d9d6e.png

✨Star： 23.1k

GitHub地址： https://github.com/pcottle/learnGitBranching

25. You Don’t Know JS Yet

这是一个关于 JavaScript 核心概念的系列丛书。它涵盖了 JavaScript 中的大多数知识点，如作用域、闭包、this、对象原型、异步和性能等。

9c8086ae2a82b13c0f907fadb027c9c9.png

✨Star： 148k

GitHub地址： https://github.com/getify/You-Dont-Know-JS

26. Nodejs Best Practices

这个项目是 Nodejs 开发最佳实践的终极指南。这里面包含了代码风格、性能、安全性、项目结构等方面的重要提示。

87d5c8fa93966edcbcab683d3fa3e55c.png

✨Star： 73.3k

GitHub地址： https://github.com/goldbergyoni/nodebestpractices

27. FreeCodeCamp

FreeCodeCamp 是一个自由开源的学习编程的社区，致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits。FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程，游戏化程度非常高，学员可以通过线上聊天室和线下社区活动相互帮助。

c25e0fa03d25725322dcd6e2fd5b5ed2.png

✨Star： 338k

Github地址： https://github.com/freeCodeCamp/freeCodeCamp

28. Awesome Repos

该项目收录了很多很实用的资源库，包含了前端、后端、网络、人工智能等很多方向的资源。

f3032118927f87b8521916b4b24024c6.png

✨Star： 1.3k

GitHub地址： https://github.com/pawelborkar/awesome-repos

29. Frontend Development Bookmarks

该项目包含为前端开发人员精心挑选的资源集合。从架构到 UI 组件，都在这个项目中。它涵盖了广泛的前端技术。

1d40cfe44674fcf92942a897b0cfe0e2.png

✨Star： 33k

GitHub地址： https://github.com/dypsilon/frontend-dev-bookmarks

30. Awesome Interview Questions

该项目包含几乎每种编程语言和框架的大量面试问题。

cfa9ae70e48498f2976a6adaa334189d.png

✨Star： 44.5k

GitHub地址： https://github.com/DopplerHQ/awesome-interview-questions

31. TypeScript Tutorial

typescript-tutorial 是一个TypeScript入门教程，从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。

045dccc559fb3c1b9b575f568005a20b.png

✨Star： 8.4k

GItHub地址： https://github.com/xcatliu/typescript-tutorial

32. TypeScript Book Chinese

typescript-book-chinese 是 《TypeScript Deep Dive》 的中文翻译版，即《深入理解 TypeScript》。

11def2887c270d5bcef5c88245ac918d.png

✨Star： 5.1k

GitHub地址 ：https://github.com/jkchao/typescript-book-chinese

33. Clean Code TypeScript

clean-code-typescript 是一个类似于clean-code-JavaScript的库，教给我们如何更好的编写TypeScript代码。

7c523b234723e25edaeeeba83439b451.png

✨Star： 5.1k

GitHub地址 ：https://github.com/labs42io/clean-code-typescript

················ 执鸢者简介 ·················

大家好，我是执鸢者，毕业于华中科技大学，新时代农民工，现在是百度前端研发工程师，著有《前端百题斩》、数十篇学习思维导图（go、React、Redux、Vue、Vuex、操作系统、Linux、设计模式、js、webpack、nginx）以及大量前端进阶文章，大量同学已通过号主的系列内容获取心仪的offer，关注我获取海量资料、交流工作心得并进卧虎藏龙交流群。

4103d0ffadd3d6340d02be3a2f568e34.png

识别上方二维码加我微信、拉你进交流群

b6ce4142aaabb0b5527ed24bacfca4ad.png

[1] 五万字前端面试宝典

[2] 纯CSS实现beautiful按钮

[3] 一张思维导图入门React

[4] 一文搞定Diff算法

[5] 16张图入门Nginx

[6] 好记性不如烂笔头——Vue3.0篇

[7] 好记性不如烂笔头——Vuex篇

[8] 好记性不如烂笔头——Linux篇

[9]好记性不如烂笔头——React篇

[10] 好记性不如烂笔头——Redux篇

前端点线面
关注
2020年GitHub上的7个顶级的Java开源目推荐（强烈安利）
liinux-Talk is cheap,show me the code.
01-13 673
No1、CS-Notes【Star 88K】 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++，强烈安利~ No.2、JavaGuide【Star68K】 Java学习+面试指南一份涵盖大部分Java程序员所需要掌握的核心知识。 No.3、java-design-patterns【Star 55K】 Design pa...
一名前端爱好者的学习之路 - 说说我和前端的认识过程&我的前端学习路线（结束更新了 希望之后顺利～）
一碗菜粥的博客
01-23 7416
兜兜转转 又回到了前端开发的路线上 那么开始全力学习！多敲代码 多学习！
GitHub上最全的前端资源汇总包括前端学习前端开发资源前端求职面试等
08-12
GitHub上最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）
github标星28W神项目，技术人学习，居然这一个项目就够了（不收藏就亏大了）...
最新发布
shenjian58的博客
08-06 279
分享一个github标星28W的宝藏项目，技术人学习与进阶，这一个项目就够了。项目名称：roadmap项目地址：https://github.com/kamranahmedse/developer-roadmap285K的标星，github排名第六，100W技术人在上面学习。roadmap是一个怎样的项目？顾名思义，是一个技术学习路线图普的项目。roadmap能干吗？1. 了解一个岗位，一项技能的...
前端收集（前端学习资源）
热门推荐
bingqingsuimeng的专栏
12-12 1万+
前端收集 在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。 自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器: https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml 聚合&&周报订阅
前端学习资源分享
weixin_34049032的博客
02-05 254
2019独角兽企业重金招聘Python工程师标准>>> ...
前端学习资源整理
weixin_33757609的博客
02-02 129
稍微整理了一下自己平时看到的前端学习资源，分享给大家。 html MDN：Mozilla开发者网络 SEO：前端开发中的SEO css 张鑫旭：张鑫旭的博客 css精灵图：css精灵图实践 栅格系统：详解CSS中的栅格系统 媒体查询：css媒体查询用法 rem布局：手机端页面自适应布局 移动前端开发之viewport的深入理解:深入理解viewport 淘宝前端布局：手机淘宝移动端布局 fl...
0基础学习前端要多久？
技术专家
04-11 903
我来告诉学习前端需要多久？如何学习前端？前端全套系统资料
程序猿不可错过的顶级github资源索引项目
gamedilong1的专栏
01-21 598
今天给大家分享一个超级干货，来自GitHub的开源项目索引大全awesome。Awesome 顾名思义极好的优秀的，该项目是一个超级索引聚合了一系列的优秀github开源资源。通过该项目可以快速索引到需要的优质资源，强烈推荐没有看过的同学空闲的时候浏览。项目英文原版github关注有121k，质量相当高。 项目地址 英文原版地址链接为https://github.com/sindreso...
初学者学习前端开发的实用指南
小青蛙的博客
10-24 534
我在不到5年前的2014年春季开始了编码之旅。从那时起，我已经获得了一些编程技能，但我仍然知道，还有很多事情需要学习。无论如何，我决定将这些技巧集中在一个地方，以帮助将来的开发人员前进。本文是我开始旅程时希望找到的指南。 在开始之前 如果您决定自己学习，那么互联网上就会有很多信息，您很难将所有事情都束之高阁。重要的是要有一个结构化的计划，避免浪费时间从一种资源转移到另一种资源。 请注意，这些只是进...
最全前端学习资源
05-20
前端知识 体系 前端知识 结构 Web 前端开 发大系概 览 Web Front-end Stack v2.2 免费的编 程中文书 籍索引 前端书籍 前端免费 书籍大全 前端知识 体系
前端基础-github入门教程（github）
zhb的博客
04-20 810
学习github 1、svn和git的区别： （1）svn是许多的个人的文件及代码通过（放到）svn的托管网站版本库（中央仓库）进行交互，如果没有网就无法访问中央仓库。 （2）git是分布式版本控软件，每个人都有一个自己的版本库（中央仓库），版本库又有许多的分支（许多的版本库），默认主分支是master，本地仓库又称本地分支。每个人都可以将自己的代码放到自己的版本库当中。两个人之间通过互相推送版本...
WEB前端学习资源
wangdanYL的博客
10-13 913
常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考es6教程JS标准参考教程编程类中文书籍索引深入理解JS系列前端开发仓库《JavaScript 闯关记》JavaScript 初学者教程（指南）JS讲义李炎恢JavaScript教程 第一季逐行分析jQuery源码的奥秘 JS常用框架、库、插件 [vue]vue官网[vue]饿了么element UI[vue]vue-router路由[v...
web前端--学习资源
web分享客的博客
06-14 497
  CSDN (Chinese Software Developer Network) 创立于1999年，是中国最大的IT社区和服务平台，为中国的软件开发者和IT从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。拥有超过3000万注册会员（其中活跃会员800万）、50万注册企业及合作伙伴。 ...
前端学习资源网站
Vivianluolita的专栏
08-24 311
https://sass-guidelin.es/zh/
在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）
gxf_ming的博客
03-10 907
在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）个人结合github上各位大神分享的资源进行了简单的汇总整理，每一个条目下面都有丰富的资料，是前端学习、工作的好帮手。 说明: 整理有不当之处, 欢迎 pr 或提出 issue。更新日志：20161115：增加JavaScript 全栈工程师培训教程（作者：阮一峰） 20161013：增加 Google面试宝典
Git与GitHub基础操作学习笔记
对于初学者，廖雪峰的git教程是很好的学习资源，它详细解释了Git的工作原理和常用命令。同时，阅读关于协同开发流程的文章可以帮助理解如何在实际项目中应用Git和GitHub，例如解决合并冲突、拉取请求（Pull Request...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值