先讲清楚：这门课解决什么工作场景

很多上班族和转行者刚接触网页开发，往往卡在“页面画出来了，但点不动”的阶段。这门课针对的就是这个断层：把静态页面变成能响应用户操作的交互式网站。课程主线围绕 JavaScript 的核心语法和浏览器对象展开，覆盖变量、数据类型、分支循环、函数、数组、对象等基础块，以及 window 对象等与页面交互直接相关的内容。学完之后，你能独立完成表单验证、动态内容渲染、简单的页面交互逻辑，而不是只会写 HTML 和 CSS 却不敢碰功能。

适合什么基础，建议先看哪几块

资料定位是零基础起步，但默认你已经能写出基本网页结构，懂常用标签和样式。如果你完全没碰过 HTML 和 CSS，建议先补这一块，否则讲到操作页面元素时会跟不上。对于有基础的人，可以直接从数据类型、数组方法、函数这几节切入，快速进入逻辑编写阶段。资料从开发工具配置和 console 使用开始，这部分别跳，尤其 console 调试是后面排查问题的基本手段。对象逻辑那一块是重点，分支、循环、函数、window 对象串起来，才构成一个完整的交互流程。

学完能独立做什么，资料怎么配合练习

学完这门课，你能独立写出一个具备基本交互的网站，比如用户输入数据后做类型转换和数值运算、用数组方法管理一组数据、用函数封装重复逻辑、用分支语句控制不同情况下的页面行为。具体场景包括表单校验、简单的计算器、日期处理、动态列表渲染等。资料配合方式建议边看边写：每学一个语法点，先在 console 里验证，再写进一个小函数，最后试着组合两三个知识点做一个微型交互。别只看不练，JavaScript 的语法本身不难，难在把语法变成解决问题的逻辑，只有动手写才能内化。遇到卡壳，先回到 console 打印中间结果，再逐步定位问题。


实现交互式网站的功能,打造自己的交互式网站

课程目录

*   01 基础类型/

  *   01 Javascript-vscode配置

  *   02 Javascript-console的使用

  *   03 Javascript-三种容器关键字

  *   04 Javascript-数据类型

  *   05 Javascript-类型转换

  *   06 JavaScript-数值运算和Math对象

  *   07 JavaScript-字符串方法

  *   08 JavaScript-模板字符串

  *   09 JavaScript-数组方法

*   02 对象逻辑/

  *   01 JavaScript-对象

  *   02 JavaScript-日期

  *   03 JavaScript-分支语句

  *   04 JavaScript-Switch分支

  *   05 JavaScript-循环

  *   06 JavaScript-函数

  *   07 JavaScript-window对象

  *   08 JavaScript-变量作用域

*   03 DOM操作/

  *   01 JavaScript-DOM介绍

  *   02 JavaScript-获取单个元素对象

  *   03 JavaScript-获取多个元素对象

  *   04 JavaScript-获取节点

  *   05 JavaScript-添加元素

  *   06 JavaScript-替换和删除元素

*   04 事件存储/

  *   01 JavaScript-事件监听和事件对象

  *   02 JavaScript-鼠标事件

  *   03 JavaScript-键盘事件

  *   04 JavaScript-事件冒泡和事件代理

  *   05 JavaScript-本地存储LStorage和JSON

  *   06 JavaScript-重构页面和添加任务

  *   07 JavaScript-删除搜索元素

  *   08 JavaScript-所有数据实现本地持久化