JavaScript入门
JavaScript 如今已是 Web 的默认语言，但多数入门课会用一个危险错觉让你收场：背熟了循环和函数就以为"会了"。真相反而是你想动手做点真东西的那一刻浮出来的——你会撞上 == 与 === 的坑、this 绑定、异步执行顺序这些古怪之处，而教程式代码就挂了。这是一门换一种方式教的入门课：它教语言本身，同样重要的，还教浏览器到底怎么跑你的代码的心智模型。到结尾你会有可运行的交互页面和一套调试习惯，而不只是一堆语法卡片。
你读了十篇 JS 教程却做不出东西，原因是这个
JavaScript 是最容易上手的语言，而这恰恰是那么多新手卡住的原因。你打开浏览器控制台、敲一个大函数、立刻得到反馈——没有编译器、没有配置、不会崩。然而半个月教程下来，大多数人还是没法不抄代码就做出一个可用的交互页面。差距不在智商，而在教程按章节顺序教语法，而真实的 JavaScript 要求你同时摆弄变量、函数、作用域、DOM 和异步行为。一份给初学者的正经 JavaScript 课程必须围绕项目而非语言章节来组织。一直困在"forEach 循环与箭头函数"的教程泥潭里，你缺的不是又一本参考书，而是一条有人带着走的构建路径。在摸任何框架之前该掌握的确切核心，我们写在了JavaScript 要点指南里。
起步：先搞清楚"入门级 JavaScript"究竟包含什么
报班之前，先看课程目录，问自己一个问题：它教的是语言，还是教你怎么背框架咒语？一份值回票价的初学者大纲，至少该覆盖：
- 值、类型与变量：
let、const、var的区别，以及提升（hoisting）为什么坑你。 - 函数与作用域：参数、返回值、闭包，以及变量"意外逃逸"出代码块的原因。
- 数据结构：数组和对象，
map、filter之类数组方法，以及对象可变性。 - DOM 操作：选中元素、处理事件、不刷新页面就更新页面。
- 异步 JavaScript：promise、async/await、fetch——这部分把一半半途而废的人筛掉了。
- 调试：用浏览器开发者工具的控制台和断点，而不是靠猜。
如果一门课在你亲手写过一条 promise 之前就跳去 React 或某个框架，那它是框架课，不是 JavaScript 入门课。那一层可以以后学，我们在JavaScript 框架指南里单独拆过，而且前提是基础已经扎实。
按你的真实学习方式选课
不是所有 JS 资源都平等，"最好"的那个是你能坚持学完的那个。与其问哪个平台的名师最响，不如决定你更靠哪种方式学得进：看视频示范、互动练习、还是赶着工期动手做。这个选择比品牌知名度重要得多。
- 先看再学的人，一门项目清晰的结构化视频课最划算。
- 边做边学的人，每个练习都立刻给反馈的互动平台能让你保持诚实。
- 在有约束下动手的人，带评分任务和截止日期的作业制课程适合你。
无论怎么选，认准一个主资源，而不是七个之间来回跳。跳来跳去是"每个教程都懂、就是不会写代码"综合征的头号元凶。如果你的基础是零，也可以先顺一篇用 AI 学编程打开学习方式，或对照编程学习路线安排节奏，再决定要不要为整套体系付费——先花小钱试水，总比一上来就砸一笔强。
课程对比：你的钱花得值不值
下表对比初学者最常选的几个平台。价格反映的是近期公开方案，功能只列对第一门语言真正要紧的。
| 平台/工具 | 核心特性 | 价格参考 |
|---|---|---|
| freeCodeCamp | 300+ 小时免费课程、项目制、证书、活跃社区 | 永久免费；可选捐赠 |
| Codecademy | 互动练习、进度追踪、引导路径、手机 App | 按年付约每月 ¥126 起；免费层有限 |
| Odin Project | 开源大纲、全栈路径、社区驱动、真实项目 | 免费 |
| MDN Web Docs（JavaScript 部分） | 权威参考、教程、浏览器兼容性表 | 免费 |
| Udemy（按课收费） | 长视频、可下载代码、常打折 | 促销时通常 ¥72–180 一门 |
| Scrimba | 可原地编辑的互动录屏、动手挑战 | 按年付约每月 ¥86 起，部分课免费 |
注意规律：质量最高的起点都是免费的。如果你纯新手，先用 freeCodeCamp 的 JS 体系或 Odin Project，一分钱别花。等你清楚自己的学习风格、想要结构、证书或有人盯着，再付费。早花钱很少能提速——等你已经下定决心之后、为"对的结构"花钱才有效。
容器问题：学 JS 的同时该不该学 Docker？
短答：还不用。教你的第一反应可能是先配一套"专业"环境——Docker、VS Code 扩展、一整套工具链——然后才写第一行 JS。忍住。第一个月，打开浏览器、建一个 HTML 文件、跑普通 script 标签就够。这个阶段，复杂度是学习的敌人。等你在发小项目、想让本地环境和真实生产贴近时，再来给开发环境容器化就值了。什么时候以及怎么负责地做这件事，我们在Docker 入门指南里有，但请把它当成后续技能，而不是前置条件。太早引入 Docker，就像刚学开车就上大货车。
你的第一个真实项目：没人提的那种作业
多数入门课以"待办清单 App"收尾——这句开场白每个面试官都听烦了。更好的第一个项目是一个小的交互式闪卡应用：它逼你把数组、对象、事件监听器和 localStorage 全用进一个连贯作品里。按这个顺序做：
- 定义一组对象作为牌组，含问题、答案、状态。
- 用循环把它们渲染进 DOM，而不是手写 HTML。
- 加点击处理，翻牌显示答案并记录你答对没有。
- 把进度存进 localStorage，刷新后仍在。
- 用数组方法加一个简单的"洗牌"和"只复习错题"功能。
做完它，你就在一顿饭的功夫里用到了大部分入门大纲，还得到一个真能拿来学习的实用工具。这种具体里程碑比多学一章更能长久地维持动力。如果你想要一条更快的压缩路径学这几个概念，可以走节奏更紧凑的集训安排，把同样的核心过一遍。
浪费你好几个月的常见新手错误
知道要避什么，比任何捷径都省时间。以下是我在每届学员身上反复看到的错误：
- 抄代码而不是自己重敲。手敲能建立肌肉记忆，粘贴不能。
- 跳过调试器。到处用
console.log而不学断点，会让硬 bug 无解。 - 在学数组之前先背方法。想弄懂
map/filter/reduce之前得先懂迭代和可变性，否则必然混乱。 - 太早追框架。React 不会拯救你不稳的地基，只会把它遮住。
- 不读报错信息。新手常无视浏览器给出的确切行号和消息，而那通常就是答案。
改掉这五个习惯，你跑得会比 80% 的同期同学快。
延伸阅读： 和 统计学入门。
常见问题
一个零基础的人学 JS 到能独立做项目，大概要多久？
按每周 5–8 小时的稳定课余投入，多数人在 8–12 周达到"能构建并调试一个小交互页面"。真要流利处理异步和数据请求，通常要接近 4–6 个月。长度不如坚持——每天聚焦 30 分钟，胜过周末 6 小时突击。
学 JS 之前需要会 HTML 和 CSS 吗？
需要一个基线。浏览器里的 JS 操作的是 DOM，所以你得懂元素、属性和基础选择器才能干出有用的事。不用是设计专家，但几周 HTML/CSS 基础会让你的 JS 练习有意义。
应该先学纯 JS，还是直接跳框架？
先纯 JS，一直到你能不靠任何库构建并调试一个小的交互应用。React、Vue 这些工具解决真问题，但也引入状态、hooks、虚拟 DOM 等概念，只有你先懂底层行为它们才讲得通。多数资深开发建议先纯 JS 几个月。
新手选 freeCodeCamp 还是 Codecademy？
预算为零的纯新手，freeCodeCamp 是更好的起点：免费、项目制、扎实。如果你更喜欢被引导着一步步走的互动体验、且愿意为结构、责任感和追踪付费，Codecademy 的套餐是合理升级。两者都不差，差别只在成本与结构之间。
最快摆脱"教程地狱"的办法是什么？
逼自己不跟着照做就去构建。从你学过的小功能里挑一个，关掉教程，凭记忆或凭空实现。卡住时查那一小块——那个函数、那个方法、那条报错——而不是重看整支视频。用这种方式做一个项目，抵得上被动看五门课。