JavaScript零基础入门课程:开启前端开发之旅
你是否曾对网页上那些动态交互效果感到好奇?想亲手写出让页面"活"起来的代码,却不知从何下手?《JavaScript零基础入门课程》正是为你量身打造的起航点。本课程专为零编程基础的学习者设计,门槛极低——只需一台电脑和基本的电脑操作能力,无需任何前置知识,即可顺利入门。
课程采用四阶段循序渐进的学习路径,帮助你从零基础稳步成长。第一阶段为JavaScript基础,共9讲。你将首先了解JavaScript的定位与作用,通过初体验环节快速建立直观感受,再学习如何在HTML中引用JS代码。随后进入变量、运算符、数据类型与数据转换等核心概念的学习,理解加号的多重用法、赋值与算术运算、比较与逻辑判断等基础知识。每讲均配有作业与详细讲解,确保你"学完即用、用中巩固"。
第二阶段深入流程控制语句,共9讲,是培养编程逻辑思维的关键阶段。你将掌握if选择结构与switch多分支语句,学会使用while、do...while、for三种循环结构控制程序走向,并通过专门的二重循环练习(如打印九九乘法表、矩形与金字塔图形等)强化实战能力。配合break与continue语句,你将彻底理解循环逻辑,具备编写复杂交互逻辑的能力。
第三阶段聚焦数组,共6讲。你将学习数组的基本概念与两种创建方式,熟练掌握push、pop、splice等常用方法,了解二维数组的用法,并通过经典的冒泡排序算法练习提升逻辑能力。第四阶段讲解函数,涵盖函数定义、参数传递、返回值与作用域等核心内容,助你实现代码复用与模块化编程。
学完本课程后,你将能够:独立编写包含变量、条件判断、循环和函数的JavaScript代码;操作DOM元素实现基础的页面交互效果;具备继续学习Vue、React等前端框架的语法基础;能够阅读和理解他人编写的JavaScript代码,为后续全栈开发或前端进阶打下坚实基础。
资料包使用方法:每个课时视频时长充足(从十几分钟到一小时不等),建议搭配官方提供的源码文件同步练习。先看讲师演示,再自行敲一遍代码,遇到报错及时对照讲解视频排查。作业题务必独立完成后再查看答案,这是巩固知识最有效的方式。遇到问题可反复回看对应章节,建议学习顺序严格遵循课程编号,不可跳步。
无论你是在校大学生、转行爱好者,还是希望拓展技能的全栈开发者,本课程都将成为你JavaScript学习路上坚实的第一步。立即开始,让你的第一个网页因JavaScript而充满生命力!
课程目录
课程目录76 集
- 1-1 [JavaScript基础] JavaScript简介和初体验 (01:15:25).mp4
- 1-2 [JavaScript基础] 引用JavaScript的方式 (35:59).mp4
- 1-3 [JavaScript基础] 变量的使用 (38:18).mp4
- 1-4 [JavaScript基础] 加号的作用、数据类型、输入用户的输入 (50:54).mp4
- 1-5 [JavaScript基础] 赋值运算符、作业 (21:36).mp4
- 1-6 [JavaScript基础] 作业讲解、算术运算符 (39:54).mp4
- 1-7 [JavaScript基础] 比较运算符、逻辑运算符 (44:18).mp4
- 1-8 [JavaScript基础] 条件运算符、其他运算符 (33:14).mp4
- 1-9 [JavaScript基础] 数据类型转换 (47:57).mp4
- 2-1 [流程控制语句] if选择结构 (30:59).mp4
- 2-2 [流程控制语句] 作业讲解、switch结构 (42:07).mp4
- 2-3 [流程控制语句] while循环 (11:13).mp4
- 2-4 [流程控制语句] do...while循环 (23:11).mp4
- 2-5 [流程控制语句] for循环 (18:26).mp4
- 2-6 [流程控制语句] break和continue、二重循环 (24:33).mp4
- 2-7 [流程控制语句] 练习:二重循环_1 (08:01).mp4
- 2-8 [流程控制语句] 练习:二重循环_2 (08:17).mp4
- 2-9 [流程控制语句] 练习:二重循环_3 (19:32).mp4
- 3-1 [数组] 数组基本用法 (28:03).mp4
- 3-2 [数组] 创建数组的两种方式 (38:29).mp4
- 3-3 [数组] 作业讲解:数组 (56:00).mp4
- 3-4 [数组] 数组常用方法 (52:44).mp4
- 3-5 [数组] 二维数组 (33:41).mp4
- 3-6 [数组] 冒泡排序法 (20:03).mp4
- 4-1 [函数] 内置函数、函数的基本用法 (01:09:56).mp4
- 4-2 [函数] 函数返回值 (38:47).mp4
- 4-3 [函数] 变量的作用域 (58:56).mp4
- 4-4 [函数] 变量提升_1 (18:08).mp4
- 4-5 [函数] 变量提升_2 (03:56).mp4
- 4-6 [函数] 定义函数的形式、回调函数 (26:57).mp4
- 4-7 [函数] 函数也是一种数据类型 (14:16).mp4
- 4-8 [函数] 匿名函数 (11:20).mp4
- 5-1 [DOM操作] DOM简介和window对象 (52:32).mp4
- 5-2 [DOM操作] 计时器 (28:33).mp4
- 5-3 [DOM操作] window对象的事件 (31:58).mp4
- 5-4 [DOM操作] document对象 (20:43).mp4
- 5-5 [DOM操作] DOM对象的属性 (44:40).mp4
- 5-6 [DOM操作] document写操作的步骤_1 (30:14).mp4
- 5-7 [DOM操作] document写操作的步骤_2 (28:18).mp4
- 5-8 [DOM操作] element的插入、删除、替换、克隆 (23:05).mp4
- 5-9 [DOM操作] JavaScript中访问CSS (40:47).mp4
- 5-10 [DOM操作] 作业讲解:DOM操作 (18:25).mp4
- 5-11 [DOM操作] 层切换效果、复选框的全选 (22:09).mp4
- 5-12 [DOM操作] 修改作业 (55:55).mp4
- 5-13 [DOM操作] 带按钮的轮播广告 (31:23).mp4
- 6-1 [面向对象] JavaScript中的对象 (39:00).mp4
- 6-2 [面向对象] 构造函数、this关键字 (41:55).mp4
- 6-3 [面向对象] 通过对象字面量创建对象 (15:18).mp4
- 6-4 [面向对象] 对象属性值的类型 (38:03).mp4
- 6-5 [面向对象] JSON简介 (30:27).mp4
- 6-6 [面向对象] 基本数据类型和引用数据类型 (39:11).mp4
- 6-7 [面向对象] instanceof (09:15).mp4
- 6-8 [面向对象] 闭包closure (27:59).mp4
- 6-9 [面向对象] prototype原型 (37:09).mp4
- 6-10 [面向对象] __proto__和prototype的关系 (09:56).mp4
- 6-11 [面向对象] 对象的类型 (22:23).mp4
- 6-12 [面向对象] 组合式继承 (15:22).mp4
- 6-13 [面向对象] 原型式继承 (28:34).mp4
- 6-14 [面向对象] 原型链、异常Exception (49:07).mp4
- 7-1 [内置对象] String基本用法 (24:17).mp4
- 7-2 [内置对象] String的截取和分割方法 (21:17).mp4
- 7-3 [内置对象] Date日期对象 (24:50).mp4
- 7-4 [内置对象] Date可以自动调整至正常时间 (18:48).mp4
- 7-5 [内置对象] RegExp简介 (35:53).mp4
- 7-6 [内置对象] RegExp基本用法 (11:36).mp4
- 7-7 [内置对象] RegExp练习 (31:25).mp4
- 7-8 [内置对象] String对象的正则匹配 (40:22).mp4
- 7-9 [内置对象] 客户端表单校验 (58:58).mp4
- 7-10 [内置对象] JavaScript基本包装类型 (15:19).mp4
- 7-11 [内置对象] Select和Option对象 (32:58).mp4
- 7-12 [内置对象] 实现省市级联的效果 (34:27).mp4
- 8-1 [客户端存储] 客户端存储 (16:49).mp4
- 8-2 [客户端存储] 写Cookie (15:59).mp4
- 8-3 [客户端存储] 读Cookie (35:49).mp4
- 8-4 [客户端存储] WebStorage (43:58).mp4
- 8-5 [客户端存储] WebStorage事件监听 (12:23).mp4






