🎉32 个面向视觉学习者的代码教程🖼

有时候，通过图片理解代码比直接看代码更容易。我整理了一份（免费！）代码教程列表，帮助你通过精美的图片学习。

JavaScript 教程

JavaScript Service Worker 可视化

🔘大 O 符号与流程图可视化

🎬通过导演一部电影来解释 Node 包管理器 (NPM)

🥙通过外出就餐了解 Express.js 的基础知识

👸🏽 JavaScript 变量作用域如何如同多层级政府

👨🏽‍🎓通过申请大学来解释 JavaScript 的过滤功能

🥗通过节食解释 JavaScript 的 Reduce 方法

🎲通过赌场赌博来解释 JavaScript Promise

📖通过阅读一本书来解释归并排序

通过烹饪一顿简单的饭菜来解释 JavaScript 中的🍚状态

🛷 JavaScript 箭头函数（通过幻灯片向下讲解）

🛁冒泡排序算法解释

🎶通过组建高中乐队来解释 JavaScript 的“this”

💡 JavaScript 的 apply、call 和 bind 解释

🖥 JavaScript 可视化：JavaScript 引擎

📱 JavaScript 可视化：生成器和迭代器

💻 Javascript 可视化：原型继承

➰ Javascript 可视化：事件循环

⬆️ Javascript 可视化：范围

⤴️ Javascript 可视化：提升

🗺 Javascript 中的 Map/Filter/Reduce 是什么？

🗾通过徒步旅行解释 Javascript Map()🧗🏽‍♀️

➰什么是事件循环？

CSS 教程

🔘什么是 CSS 形状？

🎨 CSS 组合器详解

🔲 CSS 定位

Web 性能教程

▶️什么是自适应加载？

⏯自适应服务

🐅 20 美元的手机即可快速加载网页

DevOps

💡 Docker 基础知识

✨ CS 可视化：有用的 Git 命令

🥜 Kubernetes 和 Virtual Kubelet 简介

我记得以前用表情符号解释概念的 JavaScript 教程总是出现在dev.to的首页上。我是不是漏掉了什么？欢迎留言，我会添加到列表中！