---
title: "学习"
canonical_url: "https://wwlight.vercel.app/bookmarks/learn"
---
# 学习

## 入门路径

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="http://es6.ruanyifeng.com/">

阮一峰 - ES6 入门教程

</tip>

<tip to="https://zh.javascript.info/">

javascript.info - 现代 JS 教程

</tip>

<tip to="https://cn.history.js.org/">

JavaScript 二十年 - 语言史

</tip>

<tip to="https://coffe1891.gitbook.io/frontend-hard-mode-interview/">

前端内参 - 进阶知识

</tip>

<tip to="http://liubin.org/promises-book/">

Promise 迷你书 - 异步入门

</tip>

<tip to="https://www.30secondsofcode.org/">

30 Seconds of Code - 代码片段

</tip>

<tip to="https://discoverthreejs.com/">

Discover three.js - Three.js 教程

</tip>

<tip to="https://www.techinterviewhandbook.org/">

Tech Interview Handbook - 技术面试手册

</tip>

<tip to="https://ebookfoundation.github.io/free-programming-books/books/free-programming-books-zh.html">

free-programming-books - 免费编程书籍

</tip>

<tip to="https://csdiy.wiki/">

CS 自学指南 - 计算机自学路径

</tip>

<tip to="https://wizardforcel.gitbooks.io/vbird-linux-basic-4e/content/index.html">

鸟哥的 Linux 私房菜 - 基础教程

</tip>

<tip to="https://www.bookstack.cn/">

书栈网 - 技术文档阅读

</tip>

<tip to="https://wangdoc.com/">

网道 - 互联网开发文档

</tip>
</div>

---

## 开源清单与主页装饰

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://opensource.guide/zh-hans/">

开源软件指南 - 如何参与开源

</tip>

<tip to="https://gitee.com/opensource-guide/">

开源指北 - 开源入门

</tip>

<tip to="https://github.com/xitu/gold-miner">

掘金翻译计划 - 技术文章翻译

</tip>

<tip to="https://github.com/bradtraversy/50projects50days">

50 Projects 50 Days - 前端小项目

</tip>

<tip to="https://liiked.github.io/VS-Code-Extension-Doc-ZH">

VS Code 插件文档 - 中文开发指南

</tip>

<tip to="https://github.com/vuejs/awesome-vue">

awesome-vue - Vue 资源清单

</tip>

<tip to="https://github.com/opendigg/awesome-github-vue">

awesome-github-vue - Vue 项目清单

</tip>

<tip to="https://github.com/Aufree/awesome-wechat-weapp">

awesome-wechat-weapp - 小程序资源

</tip>

<tip to="https://github.com/GorvGoyl/Clone-Wars">

Clone-Wars - 开源替代品清单

</tip>

<tip to="https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md">

github-readme-stats - README 数据卡片

</tip>

<tip to="https://github.com/ryo-ma/github-profile-trophy">

github-profile-trophy - 主页成就徽章

</tip>

<tip to="https://ashutosh00710.github.io/github-readme-activity-graph/">

Activity Graph - README 贡献图

</tip>

<tip to="https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md">

Git 飞行规则 - 常见问题手册

</tip>
</div>

---

## 算法

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://the-algorithms.com/">

The Algorithms - 多语言算法库

</tip>

<tip to="https://www.hello-algo.com/">

Hello 算法 - 动画图解教程

</tip>

<tip to="https://leetcode-solution-leetcode-pp.gitbook.io/leetcode-solution/">

算法通关之路 - LeetCode 讲解

</tip>

<tip to="https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md">

JS Algorithms - 算法与数据结构

</tip>

<tip to="https://visualgo.net/zh">

VisuAlgo - 数据结构和算法动态可视化

</tip>

<tip to="https://www.jsv9000.app/">

JS Visualizer 9000 - 事件循环可视化

</tip>

<tip to="https://pathfinding-visualizer-nu.vercel.app/">

Pathfinding Visualizer - 寻路可视化

</tip>
</div>

---

## 在线练习

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://github.com/type-challenges/type-challenges/blob/main/README.zh-CN.md">

type-challenges - TypeScript 类型体操

</tip>

<tip to="https://typehero.dev/">

TypeHero - TypeScript 类型练习

</tip>

<tip to="https://cn-vuejs-challenges.netlify.app/">

Vue.js 挑战 - Vue3 在线挑战平台

</tip>

<tip to="https://learngitbranching.js.org/?locale=zh_CN">

Learn Git Branching - 在线 git 学习教程

</tip>

<tip to="https://cssgridgarden.com/#zh-cn">

Grid Garden - 在线 grid 学习教程

</tip>

<tip to="http://www.flexboxdefense.com/">

Flexbox Defense - 在线 flex 学习教程

</tip>

<tip to="https://svg-tutorial.com/">

SVG Tutorial - SVG 交互教程

</tip>

<tip to="https://codingfantasy.com/">

Coding Fantasy - 游戏化学前端

</tip>

<tip to="https://zh.learnlayout.com/">

Learn Layout - CSS 布局入门

</tip>

<tip to="http://layout.imweb.io/">

IMWeb - 深入 CSS 布局

</tip>
</div>

---

## 在线课程

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://www.freecodecamp.org/chinese/">

FreeCodeCamp - 免费编程课程

</tip>

<tip to="https://scrimba.com/">

Scrimba - 交互式编程课程

</tip>

<tip to="https://www.quanzhanketang.com/">

W3Schools - Web 技术教程

</tip>

<tip to="https://codegym.cc/zh/">

CodeGym - 在线 Java 语言编程课程

</tip>

<tip to="https://exercism.org/">

Exercism - 免费在线编程

</tip>

<tip to="https://labex.io/">

LabEx - 交互式动手实验学习平台

</tip>

<tip to="https://www.doyoudo.com/">

doyoudo - 资源学习网站

</tip>
</div>

---

## 英语

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://www.duolingo.cn/">

多邻国 - 语言学习

</tip>

<tip to="https://www.lingohut.com/zh/l1/%E5%AD%A6%E4%B9%A0%E8%8B%B1%E8%AF%AD">

LingoHut - 免费英语课程

</tip>

<tip to="https://www.tingclass.net/">

听力课堂 - 英语听力练习

</tip>

<tip to="https://relingo.net/">

Relingo - 网页生词学习

</tip>

<tip to="https://www.trancy.org/">

Trancy - 双语视听学习

</tip>

<tip to="https://www.newconceptenglish.com/">

新概念英语 - 教材学习

</tip>

<tip to="https://words.aihub.ren/">

程序员英语词汇宝典 - 术语学习

</tip>

<tip to="https://www.typelit.io/">

TypeLit - 文学打字练习

</tip>

<tip to="https://www.typingclub.com/sportal/">

TypingClub - 打字练习

</tip>

<tip to="https://2study.top/">

Type Words - 开源单词与文章练习工具

</tip>

<tip to="https://qwerty.kaiyi.cool/">

Qwerty Learner - 程序员单词练习

</tip>

<tip to="https://a-programmers-guide-to-english.harryyu.me/">

程序员英语指南 - 英语学习路径

</tip>

<tip to="https://byoungd.gitbook.io/english-level-up-tips/">

English Level Up - 英语提升技巧

</tip>

<tip to="https://zhenti.burningvocabulary.com/">

英语真题在线 - 考试练习

</tip>

<tip to="https://newsela.com/">

Newsela - 分级英语阅读

</tip>
</div>

---

## 成长读物

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://howto-make-more-money-easychen.vercel.app/">

程序员零花钱 - 副业指南

</tip>

<tip to="http://www.inode.club/">

程序员成长指北 - 成长读物

</tip>

<tip to="https://www.easywpbook.com/">

EasyWPBook - WordPress 实战课

</tip>
</div>


## Sitemap

See the full [sitemap](https://wwlight.vercel.app/sitemap.md) for all pages.