从打开浏览器按 F12 开始，用最通俗的语言和大量可直接运行的示例，一步步讲清楚变量、数据类型、条件、循环、函数、数组、对象和 DOM 操作，零基础也能看懂。

ES6+ 是 JavaScript 现代写法的核心。用大量可运行示例讲清楚解构赋值、展开运算符、剩余参数、箭头函数和 import/export 模块化，零基础也能看懂。

用「餐厅点餐」的生活比喻讲透同步与异步、单线程与事件循环，再手把手教 setTimeout、Promise、async/await 和错误处理，这是处理网络请求的必备基础。

从 HTTP 基础讲起，手把手教 fetch 发 GET/POST 请求、处理 JSON 响应和错误，配合 async/await 和公开 API 实战，让页面真正「活」起来。

从语义化 HTML 到 Flexbox、Grid 布局，再到响应式设计和动画过渡，用大量小例子教你写出结构清晰、排版漂亮的网页，附完整卡片案例。

为什么需要框架？组件化、数据驱动、虚拟 DOM 是什么？用计数器、待办清单等小例子手把手教你 Vue 3 和 React 的入门核心，最后给出二选一建议。

把前面学的 HTML/CSS/JS/fetch 全用上，从零做出三个能真正运行的项目：待办清单 App（含本地存储）、天气查询页（真实 API）、简易商城（购物车逻辑）。

TypeScript 是 JavaScript 的超集，给 JS 加上类型检查。从安装运行、基础类型、接口、联合类型到泛型和项目配置，手把手教你从 JS 平滑过渡到 TS。