这门课解决什么问题,值不值得学

这套资料的主题是 JavaScript 零基础入门,属于前端开发体系课的第四部分。它解决的是一个非常具体的问题:非计算机专业、或者只懂一点 HTML 和 CSS 的人,面对网页交互逻辑时无从下手。如果你之前用 Python 写过后端逻辑,但一到浏览器端就卡壳,或者你是想转行做前端的上班族,被各种花哨的框架绕晕了,那么这门课的价值在于帮你把最底层的变量、数据类型、运算符这些概念掰碎了讲清楚。它不教你写复杂的企业级应用,而是让你先搞懂浏览器里运行的代码到底长什么样、怎么控制基础数据。值不值得学,取决于你现在的状态:如果你连变量声明和类型转换都说不清,直接去啃框架只会越学越虚,这时候花时间看这套基础课是划算的;如果你已经能独立写表单验证逻辑,这部分内容对你来说就太浅了,建议跳过。

资料适合什么基础,建议先看哪几块

这套资料完全针对零基础设计,不要求你提前掌握编程经验,但最好知道网页是怎么在浏览器里显示的。从内容编排看,它从最基础的代码初体验开始,逐步过渡到变量定义、数据类型、运算符和字符串操作,节奏很慢,每个知识点都配了单独的演示。建议你拿到资料后不要按顺序从头到尾刷,而是先挑三块看:第一是数据类型和转换函数部分,这是后面所有逻辑判断的根基,很多初学者写不出代码就是因为搞不清 undefined 和 null 的区别;第二是运算符部分,尤其是逻辑运算符和自增自减,这是控制程序流程的核心;第三是字符串属性与方法的使用,因为实际工作中处理用户输入的文本数据是高频操作。把这三块看明白,再回头补前面的输出方式,效率会更高。如果你之前学过 Python,看的时候可以对比着来,比如 Python 的缩进和 JavaScript 的花括号区别、动态类型在两门语言里表现的不同,这样能帮你更快建立映射。

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

看完这套资料后,你能独立做的事情很有限,但很关键:你可以在网页里写一段简单的脚本,接收用户输入的数据,做基础类型转换和逻辑判断,然后把结果输出到页面上。比如写一个判断用户输入的年龄是否成年的小功能,或者对一段文本做格式处理。这听起来不复杂,但它是所有前端交互的第一步,没有这个底子,后面学 DOM 操作和事件监听会非常吃力。资料配合练习的方式建议这样安排:每看完一个知识点的演示,暂停视频,自己把代码敲一遍,改一下参数值看结果变化。比如讲到数值类型转换时,自己试一下把字符串转成数字、把布尔值转成数字,看看输出是什么。不要只看不练,编程是手艺活,眼睛看懂和手能敲出来是两回事。另外,这套资料本身没有配套练习题,你需要自己给自己出题:学完运算符就写一个简单的计算器逻辑,学完字符串方法就写一个提取特定字符的功能。把每个小知识点转化成一个小练习,比连续刷几个小时视频效果好得多。

课程目录

课程目录61 集
  • 1-1 [JavaScript零基础入门学习] JavaScript初体验 (20:59).mp4
  • 1-2 [JavaScript零基础入门学习] js输出的三种办法与js变量的定义 (21:47).mp4
  • 1-3 [JavaScript零基础入门学习] 数据类型undefined,null,number,bool (18:55).mp4
  • 1-4 [JavaScript零基础入门学习] 数值类型与转换函数 (19:59).mp4
  • 1-5 [JavaScript零基础入门学习] js运算符(算数运算符与关系运算符) % (22:20).mp4
  • 1-6 [JavaScript零基础入门学习] js运算符(逻辑运算符,赋值运算符) (20:51).mp4
  • 1-7 [JavaScript零基础入门学习] js运算符(自增,自减) (19:48).mp4
  • 1-8 [JavaScript零基础入门学习] 数据类型字符串的属性与方法的使用(一) (20:02).mp4
  • 1-9 [JavaScript零基础入门学习] 字符串类型方法的使用(二) (20:17).mp4
  • 1-10 [JavaScript零基础入门学习] 字符串方法,Math对象与正则表达式的使用 (20:58).mp4
  • 1-11 [JavaScript零基础入门学习] 字符串中正则表达式使用(二) (18:43).mp4
  • 1-12 [JavaScript零基础入门学习] 字符串中的正则表达式的使用(三) (22:07).mp4
  • 1-13 [JavaScript零基础入门学习] 正则表达式的方法的使用(四) (19:54).mp4
  • 1-14 [JavaScript零基础入门学习] 字符串中正则表达式方法与实例使用(五) (17:39).mp4
  • 1-15 [JavaScript零基础入门学习] 数组的创建与使用 (20:53).mp4
  • 1-16 [JavaScript零基础入门学习] 数组的创建3种方式与length属性的使用 (21:47).mp4
  • 1-17 [JavaScript零基础入门学习] 数组的获取值添加值修改值级注意事项 (19:35).mp4
  • 1-18 [JavaScript零基础入门学习] 数组循环赋值,取值与俩个变量值交换实例 (20:28).mp4
  • 1-19 [JavaScript零基础入门学习] 数组的数组常用方法的使用(concat,slice,spli (24:06).mp4
  • 1-20 [JavaScript零基础入门学习] 数组冒泡排序和二维数组的使用 (15:35).mp4
  • 1-21 [JavaScript零基础入门学习] 数组总结复习与对象的学习与创建 (19:28).mp4
  • 1-22 [JavaScript零基础入门学习] 对象的属性方法的添加和使用以及date对象的创建使用 (22:04).mp4
  • 1-23 [JavaScript零基础入门学习] 日期对象date的使用 (20:09).mp4
  • 1-24 [JavaScript零基础入门学习] 数据类型之日期对象date的使用 (20:26).mp4
  • 1-25 [JavaScript零基础入门学习] 定时执行setInterval和setTimeout的使用 (20:14).mp4
  • 1-26 [JavaScript零基础入门学习] 运算符和逻辑分支 (20:33).mp4
  • 1-27 [JavaScript零基础入门学习] if单分支与双分支语句 (21:05).mp4
  • 1-28 [JavaScript零基础入门学习] if语句的嵌套使用(巢状分支结构) (20:50).mp4
  • 1-29 [JavaScript零基础入门学习] switch语句与循环结构初体验 (19:48).mp4
  • 1-30 [JavaScript零基础入门学习] 循环结构while的使用 (21:17).mp4
  • 1-31 [JavaScript零基础入门学习] 循环结构while循环实例左侧正三角形与九九乘法表 (19:54).mp4
  • 1-32 [JavaScript零基础入门学习] while循环右侧正三角形与左侧倒三角形的实现 (18:28).mp4
  • 1-33 [JavaScript零基础入门学习] while右侧倒三角形与for循环初体验 (19:24).mp4
  • 1-34 [JavaScript零基础入门学习] for循环的使用嵌套与实现三角形实例 (20:37).mp4
  • 1-35 [JavaScript零基础入门学习] dowhile循环的使用与实例以及注意事项 (18:38).mp4
  • 1-36 [JavaScript零基础入门学习] dowhile实例实现三角形 (20:59).mp4
  • 1-37 [JavaScript零基础入门学习] 循环关键字break与continue的使用与实例 (20:26).mp4
  • 1-38 [JavaScript零基础入门学习] forin、forEach与函数function定义与使用 (20:24).mp4
  • 2-1 [JavaScript函数] 函数参数与return关键字的使用与注意事项 (21:08).mp4
  • 2-2 [JavaScript函数] 变量var的使用与常量定义.和函数其它定义方式 (20:48).mp4
  • 2-3 [JavaScript函数] 函数自调用与arguments对象的使用(计数器实现实例) (20:24).mp4
  • 2-4 [JavaScript函数] 计数器的实现与Dom操作 (20:46).mp4
  • 3-1 [JavaScriptDom操作] 属性innerHTML与innerText的使用 (19:52).mp4
  • 3-2 [JavaScriptDom操作] 节点属性的获取和更改以及css样式的设置与实例 (19:45).mp4
  • 3-3 [JavaScriptDom操作] js获取与设置多个css样式 (21:03).mp4
  • 3-4 [JavaScriptDom操作] 设置多个类名与属性classList的使用 (19:30).mp4
  • 3-5 [JavaScriptDom操作] 点击事件onclick与js分配点击事件 (19:43).mp4
  • 3-6 [JavaScriptDom操作] 事件派发与阻止事件派发和onchange事件的使用 (18:50).mp4
  • 3-7 [JavaScriptDom操作] 事件onselect与onfocus和onblur的使用与实 (19:07).mp4
  • 3-8 [JavaScriptDom操作] 鼠标移入移出事件 (20:00).mp4
  • 3-9 [JavaScriptDom操作] 点击事件与event对象的使用 (20:31).mp4
  • 3-10 [JavaScriptDom操作] 键盘事件与事件监听 (20:47).mp4
  • 3-11 [JavaScriptDom操作] 事件监听的使用与实例 (19:34).mp4
  • 3-12 [JavaScriptDom操作] 事件监听的冒泡与捕获 (19:35).mp4
  • 3-13 [JavaScriptDom操作] 事件监听的阻止冒泡和节点操作 (19:54).mp4
  • 3-14 [JavaScriptDom操作] 节点操作(创建标签节点,文本节点,克隆,替换节点) (20:11).mp4
  • 3-15 [JavaScriptDom操作] 节点操作(查找、添加、移除、获取节点标签名、获取兄弟节点) (19:18).mp4
  • 3-16 [JavaScriptDom操作] BOM操作window对象的使用 (19:51).mp4
  • 3-17 [JavaScriptDom操作] BOM操作之(location、前进后退、获取浏览器信息 (20:29).mp4
  • 3-18 [JavaScriptDom操作] BOM中弹框与DOM和BOM的回顾 (19:42).mp4
  • 3-19 [JavaScriptDom操作] js的DOM与BOM的回顾 (13:21).mp4