**课程导读：JavaScript 基础入门——开启前端开发的第一步**
在互联网技术迅猛发展的今天，前端开发已成为连接用户与数字世界的桥梁。而 JavaScript，作为 Web 开发的三大核心语言之一，是赋予网页动态交互能力的灵魂。对于零基础的学习者而言，如何跨越从“静态页面”到“动态应用”的门槛？《JavaScript 基础入门》这门体系课正是为你量身打造的通关指南。
本课程由浅入深，共包含 11 个精心设计的章节，总时长约 2 小时，旨在帮助学员建立扎实的 JS 编程思维，掌握前端开发最基础也最重要的技能。课程不仅关注语法的记忆，更强调在实际场景中的应用，带你逐步构建起完整的知识框架。
课程伊始，你将通过“JavaScript 介绍”与“如何在页面中插入 Javascript”两节内容，揭开这门语言的神秘面纱。你将了解 JS 的历史地位、核心作用，并学会将代码嵌入 HTML 页面的三种方式，为后续的实战打下环境基础。紧接着，课程进入编程的核心领地——“变量”与“数据类型”。在这里，你将理解数据的存储机制，区分字符串、数值等不同类型，并学习如何对它们进行算数运算与赋值操作。这些看似基础的概念，却是所有复杂逻辑的基石。
随后，课程深入探讨数据结构与逻辑控制。在“数组 Array”章节，你将学习如何批量管理数据，提升代码效率；而在“人生的选择”与“为赢取白富美-条件判断”中，课程用生动幽默的案例讲解条件分支语句。这种寓教于乐的方式，不仅降低了学习枯燥感，更让你深刻理解 `if...else` 等判断结构在程序流程控制中的关键作用。此外，关于“字符串”及其与“数值转换”的内容，则为你处理文本数据提供了实用工具。
无论你是 aspiring 前端工程师、产品经理，还是希望提升个人技能的职场人士，这门课都是绝佳的起点。它摒弃了晦涩的理论堆砌，以清晰流畅的节奏引导你逐层递进。学完本课程后，你将能够独立编写简单的交互脚本，理解数据流与逻辑判断的基本原理，为后续学习 DOM 操作、事件处理乃至现代前端框架奠定坚实基础。
不要畏惧编程，JavaScript 其实比你想象的更友好。让我们一起踏上这段旅程，从第一行代码开始，解锁 Web 世界的无限可能。
课程目录
1-1 [JavaScript入门] JavaScript介绍 (14:34) 1-2 [JavaScript入门] 如何在页面中插入Javascript (05:16) 1-3 [JavaScript入门] 变量 (10:21) 1-4 [JavaScript入门] 数据类型 (13:11) 1-5 [JavaScript入门] 算数运算符 (09:01) 1-6 [JavaScript入门] 赋值运算符 (03:28) 1-7 [JavaScript入门] 字符串介绍 (11:33) 1-8 [JavaScript入门] 数值和字符串转换 (08:59) 1-9 [JavaScript入门] 数组Array (13:01) 1-10 [JavaScript入门] 人生的选择 (20:45) 1-11 [JavaScript入门] 为赢取白富美-条件判断 (06:25) 1-12 [JavaScript入门] if...else (07:48) 1-13 [JavaScript入门] 比较运算符 (06:40) 1-14 [JavaScript入门] 逻辑运算符 (10:43) 1-15 [JavaScript入门] switch语句 (06:32) 1-16 [JavaScript入门] 三元运算符 (04:28) 1-17 [JavaScript入门] for循环介绍和应用 (14:09) 1-18 [JavaScript入门] 对996的看法 (16:26) 1-19 [JavaScript入门] break和continue语句 (08:09) 1-20 [JavaScript入门] while循环 (05:29) 1-21 [JavaScript入门] do-while循环 (06:24) 1-22 [JavaScript入门] 函数的定义 (05:41) 1-23 [JavaScript入门] 函数传参 (05:26) 1-24 [JavaScript入门] 函数返回值和函数表达式 (08:47) 1-25 [JavaScript入门] 函数作用域和全局污染 (12:42) 1-26 [JavaScript入门] 对象object讲解 (09:08) 1-27 [JavaScript入门] 内置对象Array的使用 (10:43) 1-28 [JavaScript入门] 数组的栈方法和队列方法 (08:57) 1-29 [JavaScript入门] 数组排序 (11:39) 1-30 [JavaScript入门] 数组的常用操作方法 (14:35) 1-31 [JavaScript入门] 数组的迭代方法 (08:22) 1-32 [JavaScript入门] 数组map方法应用 (05:57) 1-33 [JavaScript入门] 字符串的chart方法 (06:01) 1-34 [JavaScript入门] 字符串的切片方法 (05:57) 1-35 [JavaScript入门] 字符换的其它方法 (08:17) 1-36 [JavaScript入门] 如何查找当前字符的所有位置 (04:46) 1-37 [JavaScript入门] Date日期对象的创建方式 (06:32) 1-38 [JavaScript入门] 内置对象Date常用方法 (05:14) 1-39 [JavaScript入门] 日期格式化方法 (04:34) 1-40 [JavaScript入门] 如何显示数字时钟的格式化时间 (12:07) 1-41 [JavaScript入门] 字符串和数值类型相互转换 (09:22) 1-42 [JavaScript入门] global对象的编码和解码方法 (09:53) 1-43 [JavaScript入门] window对象讲解 (02:25) 1-44 [JavaScript入门] Math数学对象方法介绍 (13:21) 1-45 [JavaScript入门] 案例：获取范围的随机整数 (04:32) 1-46 [JavaScript入门] 案例：获取随机颜色 (05:06) 1-47 [JavaScript入门] 案例：获取随机验证码 (05:49) 1-48 [JavaScript入门] 作为面试官对目前开发人员的看法 (17:25) 2-1 [BOM] BOM对象介绍 (03:55) 2-2 [BOM] window对象常用方法介绍 (04:43) 2-3 [BOM] 定时器方法介绍 (07:22) 2-4 [BOM] location对象的常用属性介绍 (04:39) 2-5 [BOM] 如何访问每个查询字符串参数 (11:07) 2-6 [BOM] 当前浏览器的位置操作 (04:40) 2-7 [BOM] 如何检测当前浏览器上的插件 (06:38) 2-8 [BOM] history对象的介绍 (03:28) 3-1 [DOM] 快速认识DOM (15:09) 3-2 [DOM] DOM中节点的分类 (06:36) 3-3 [DOM] 获取元素节点对象的方法 (09:58) 3-4 [DOM] 获取属性的方法介绍 (08:02) 3-5 [DOM] 节点对象的重要属性介绍 (11:10) 3-6 [DOM] 节点对象的常用属性使用 (08:28) 3-7 [DOM] 节点对象属性在各浏览器兼容性处理 (09:39) 3-8 [DOM] 元素节点对象的增删改查方法 (13:28) 3-9 [DOM] DOM样式设置 (08:48) 3-10 [DOM] 事件介绍和onclick介绍 (13:55) 3-11 [DOM] 鼠标悬浮事件 (05:18) 3-12 [DOM] 光标聚焦和失焦事件介绍 (06:42) 3-13 [DOM] 表单控件内容选中和change事件 (05:47) 3-14 [DOM] 窗口加载事件 (08:01)
