GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、数据结构与算法、开发工具、求职面试等）
专注于挖掘优秀的前端开源项目，抹平你的前端信息不对称，涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。
初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。
如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。
基于这个初衷，于是就诞生了这个仓库，能帮助前端开发人员节省时间的仓库！
本项目专注于挖掘 GitHub 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送。
已经推荐了 面试项目、css奇技淫巧项目、代码规范项目、数据结构与算法项目、管理后台模板、前端必备在线工具 等专题的近 200 个优秀项目了。
希望你在浏览、学习了超级猫推荐的这些开源项目的过程中，你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。
平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目。
欢迎关注微信公众号 “前端GitHub”
原创文章都在公众号首发，比博客早一到两篇。
- 简介
- 目录
- 文章与项目
- 软技能
- 前端趋势榜
- Vue3
- Vue 源码解密
- React 源码解密
- 面试专题
- 简历专题
- JavaScript
- Flutter
- TypeScript
- 前端必备在线工具
- 计算机内功秘籍
- 在线的代码转图片
- 管理后台 admin
- 逼格满满的 PPT
- 数据结构与算法
- CSS 学习专题
- Node.js
- 小程序
- 前端监控
- 接口文档管理
- 前端的代码规范
- 程序员必备仓库
- 拓展程序员技术与视野的国外网站
- 设计规范
- 可视化
- 代码生成器
- 下载全网视频
- 酷炫的极客界面
- 抠图神器
- 在线绘图
- 颜色搭配
- 开发思想
- 技术社区
- 博客团队
- GitHub 统计
- 前端大会
- 打包工具
- 代码托管平台
- 调试抓包
- 开发工具
- 录屏工具
- 买房实用指南
- 优质的前端博客
- 图标
- 色彩
- 插画
- 图片
- 设计工具
- WEB 技术清单
- 学习资源
- 推荐项目
- 服务器
- 撩我
| 项目 | 地址 |
|---|---|
| GitHub 官方文档：使用、搜索、管理开源项目 | https://docs.github.com/cn |
- 影响了一代代前端人的 20 个里程碑式的顶级开源项目！
- 1534K Star！排名前十的 10 大前端顶级开源项目！
- 猛增 110K Star！年增长数最多的 10 大顶级前端学习资源项目！
- 前端最流行的 10 大顶级开源项目！猛增 174K Star！
- 前端月趋势榜：5 月最热门的 20 个前端开源项目 - 又增加了那么多个好的开源项目！ - 2105
- 前端月趋势榜：4 月最热门的 20 个前端开源项目 - 又增加了那么多个好的开源项目！- 2104
- Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目 - 210625
- Web 趋势榜：上周最热门的 10 大 Web 项目 - 210410
- 前端趋势榜：上周最热门的 10 大前端项目 - 210327
- 精彩待续。。。
- 推荐 7 个 Vue2、Vue3 源码解密分析的开源项目 👍
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| vue-analysis：Vue.js 源码分析 | https://github.com/ustbhuangyi/vue-analysis |
| vue-design：逐行级别的分析 | http://hcysun.me/vue-design/zh/ |
| vue-family-mindmap：用一张思维导图总结了 Vue | Vue-Router |
| learnVue：Vue.js 源码分析 | https://github.com/answershuto/learnVue |
| vue：Vue 源码逐行注释分析 | https://github.com/qq281113270/vue |
| vue2.0-source：Vue 源码分析 | https://github.com/liutao/vue2.0-source |
| Vue3 源码：Vue3 源码系列 | https://vue3js.cn/start/ |
| 项目 | 地址 |
|---|---|
| just-react：严谨、易懂的 React 源码分析教程 | https://github.com/BetaSu/just-react |
- 推荐 4 个基于 Flutter 的重磅高仿开源项目
- 精彩待续。。。
| 网站 | 说明 |
|---|---|
| dy_flutter | 斗鱼 APP |
| flutter_tiktok | 精仿抖音 |
| flutter-osc | 开源中国客户端 |
| FlutterDouBan | 豆瓣客户端 |
| 网站 | 说明 |
|---|---|
| TypeScript | TypeScript 官网，TS 扩展了 JavaScript ，为它添加了类型支持 |
| typescript-tutorial | TypeScript 入门教程，循序渐进的理解 TypeScript |
| TypeScript | TypeScript 使用手册 |
| typescript-book-chinese | 深入理解 TypeScript |
| clean-code-typescript | 适用于TypeScript的简洁代码概念 |
| TypeScript入门 | TypeScript 入门的视频教程 |
| typescript-tutorial | TypeScript 速成教程（2小时速成） |
| 项目 | 地址 |
|---|---|
| reveal-md：使用 Markdown 来做 PPT 展示的开源项目 | https://github.com/webpro/reveal-md |
| reveal.js：使用 html、markdown 写静态的文本，创建功能齐全且美观的 PPT | https://github.com/hakimel/reveal.js |
| 网站 | 说明 |
|---|---|
| 前端监控工具 - webfunny 项目 | 一款轻量级前端异常监控和前端性能监控系统 |
- 更强大的开源接口文档管理工具
- 精彩待续。。。
- 涨姿势了！22 个拓展程序员技术与视野的国外网站！
- 精彩待续。。。
- 推荐 brick design全场景可视化拖拽低代码前端框架
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| brick-design：全场景可视化拖拽低代码前端框架 | https://github.com/brick-design/brick-design |
- GitHub 2W 星：一键生成前后端代码
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| jeecg-boot：一键生成前后端代码 | https://github.com/zhangdaiscott/jeecg-boot |
- GitHub 5W 星：一行命令下载全网视频的两个开源项目
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| hacker-laws：最常见的定律、原则等 | https://github.com/nusr/hacker-laws-zh |
| 项目 | 地址 |
|---|---|
| Vue.js 开发者大会：Vue.js 开发者大会中国 | https://fequan.com/ |
| 中国 JS 开发者大会：一场专注于 JavaScript 和 Node.js 技术的国际性大会 | https://jsconfchina.com/ |
| 中国 CSS 开发者大会：提高 css 开发姿势的大会 | https://css.w3ctech.com/ |
| D2 前端技术论坛：阿里巴巴举办，分享技术的乐趣，探讨行业的发展 | http://d2forum.alibaba-inc.com/ |
- 推荐 12 个提升程序员软技能与效率的必备工具，爱了爱了 👍
- 精彩待续。。。
- 推荐 GitHub 上很火的录屏工具，秒杀 33 种同行工具
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| screenity | https://github.com/alyssaxuu/screenity |
- 推荐 2 个 Github 上超火的程序员买房必备实用指南！
- 精彩待续。。。
| 项目 | 地址 |
|---|---|
| hangzhou_house_knowledge: 杭州 | https://github.com/houshanren/hangzhou_house_knowledge |
| hangzhou_house_knowledge：上海 | https://github.com/ayuer/shanghai_house_knowledge |
| 项目 | 地址 |
|---|---|
| Font Awesome：网站开发最流行的图标集 | http://www.fontawesome.com.cn/ |
| Feather：简洁美观的开源图标 | https://feathericons.com/ |
| Ionicons：精心绘制的开源图标 | https://ionicons.com/ |
| Simple Icons：常见品牌的 SVG 图标：轻快、精美的符号图标，包括常见操作和事项 | https://simpleicons.org/ |
| Material Design Icons | https://material.io/resources/icons/ |
| Tabler Icons：3500+ 枚可定制的开源 SVG 图标 | https://tabler-icons.io/ |
| 项目 | 地址 |
|---|---|
| Material Design Colors | https://www.materialui.co/colors |
| Flat UI Colors：14 组配色、280 种颜色 | https://flatuicolors.com/ |
| Color Hunt：分享色彩搭配的自由开放平台，包括成千上万人工选取的配色，可以从中获取配色的灵感 | https://colorhunt.co/ |
| Color Space：配色方案、CSS 颜色渐变生成工具 | https://mycolor.space/ |
| uiGradients：美观的颜色渐变 | http://www.uigradients.com/ |
| Colors and Fonts：色彩和字体工具 | https://colorsandfonts.com/ |
| Coolors：配色方案生成工具 | https://coolors.co/ |
| 项目 | 地址 |
|---|---|
| Undraw：持续更新的精美的 SV�G 插画集 | https://undraw.co/illustrations |
| manypixels：免费插画集 | https://gallery.manypixels.co/ |
| IRA Design：通过调配渐变色、搭配手绘组件定制插画 | https://iradesign.io/gallery/illustrations |
| Free Illustrations by Lukasz Adam：免费 SVG 插画 | https://lukaszadam.com/illustrations |
| Blobmaker：在线 SVG 形状生成器 | https://www.blobmaker.app/ |
| Get Waves：在线 SVG 波形生成器 | https://getwaves.io/ |
| 项目 | 地址 |
|---|---|
| developer-roadmap：开发人员路线图，循序渐进的指南和路径，以学习不同的工具或技术 | https://github.com/kamranahmedse/developer-roadmap |
| developer-roadmap：中文地址 | https://github.com/kamranahmedse/developer-roadmap/blob/master/translations/chinese |
笔者觉得每个开发者都应该拥有自己的网站和服务器，这可是很酷的事情，学习 Linux、跑跑脚本、建站、搭博客啥的都行啊。
因为笔者就有自己的服务器，而且有两台了，用于平时的学习，还搭建了自己的网站。
有不少读者问过我，为什么我学的那么快的呢 ？ 怎么在一年内学了那么知识的...
其实也没什么秘决，就是平时有自己的服务器了，就爱折腾，学到的知识能很快得到验证，所以学起来兴致高一点。
特别是大三和大四的学生、刚入门的初级前端，买了服务器，搭建个项目给面试官看也香，对找工作和面试都加分，还可以熟悉技术栈。
想学得快，就得有自己的服务器来折腾才行。
阿里云、腾讯云、华为云 都有，低于 1 折、79/年 或者 68/年，比学生机还便宜，复制下面链接购买就是最优惠
- 阿里云: https://www.【加上】aliyun.com/minisite/goods?userCode=g6evk7n0
- 腾讯云: https://curl.qcloud.com/Xl0KW4nw
| 微信: CB834301747 | 公众号: 前端GitHub |
|---|---|
 |
 |
欢迎关注微信公众号 “前端GitHub”
