JavaScript

JavaScript 教程

最通俗易懂的 JavaScript 教程

ES6 入门教程

最通俗易懂的 ES6 入门教程

JavaScript 30

使用原生 JavaScript 在 30 天内完成 30 个项目

JavaScript 教程

现代 JavaScript 教程

JS 代码规范

优秀的 JS 代码规范

TypeScript 教程

通俗易懂的 TypeScript 教程

Node.js 学习

Node.js 学习指南,笔记系统整理


CSS

css 的各种效果实现

css 的各种效果实现(尤其是动画效果)

CSS Inspiration

在这里找到写 CSS 的灵感

CSS 常用样式

总结一些常用的 CSS 样式

animista

按需定制 CSS 动画效果

SpinKit

汇集了实现各种加载效果的 CSS 代码片段

CSS Minifier

在线 CSS 代码极简化/压缩工具

Sass

Sass 是成熟、稳定、强大的 CSS 扩展语言

less

一种将 css 赋予了动态语言特性的动态样式语言

stylus

富有表现力、动态、健壮的CSS


算法

JavaScript 算法与数据结构

多种基于 JavaScript 的算法与数据结构

leetcode 解题之路

leetcode 解题之路

五分钟学算法

五分钟学算法

LeetCode 题目的思路

用动画的形式呈现解 LeetCode 题目的思路

数据结构与算法项目推荐

GitHub 上 170K+ Star 的前端学习的数据结构与算法项目

JavaScript 十大经典排序汇总

JavaScript 数据结构与算法之美 - 十大经典排序汇总

算法可视化工具

算法可视化工具是一个交互式的在线平台,可以从代码中可视化算法

算法可视化来源

算法可视化来源

观察算法的工作方式

变量和操作的可视化表示增强了控制流和实际源代码


前端面试

前端面试常考问题整理

前端面试常考问题整理,按模块知识点分类

前端开发面试题

前端开发面试题

web 前端面试宝典

web 前端面试宝典

掘金前端面试题合集

掘金前端面试题合集

前端面试图谱

前端面试图谱

前端面试开源项目汇总

GitHub 上 100K+ Star 的前端面试开源项目汇总


技术社区

GitHub

高质量的内容创作和分享平台

stackoverflow

一个回答技术问题的网站

掘金

国内的很多优质前端文章都在掘金上

博客园

一个很纯粹的技术博客平台

知乎

很多做技术的同学也开始玩知乎了,阿里的不少前端大牛在知乎上就非常活跃

CSDN

老牌社区,很多问题都能在上面找到答案

v2ex

一个关于分享和探索的地方

segmentfault

比较低调的技术博客平台

Node.js 专业中文社区

Node.js 专业中文社区

博客杂志站点

一个 web 技术类的博客杂志站点

JS 技巧的网站

每天推出一个 JS 技巧的网站

W3cplus

是一个致力于推广国内前端行业的技术博客

印记中文

印记中文是最权威是技术中文文档社区


博客团队

腾讯AlloyTeam

腾讯AlloyTeam

腾讯社交用户体验ISUX

腾讯社交用户体验ISUX

淘宝FED | 淘宝前端团队

淘宝FED | 淘宝前端团队

阿里巴巴国际UED

阿里巴巴国际UED

京东 | 凹凸实验室

京东 | 凹凸实验室

饿了么前端

饿了么前端

v2ex

一个关于分享和探索的地方

百度前端研发部FEX

百度前端研发部FEX

360 | 奇舞团

360 | 奇舞团

美团技术团队

美团技术团队


GitHub 统计

GitHub 中文排行榜

GitHub 中文排行榜、高分优秀中文项目

GitHub 全球排名

如果你的项目超过 10k star,就能上榜,跻身全球 GitHub 项目前 1000 名


构建

Webpack

Webpack

ESLint

可组装的 JavaScript 和 JSX 检查工具

PostCSS

用 JavaScript 工具和插件转换 CSS 代码的工具


部署

NPM

GitHub 提供的免费静态网站托管服务

Netlify

30 秒内部署你的网站

Vercel

快速部署你的网站

Surge

只需一个命令就可以发布你的网站

Heroku

在云端构建、运行你的应用


静态站点搭建工具


前端代码规范

腾讯

腾讯

京东

京东

Bootstrap 编码规范

Bootstrap 编码规范

es6 编程风格

es6 编程风格

Airbnb Javascript Style Guide

Airbnb Javascript Style Guide

ESLint

检测、修正 JavaScript 代码的问题

Prettier

格式化 JavaScript 代码


调试抓包

whistle

代理抓包工具,很好很强大

Fiddler

代理抓包工具

Easy Mock

Easy Mock


在线工具

CodePen

在线代码测试工具

Can I use

Web 前端兼容性列表

TinyPNG

PNG/JPG 图片在线压缩利器

CNZZ站点统计

国内常用的站点统计工具


开发工具

VS Code

目前前端最流行的编辑器

Sublime Text

Sublime Text

WebStorm

WebStorm


前端大会

Vue.js开发者大会

Vue.js开发者大会中国

中国JS开发者大会

一场专注于 JavaScript 和 Node.js 技术的国际性大会

CSS 开发者大会

提高 css 开发姿势的大会

D2 前端技术论坛

阿里巴巴举办,分享技术的乐趣,探讨行业的发展


图标

Font Awesome

网站开发最流行的图标集

Feather

简洁美观的开源图标

Ionicons

精心绘制的开源图标

Material Design Icons

轻快、精美的符号图标,包括常见操作和事项

Tabler Icons

681 枚可定制的开源 SVG 图标

Simple Icons

常见品牌的 SVG 图标


其他

单元测试

单元测试

web.dev

评测网站性能(基于 Lighthouse)

Shape Divider

定制各种形状的网站分区 SVG 的工具

GTmetrix

网页性能分析工具

Can I Use

前端技术的浏览器支持情况

Carbon

代码转图片工具

Wappalyzer

检测某个网站使用的技术栈


网站简介

初级前端与高级前端之间,很大原因就是投入学习前端的时间、经验的差别,其实就是信息差。

如果有一个地方能又快又好的获得这些优质的前端信息,那么将会大大缩短从初级到高级的时间。

基于这个初衷,于是就诞生了这个网站,能帮助前端开发人员节省时间的网站!

本项目专注于挖掘 GitHub 上优秀的前端开源项目,并以专题的形式在下面的公众号上发出,每专题大概 10 个好项目,每周会有一到三篇精华文章推送。

已经推荐了 面试项目、css奇技淫巧项目、代码规范项目、数据结构与算法项目、管理后台模板、前端必备在线工具 等专题的近 200 个优秀项目了。

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

欢迎关注公众号:前端GitHub,后台回复 电子书 ,获取 1000+ 本技术精华书籍和 160+ 本前端精华电子书哦。


阿里云、腾讯云、华为云 都有,这里购买就是最优惠:低于 1 折、89/年、229/3年,比学生机还便宜