📚 优质学习资源整理

精选免费教程、官方文档、刷题平台、设计素材等优质学习站点汇总

前端开发学习资源

入门教程

MDN Web 官方文档

最权威免费前端教程,HTML/CSS/JS完整教程、API查询,新手入门首选。

前往查看 →
实战课程

freeCodeCamp

免费交互式编程练习,前端全链路闯关学习,边写代码边学知识点。

前往查看 →
CSS进阶

CSS Tricks

海量CSS实战技巧、布局方案、奇巧用法,解决各类样式疑难问题。

前往查看 →
视频教程

哔哩哔哩优质前端课

国内大量免费全套前端入门、框架实战视频课程,适合碎片化学习。

前往查看 →

开发工具 & 效率软件

代码编辑器

VS Code

免费轻量化代码编辑器,海量插件拓展,前端后端通用主流开发工具。

前往下载 →
版本控制

Git & GitHub

代码版本管理工具,开源项目托管平台,练习协作开发必备工具。

前往查看 →
在线编辑器

CodePen

在线编写HTML/CSS/JS,快速调试小demo、查看大神创意样式案例。

前往查看 →
接口调试

Postman

后端接口调试工具,测试GET/POST请求,前后端对接必备工具。

前往下载 →

编程刷题 & 实操练习平台

算法刷题

力扣 LeetCode

国内主流算法刷题网站,大量面试真题,循序渐进练习数据结构与算法。

前往刷题 →
JS专项练习

JavaScript 30

30天30个JS小项目实战,不用框架原生JS完成趣味小案例。

前往练习 →
闯关做题

牛客网

IT笔试面试题库,前端专项选择题、编程题,模拟企业面试考核。

前往刷题 →
小游戏学编程

CSS Diner

游戏化学习CSS选择器,轻松掌握各类选择器书写规则。

前往游玩学习 →

设计图标、图片免费素材

矢量图标

Iconfont 阿里图标库

海量免费矢量图标,一键下载SVG、字体图标,网页开发常用图标库。

前往选用 →
无版权图片

Unsplash

高清免费摄影大图,商用无版权限制,网页配图绝佳选择。

前往下载 →
插画素材

unDraw

扁平化矢量插画,可自定义配色,免费商用,适合官网页面装饰。

前往选用 →
配色参考

Coolors

一键生成和谐配色方案,吸取优秀配色,解决页面配色纠结问题。

前往取色 →

综合免费自学平台

综合公开课

中国大学MOOC

高校免费计算机专业课,计算机组成原理、操作系统、计算机网络课程。

前往选课 →
技术书籍

掘金开发者社区

优质技术文章、行业干货、前沿技术解读,日常碎片化阅读学习。

前往阅读 →