这门课讲的是 JavaScript 本身,不牵扯框架,也不涉及工程化工具链。它要解决的问题很具体:你能看懂网页结构、会写一点 HTML 和 CSS,但页面上的交互不知道从哪下手;或者你从别的语言转过来,想把 JS 的语法和浏览器里的运行方式补齐。学完之后,你应该能独立写出表单校验、选项卡切换、列表增删改这类真实页面里常见的交互效果,而不是只会在控制台打印一句话。

适合什么基础,不适合什么基础

如果完全没碰过 HTML 和 CSS,建议先补上这两块再来,因为课程里的 DOM 操作默认你知道标签、属性、类名是怎么回事。有后端语言基础的人学起来会轻松一些,条件、循环、函数这些概念可以快速略过,重点放在 JS 特有的部分。但如果你期待的是学完就能做单页应用、接手公司里的 React 或 Vue 项目,那这门课不够用,它到浏览器环境就停了,框架和打包工具都不在范围内。把它当成前端路上的第一块地基更合适。

建议先看哪几块,顺序怎么排

基本语法部分是整门课的地基,变量、数据类型、条件与循环、函数、对象和数组,这几块不要跳,尤其要注意 JS 里数组和对象的常用方法,后面操作 DOM 时反复要用。语法过完之后进入 DOM 操作,这是课程里最能直接转化成工作能力的一段,重点看怎么选中元素、怎么读写内容和样式、怎么绑定事件。浏览器环境那部分容易被忽略,但它决定了你写的代码在真实页面里跑不跑得起来,比如页面加载顺序、事件触发的时机,遇到报错时能不能自己定位问题,靠的就是这块。看视频时不要只跟着敲,每看完一个知识点,把视频里的例子改一改再跑一遍,改动本身就是检验有没有真懂的方式。

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

比较现实的目标是:给你一张静态页面,你能自己加上交互逻辑,比如点击按钮切换内容、输入框实时校验并给出提示、列表支持添加和删除、菜单展开收起。这些需求在中小型项目里出现频率很高,也是面试常被要求手写的题目。练习建议按三步走:先照着视频把例子复现一遍,确认环境没问题;然后不看视频,凭记忆重写一次,卡住的地方回去查;最后找一个自己常逛的网页,挑一个小交互模仿着做出来。对象、数组和函数这几节的内容建议反复过两遍,它们是后面所有代码的基础,前期省下的时间后面会加倍还回来。整门课节奏偏慢,适合每天固定抽一小时推进,连着看容易忘,边看边写更稳。

课程目录

24551 集
  • 45 📁 📁 JavaScript基本语法 JavaScript基本语法说明.zip
  • [1.8 MB] 课时7JavaScript基本语法-对象、数组、函数.mp4
  • [36.2 MB] 课时4JavaScript基本语法-条件语句和循环语句以及控制语句.mp4
  • [35.2 MB] 课时3JavaScript基本语法.mp4
  • [12.2 MB] 课时9JavaScript基本语法-运算符、练习.mp4
  • [35.0 MB] 课时8JavaScript基本语法-函数、运算符.mp4
  • [35.3 MB] 课时6JavaScript基本语法-数值和字符串以及练习.mp4
  • [24.3 MB] 课时5JavaScript基本语法-数值.mp4
  • [18.3 MB] 📁 📁 练习题 练习题文档.png [493.5 KB] 课时41练习题(一).mp4
  • [10.9 MB] 课时45练习题(五).mp4
  • [10.0 MB] 课时44练习题(四).mp4
  • [7.6 MB] 课时42练习题(二).mp4
  • [7.4 MB] 课时43练习题(三).mp4
  • [7.1 MB] 📁 📁 JavaScript简介 JavaScript简介文档.zip
  • [1.8 MB] 课时1JavaScript简介.mp4
  • [13.6 MB] 📁 📁 浏览器环境 浏览器环境资料.zip
  • [1.8 MB] 课时31同源策略.mp4
  • [18.7 MB] 课时29Cookie、Web Storage.mp4
  • [41.0 MB] 课时28Windows对象、history对象、Cookie.mp4
  • [60.3 MB] 课时32同源策略与CORS.mp4
  • [24.4 MB] 课时30Ajax.mp4
  • [48.4 MB] 📁 📁 Chrome开发者工具 Chrome开发者工具说明.png [493.5 KB] 课时2Chrome开发者工具.mp4
  • [35.9 MB] 📁 📁 JavaScript标准库 JavaScript标准库必看.png [493.5 KB] 课时10JavaScript标准库-Object对象、Array对象.mp4
  • [31.6 MB] 课时11JavaScript标准库-Array对象、包装对象.mp4
  • [38.3 MB] 课时12JavaScript标准库-Math对象、Date对象、JSON对象.mp4
  • [44.2 MB] 课时14JavaScript基本语法-单线程、异步、定时器.mp4
  • [26.5 MB] 课时13JavaScript基本语法-console对象.mp4
  • [13.5 MB] 📁 📁 DOM DOM说明.zip
  • [1.8 MB] 课时16JavaScript-DOM节点.mp4
  • [25.6 MB] 课时18JavaScript-DOM节点之间的关系(二).mp4
  • [32.4 MB] 课时27DOM常见事件(下).mp4
  • [36.6 MB] 课时25JavaScript-DOM 事件模型 Event对象.mp4
  • [37.9 MB] 课时20JavaScript-DOM document属性(一).mp4
  • [39.4 MB] 课时22JavaScript-DOM Element和Attr对象.mp4
  • [46.0 MB] 课时19JavaScript-DOM节点之间的关系(三).mp4
  • [21.5 MB] 课时23JavaScript-DOM Attr对象和Text节点、DocumentFragment节点.mp4
  • [24.8 MB] 课时24JavaScript-DOM 事件模型.mp4
  • [36.1 MB] 课时21JavaScript-DOM document属性(二).mp4
  • [45.2 MB] 课时17JavaScript-DOM节点之间的关系(一).mp4
  • [31.2 MB] 课时15JavaScript-DOM介绍.mp4
  • [30.3 MB] 课时26DOM常见事件.mp4
  • [40.5 MB] 📁 📁 Form Form资料.png [493.5 KB] 课时40前端框架等介绍.mp4
  • [6.9 MB] 课时34Form介绍(二).mp4
  • [11.3 MB] 课时38WebSocket.mp4
  • [21.9 MB] 课时39WebRTC.mp4
  • [4.9 MB] 课时36Form下元素介绍(二).mp4
  • [8.9 MB] 课时33Form介绍.mp4
  • [17.8 MB] 课时37Blob及上传文件相关.mp4
  • [14.6 MB] 课时35Form下元素介绍.mp4
  • [18.7 MB] 24545文档.zip
  • [1.8 MB] 适合人群 JavaScript初学者 前端开发人员 学习收获 掌握JavaScript基本语法 学会DOM操作 了解浏览器环境 祝您学习愉快! 学有所成,前程似锦!