Web前端开发 - 玩转JavaScript 【以实战为基础】

零基础学习 JavaScript：从入门到精通，实战驱动！

想从零开始掌握 JavaScript，成为一名合格的 web 开发工程师吗？ 本课程采用实战为基础的教学方法，带你从零基础逐步学习 JavaScript 各种实战技巧。 无论你的编程经验如何，都能在这里找到适合自己的学习路径。 别再犹豫，加入我们，一起学习，共同进步！

学习路线涵盖：HTML、CSS、JavaScript、jQuery、HTML5、CSS3、移动端 Web 开发、Bootstrap、NodeJS、Vue 入门、Vue 实战、Weex 基础。

01- JavaScript 基础

• JavaScript 基础入门： 学习 JS 的引入方式、输出方法、变量定义与命名规则、基本运算符、字符串操作、HTML 操作以及运算符操作。
• 条件控制： 掌握条件操作语句、随机数生成，并动手制作简单的小游戏。

02- 数据类型

• JavaScript 数据类型详解： 深入理解 JavaScript 的数据类型，包括 CheatSheet 语法、标识符、关键字、保留字、typeof 类型判断、Undefined、Null、Boolean、Number 和 String。

03- 控制流

• JavaScript 控制流程： 掌握运算符操作、if 判断语句、switch 选择语句、do-while 循环、while 循环，以及 do-while 和 while 循环的区别。
• 循环控制： 学习 for 循环、break 和 continue 的区别，并掌握表格的快速生成技巧。

04- 函数

• JavaScript 函数： 学习函数定义、函数参数（形参和实参）、函数返回值、作用域以及 JavaScript 解析器中的作用域分析。

05- 数组

• JavaScript 数组操作： 掌握数组定义、数组操作、数组作用域分析、求和函数、多维数组、数组复制、数组元素添加删除、直接插入排序和冒泡排序。

06- 自定义属性 (进阶)

• this 关键字详解： 深入理解 this 指向问题，掌握 this 的活用技巧。
• 事件处理： 学习常见事件操作，并结合自定义属性实现图片简介信息案例、聊天好友折叠效果、轮播图和新闻切换等功能。

07- 数组和字符串方法 (进阶)

• 数组和字符串方法精通： 掌握 splice() 方法及其活用（数组去重）、join() 和 sort() 方法、字符串操作、indexOf 实例、substring() 方法和 split() 方法。
• 实战应用： 学习数组和字符串方法在搜索、删除等方面的应用。

08- 定时器 (进阶)

• JavaScript 定时器： 学习定时器基本使用，并利用定时器实现轮播图、汤姆猫简化版和汤姆猫完整版（Date 类型、倒计时功能）。

09- DOM 操作 (进阶)

• DOM 操作详解： 掌握 window 对象、节点元素获取、节点种类、下拉菜单、节点属性、层次节点属性、attributes 属性以及 DOM 操作。
• 实战案例： 学习滚动列表案例、印钞机案例和商品评价案例。

10- BOM 操作 (进阶)

• BOM 操作： 学习 BOM 操作，掌握窗口尺寸大小处理以及各种元素大小处理。

11- 事件相关 (进阶)

• 事件处理机制： 深入理解焦点事件、事件对象、事件源、鼠标位置、基本拖拽效果、事件冒泡、输入框提示列表、下拉菜单效果、分享案例、表格编辑案例、事件捕获、键盘事件和事件默认行为。
• 拖拽原理： 深入了解拖拽操作原理。

12- 运动效果 (进阶)

• JavaScript 运动效果实现： 学习基本运动原理、匀速运动、淡入淡出效果、缓冲运动原理和实用技巧、运动效果封装、多个值变化封装、轮播图动画效果和碰撞运动。

13- Ajax 网络操作 (进阶)

• Ajax 异步网络请求： 掌握 Ajax 的作用、基本操作、商品列表、Ajax 封装、GET 请求、POST 请求以及商品列表分页操作。

14- JSON