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

Description

零基础入门，课程以实战为基础，从无到有学习javascript的各种实战技巧。

没有最好，只有更好，加入我们的课程一起学习吧！

课程的学习路线是HTML、CSS、Javascript、jQuery、HTML5、CSS3、移动端web开发、Bootstrap、NodeJS、Vue入门、Vue实战、Weex基础...

## 课程内容:

### 01-javascript基础 [基础]

- JS的引入

- JS的输出方式

- 定义变量

- 变量命名规则

- 基本运算符

- 字符串操作案例

- HTML操作

- 运算符操作

- 条件操作语句

- 随机数的产生

- 小游戏制作

### 02-数据类型 [基础]

- CheatSheet语法

- 选项卡效果

- 标识符&关键字&保留字

- typeof类型判断

- Undefined特殊数据类型

- Null特殊数据类型

- Boolean布尔类型

- Number数字类型

- String字符串类型

### 03-控制流 [基础]

- 运算符操作

- if判断语句

- switch选择语句

- do-while循环

- while循环

- do-while和while的循环区别

- for循环

- break和continue的区别

- 表格的快速生成案例

### 04-函数 [基础]

- 函数定义

- 函数参数

- 形参和实参

- 函数返回值

- 作用域

- 作用域分析【JS解析器】

### 05-数组 [基础]

- 数组定义

- 数组的操作

- 数组(作用域分析)

- 求和函数

- 多维数组

- 数组的复制

- 数组元素添加删除

- 直接插入排序

- 冒泡排序

### 06-自定义属性 [进阶]

- this指向问题

- this的活用

- 常见事件操作

- 图片简介信息案例

- 自定义属性

- 自定义属性简化代码操作

- this和自定义属性结合使用(聊天好友折叠效果)

- this和自定义属性结合使用(轮播图)

- this和自定义属性结合使用(新闻切换)

### 07-数组和字符串方法 [进阶]

- splice()方法

- splice()活用:数组去重

- join()和sort()方法

- 字符串操作

- indexOf实例

- substring()方法

- spit()方法

- 数组、字符串方法活用(搜索、删除)

### 08-定时器 [进阶]

- 定时器基本使用

- 定时器的使用——轮播图

- 汤姆猫简化版

- Date类型

- 倒计时功能

- 汤姆猫完整版

### 09-DOM操作 [进阶]

- window对象

- 节点元素获取

- 节点种类

- 下拉菜单

- 节点属性

- 层次节点属性

- attributes属性

- DOM操作

- 滚动列表案例

- 印钞机案例

- 商品评价案例

### 10-BOM操作 [进阶]

- BOM操作

- 窗口尺寸大小处理

- 各种元素大小处理

### 11-事件相关 [进阶]

- 焦点事件

- 事件对象

- 事件源

- 鼠标位置

- 基本拖拽效果

- 事件冒泡

- 输入框的提示列表案例

- 下拉菜单效果案例

- 分享案例案例

- 表格编辑案例

- 事件捕获

- 键盘事件

- 事件默认行为

- 拖拽原理

- 深入了解拖拽操作

### 12-运动效果 [进阶]

- 基本运动原理

- 匀速运动

- 淡入淡出效果

- 缓冲运动原理

- 缓冲运动实用

- 运动效果的封装

- 多个值变化封装

- 轮播图动画效果

- 碰撞运动

### 13-Ajax网络操作 [进阶]

- ajax作用

- ajax基本操作

- ajax之商品列表

- ajax封装

- get请求

- post请求

- ajax之商品列表分页操作

### 14-JSONP&Cookie [进阶]

- 跨域请求问题

- 跨域请求解决方案

- JSONP原理

- JSONP基本操作

- JSONP实战处理

- cookie认知

- cookie过期时间

What You Will Learn!

• AJAX实现局部刷新、异步请求、数据交互
• JSONP跨域请求
• Cookie的实用
• 作用域与作用域机制
• 正则表达式迅速达到字符串的复杂控制
• 定时器的灵活使用
• DOM&BOM操作
• 深入了解事件原理以及事件的实战使用
• 运动框架的封装
• Javascript面向对象
• 瀑布流实战操作

Who Should Attend!

• 想要对javascript全面学习
• 想要javascript的实战使用
• 想要了解jQuery的封装原理
• 想要在NodeJS中更得心应手
• 想要在Vue中更好的实现页面效果
• 想要成为web前端开发工程师

TAKE THIS COURSE