📚 JavaScript 基础教学

从基础到高级,全面掌握现代 JavaScript,包括 ES6+ 特性和最新技术

📚 系统学习

从基础语法到高级特性,循序渐进的学习路径

💻 实战项目

通过实际项目巩固所学知识,提高应用能力

🚀 现代技术

涵盖 ES6+、TypeScript、异步编程等现代特性

🎯 工程化

学习模块化、性能优化、安全等企业级实践

第一阶段:基石与现代语法 (The Modern Foundation)

目标:建立正确的变量、数据类型和控制流概念,掌握现代 JavaScript 语法。

第一章:JavaScript 初探与环境搭建

语言简介、发展历史、运行环境、开发工具配置

第二章:变量与数据类型

let/const/var、原始类型、类型检测、类型转换

第三章:运算符与控制流

运算符详解、条件语句、循环结构、异常处理基础

第四章:函数基础

函数声明、参数处理、返回值、作用域、箭头函数

第二阶段:数据结构与高级操作 (Data Structures & Operations)

目标:熟练掌握数据处理,理解 JavaScript 中的核心数据结构。

第五章:数组与现代处理方法

数组方法、高阶函数、解构赋值、展开运算符

第六章:对象与 Map/Set

对象操作、属性描述符、Map/Set、WeakMap/WeakSet

第七章:字符串与正则表达式

字符串方法、模板字面量、正则语法、实战应用

第三阶段:面向对象与模块化 (OOP & Modules)

目标:构建可维护的大型代码结构,掌握现代模块化开发。

第八章:面向对象编程

原型链、class 语法、继承、封装与多态

第九章:模块化系统

ES Modules、导入导出、动态导入、模块化最佳实践

第四阶段:异步编程与错误处理 (Async & Errors)

目标:优雅地处理网络请求和并发操作,编写健壮的代码。

第十章:异步编程进化史

回调函数、Promise、async/await、事件循环

第十一章:网络请求与数据交互

Fetch API、请求配置、响应处理、跨域问题

第十二章:错误处理与资源管理

try-catch、错误类型、自定义错误、资源清理

第五阶段:DOM 操作与浏览器 API (DOM & Browser APIs)

目标:创造丰富的用户交互体验,掌握浏览器提供的强大能力。

第十三章:DOM 操作进阶

选择器、节点操作、属性处理、性能优化

第十四章:事件系统

事件流、事件委托、自定义事件、手势处理

第十五章:现代浏览器 API

存储 API、历史管理、剪贴板、通知、地理位置

第六阶段:工程化与实战 (Engineering & Projects)

目标:掌握 TypeScript 和构建工具,完成高质量商业级项目。

第十六章:TypeScript 入门

类型系统、接口、泛型、类型推断、与 JS 互操作

第十七章:性能优化与安全

性能监控、优化策略、安全防护、最佳实践

第十八章:综合实战项目

SPA 应用、数据可视化、实时通信、全栈项目