妙味 JavaScript 全栈远程班，开课倒计时…－妙味新闻

7 年线下课程沉淀，换回一次有口皆碑的远程课。在网络时代背景下，以企业需求为导向，秉承实体课模式，将 JavaScript 课程系统细致的呈现在网络上。这里有 424 个知识点 63 个实战案例，由浅入深，作业批改 + 群问题解答；针对不同基础学员 JavaScript 课程分上下两部，时间更自由，知识任意选 JavaScript 全栈一小步，职场前进一大步。

阅读：>>参加妙味 JS 全栈远程班是怎样的体验？

全套课程共分为两个阶段：

一：JavaScript 全栈一小步，职场前进一大步（上）
二：JS 高级全栈列车，职场进阶从这出发（下）

WEB 前端全栈式工程师正在前方招唤着你；

7年线下课程沉淀，换回一次有口皆碑的远程课。(附部分截图)

在网络时代背景下以企业需求为导向，秉承实体课模式，完善的配套课程服务，将 JavaScript 课程系统细致的呈现在网络上。针对不同基础学 JavaScript 课程分上下两部，时间更自由，知识任意选，非常适合平时要为了家庭要打拼、工作比较忙、自学时不知从何学起也不知道自己学的怎样、不方便来实体学习的小伙伴，JavaScript 全栈高级列车，改变人生，职场进阶从这出发！

课程福利

1. 报名《JavaScript 资深全栈》全套远程课，原价：5798 元，活动期间特惠价 5299 元，并赠《HTML5 静态布局》和《VUE 进阶》视频课程。

注：此优惠价仅在 2017 年 10 月 18 日前有效。

2. 报名《JavaScript 全栈一小步，职场前进一大步（上）》：2799 元，赠送《HTML5 静态布局》视频课程。

3. 报名《JavaScript 高级全栈列车，职场进阶从这出发（下）》：2999 元，赠送《vue 进阶》视频远程课。

PS：付款在腾讯课堂课上可使用白条分期付款哦
视频课程赠送福利截止至该课程上课前，开课后不再赠送；

报名地址：https://ke.qq.com/course/package/5822

课程服务

资深全栈式 javascript 远程课即将在妙味课堂倾情上线：

1、极尽详细的课程大纲：按照科学的教学方式，按计划做好详尽的课程大纲进行教学；

2、由浅入深的教学方式：课程讲解必定遵循循序渐进，知识点由易变难；接受能力由难变易；

3、超多丰富的实战案例：系统深入的知识点配上精选实战案例，一道生动易懂的课程活生生的摆在你面前；

4、指定线上提交练习版块：课程讲解期间，遇到问题可及时在远程课群内、妙味社区：http://2017.miaov.com/bbs 提出，讲师会给到解答；

5、指定 QQ 群全程安排班主任、讲师、助教定期固定时间回复大家的提问；

6、练习作业批改：每堂课结束后，讲师会留针对本堂课的作业题，交作业后讲师会认真做好批改，并给出详尽的回复；

7、课程全程录制视频：课程有效期内可在腾讯课堂 PC 和移动端视频反复观看，不怕错过课程；

课程说明：在课程直播期间可享受全部课程服务；直播课程结束后一个月内依然提供指定板块给予问题解答；直播课程服务结束后，如果大家还有问题，可以到妙味社区进行提问，讲师在课后会去给大家解答。

讲师介绍

学前基础

第一阶段学前基础：熟练掌握各种 HTML 标签、CSS 语法，能独立完成各种 PC 端及移动端静态页面，例如：

PC 端静态页面：QQ音乐
移动端静态页面：移动端淘宝网站
如移动端基础不牢，并不影响 JS 学习，但会影响以后求职，可参考：
《HTML5 移动端布局实战开发课程》

第二阶段学前基础：熟练掌握各种 HTML 标签、CSS 语法，能独立完成各种 PC 端及移动端静态页面；
掌握 ECMAScript 的流程控制、字符串、数组基本语法，熟练使用DOM、BOM、EVENT；
如有不清楚的，可以参考妙味视频：http://2017.miaov.com/study 中《JavaScript 基础部分》、《DOM 详解》、《JS 中级课程》

课程大纲（上）

第一节：变量、事件、函数、style 属性操作

javascript 介绍
javascript 出现的位置
- 从实例开始
- 获取元素
- 变量
- 事件
- 初始函数
- 属性操作

第二节：元素的其他属性、字符串、classList 的使用、流程控制—-if、数组

元素的其他属性
字符串
classList 的使用
程序的流程控制
流程控制—- if 分支语句
数组

第三节：获取元素的方法、类数组、流程控制—-for、this 关键字、模拟单选/多选、选项卡思维

获取元素的方法
类数组
流程控制—- for 循环语句
- for 语句使用的场景
- for 循环语法分析和执行过程示意
- 【实例】生成多个 div
- 【实例】给每一个元素绑定点击处理
this 关键字
- 位于全局和函数中
- this 的值不固定，随着执行环境（上下文）的改变而改变
- 点击处理中 this 的指向
- 【实例】模拟单选
- 【实例】模拟多选
选项卡思维
- 选项卡基本原理分析
- 应用场景
- 自定义属性

第四节：京东无缝滚动幻灯片、百度音乐全选

第五节：数据类型、数据类型转换、运算符、【实例】找数据

数据类型
数据类型转换
运算符
【实例】找数据

第六节：深入理解函数、作用域、作用域链、闭包

深入理解函数
- [实例]获取计算后元素的指定样式
作用域
- 【实例】商品累计

第七节：开启定时器、停止定时器、延迟消失的广告、无缝轮播图片

开启定时器
- 【实例】让一个元素运动起来
- 【实例】延迟消失菜单
停止定时器
【实例】延迟消失的广告
- mTween 函数的使用
- 参数说明
【实例】无缝轮播图片
- 需求分析
- 无缝轮播图片的原理

第八节：日期对象、获取/设置时间和日期的方法、字符串方法学习、打字机案例

日期对象
- 创建日期对象：new Date ()
- 参数：不传参、传入字符串、传入时间戳
获取时间和日期的方法
- 设置时间和日期的方法
  - 【例子】获取当前月份有多少天
  - 【例子】获取一个月的 1 号星期几
  - 【例子】倒计时
- 如何学习一个方法
字符串方法学习
【实例】打字机

第九节：数组方法学习、筛选人物信息、数组去重、Math 方法

数组方法学习
【案例】筛选人物信息
数组去重
Math方法

第十节：冒泡排序、快速排序、sort 方法、递归原理分析、无限级菜单

冒泡排序和快速排序原理分析
sort 方法排序时候的注意点
递归原理分析
【实例：递归的运营—-无限级菜单】

第十一节：Es6 基础语法、let、const、解构赋值、数组扩展、对象扩展、函数的扩展

声明变量的方式
let 和 var 的异同点
定义常量 const
数组的解构赋值
数组扩展：Array.from()、Array.isArray()
对象扩展：Object.is()、Object.assign()
函数的扩展：rest 参数、参数默认值、箭头函数=>

第十二节：DOM 介绍、DOM节点类型和关系、DOM 属性操作、无限级菜单展开收缩操作

DOM 节点类型和关系
DOM 属性操作
DOM 元素操作
【实例—-无限级菜单展开收缩操作】

第十三节：元素尺寸、登录框实例、定位父级、getBoundingClientRect

元素尺寸：可视区域宽高、元素宽高
滚动触发事件、浏览器大小改变触发事件
定位父级：offsetParent
getBoundingClientRect :返回元素的大小及其相对于视口的位置
【实例：居中显示的登录框】
【实例：tip 特别提醒框】

第十四节：BOM 介绍、用户代理信息、BOM 常用方法、地址栏信息、BOM 常用事件、招聘信息的实例

回顾 js 的组成：ECMAscript 、DOM —- 文档对象模型、BOM —- 浏览器对象模型
BOM 介绍
- BOM 常用方法：open、close
- 用户代理信息：window.navigator.userAgent
- URL 完整的组成
- 【实例：判断是否是移动端】
- 【实例：招聘信息】

第十五节：事件、绑定事件处理程序、事件对象、事件流、冒泡的利弊、阻止浏览器默认行为

事件的产生
绑定事件处理程序：HTML 事件处理程序、DOM1 级事件处理程序、DOM2 级事件处理程序
事件对象的获取
事件流：事件流描述的是从页面中接收事件的顺序。
- 事件的三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段
冒泡的利弊、阻止浏览器默认行为
- 【实例：事件委托的利用】
- 【实例：拖拽元素的实现】

第十六节：鼠标事件、鼠标事件实例—-放大镜、鼠标滚轮事件、call 和apply、焦点事件

鼠标滚轮事件和兼容处理：mousewheel、DOMMouseScroll
call 和 apply 的使用和异同点
焦点事件：onfcus、onblur
- 【实例：封装mousewheel函数】

第十七节：键盘事件、事件对象上的功能属性、自定义滚动条、生成自由选区、碰撞检测

键盘事件：onkeydown、onkeyup
事件对象上的功能属性：shiftKey、ctrlKey、altKey
自定义滚动条：滚动条的原理分析、比例计算
生成自由选区
九宫格碰撞检测
- 【实例：框选选中元素】

第十八节：实战案例：云盘《一》

事件扁平化格式介绍
渲染无限极属性菜单
封装操作数据的算法
利用事件委托写进入目录的交互
自定义全选单选框

第十九节：实战案例：云盘《二》

新建文件夹
删除文件夹
重命名文件夹
框选文件夹

第二十节：总结

课程回顾和梳理
常见问题解答
学习情况总结序、事件对象、事件流、冒泡的利弊、阻止浏览器默认行为、兼容问题

课程大纲（下）

第一章正则表达式的常用方法

正则表达式的介绍
规则、模式、强大的字符串匹配工具
定义正则：new RegExp(“a”)、字面量
正则.test()
str.search()
字符串.match()
字符串.replace()
【实例】找出字符串中的所有数字
【实例】：敏感词过滤

第二章深入正则表达式的细节

子项()
任意字符
范围类 []
限定类 {}
【实例】日期格式化

第三章面向对象

在面向对象语言中，理解类和对象的概念
工厂方法
构造函数模式
new 调用构造函数经历的步骤
instanceof 验证对象和构造函数之间的关系
原型模式
constructor 指向拥有这个原型的构造函数
proto 属性
原型链的概念

第四章归纳 JS 中继承的方式

继承的概念
原型链式
类式继承
拷贝继承
【案例】动态创建小球具有拖拽功能

第五章 ES6 中的面向对象

当使用原始类型的值，隐式创建对应类型的对象，称为包装对象
valueOf() 获取对应类型的原始值
for…in 循环对象上所有可枚举[enumerable]的属性
in 操作符
hasOwnProperty()
ES6 引入了Class（类）这个概念，通过 class 关键字，可以定义类。
定义的方式：声明式和表达式
class 类的继承：通过 extends 关键字实现继承

第六章订阅发布模式（自定义事件）

模态框组件的封装
模态框基本样式
可定制模态框
订阅者
发布者
取消订阅
自定义事件
解耦程序
【实例】完全解耦拖拽功能

第七章 ajax 的工作原理解析

jQuery 中 ajax 的使用
前后盾交互示意
使用 $.ajax 发送请求接口
ajax 函数参数说明
ajax 介绍和优缺点
创建对象 XMLHttpRequest()、open 方法、send()、onload
同步和异步
get 和 post 的区别
JSON 数据格式
JSON.parse() 解析 json 字符串为对象
JSON.stringify() 把对象转成 json 字符串
Ajax 工作步骤

第八章跨域解决方案

转成二进制数据：new FormData
upload.onprogress：监控上传触发的事件
跨域的产生分析
跨域常用的解决方式
标准浏览器，利用 XMLHttpRequest() 与后端配合来解决
后端代理
jsonp 利用 script 标签可以请求任意域名的 JS 脚本的能力来实现
【实例】百度搜索

第九章 ajax 和 jsonp 实战应用

【实例】瀑布流
案例需求分析
瀑布流原理分析
瀑布流实现
【实战】豆瓣搜索
豆瓣开发 API 分析
利用 jsonp 请求数据
数据渲染页面

第十章 jQuery 常用 API

JQ 的选择器
JQ 的属性操作(attr,prop)
JQ 的 DOM/BOM 操作
JQ 的事件系统
【实例】JQ 版本的选项卡
【实例】JQ 版本留言板

第十一章 jQuery 运动和插件使用

animate 的使用
JQ 的运动 animate
JQ 工具方法使用
插件的原理分析和使用

第十二章 node 的模块分析使用

搭建 webserver，http 模块
前后端交通信流 get、post 处理
模块系统
npm 的使用

第十三章深入使用 express 框架

express 框架安装和使用
利用 express 写一个服务器
服务端路由分析
管理静态文件 static

第十四章 express 框架实战

swig
中间件的使用
get 和 post 数据的获取
【实战】

第十五章自动化打包工具 - webpack

webpack 介绍
webpack 配置文件组织
入口配置 entry
出口配置 output
模块处理 module
加载器 loaders
插件 plugins

第十六章 vue 的语法梳理

vue 的响应数据绑定
vue 的指令含义：v-bind、v-on、v-model、v-if
vue 的事件系统
计算属性
watch 属性

第十七章 vue 的组件

组件组成分析
定义和使用组件
组件之间的通信
slot 插槽

第十八章 vue 周边工具

vue-cli 脚手架
vue-router 路由配置
【实例】任务管理列表

第十九章 React 简介

虚拟 DOM 单向数据流 JSX
搭建 react 环境
ReactDOM.render()
map 方法使用
事件 event 事件应用
ref、refs 使用
state

第二十章组件之间的通信

组件之间的通信
组件之间的嵌套
组件的生命周期
todoList（例子）

第二十一章 react 路由

react-router-dom
Route，Link
children,render 路由对象
exact,strict
改写 todoList（例子）

第二十二章 antd-mobile 移动端实战

导航栏
tabs
轮播

第二十三章 antd-mobile 移动端实战

列表信息组件
数据请求fetch
下拉刷新
上拉加载

课时安排：20 : 00 ~ 22 : 00

每周一、三、五上课，共计：43 节课

《JavaScript 全栈一小步，职场前进一大步（上）》
2017 年 10 月 18 日 ~ 2017 年 12 月 4 日

《JS高级全栈列车，职场进阶从这出发（下）》
2017 年 12 月 11 日 ~ 2018 年 2 月 2 日

课程价格：5299 元/套

报名：https://ke.qq.com/course/240866#tuin=78250408

阅读：>>参加妙味 JS 全栈远程班是怎样的体验？

课程咨询：

QQ：2852509866、2852509867、2852509868
TEL：010-57269690
在线时间：周一至周五 9:30 - 18:00

阅读：>>参加妙味 JS 全栈远程班是怎样的体验？

全套课程共分为两个阶段：

课程福利

1. 报名《JavaScript 资深全栈》全套远程课，原价：5798 元，活动期间特惠价 5299 元，并赠《HTML5 静态布局》和《VUE 进阶》视频课程。

2. 报名《JavaScript 全栈一小步，职场前进一大步（上）》：2799 元，赠送《HTML5 静态布局》视频课程。

3. 报名《JavaScript 高级全栈列车，职场进阶从这出发（下）》：2999 元，赠送《vue 进阶》视频远程课。

报名地址：https://ke.qq.com/course/package/5822

课程服务

讲师介绍

学前基础

课程大纲（上）

第一节：变量、事件、函数、style 属性操作

第二节：元素的其他属性、字符串、classList 的使用、流程控制—-if、数组

第三节：获取元素的方法、类数组、流程控制—-for、this 关键字、模拟单选/多选、选项卡思维

第四节：京东无缝滚动幻灯片、百度音乐全选

第五节：数据类型、数据类型转换、运算符、【实例】找数据

第六节：深入理解函数、作用域、作用域链、闭包

第七节：开启定时器、停止定时器、延迟消失的广告、无缝轮播图片

第八节：日期对象、获取/设置时间和日期的方法、字符串方法学习、打字机案例

第九节：数组方法学习、筛选人物信息、数组去重、Math 方法

第十节：冒泡排序、快速排序、sort 方法、递归原理分析、无限级菜单

第十一节：Es6 基础语法、let、const、解构赋值、数组扩展、对象扩展、函数的扩展

第十二节：DOM 介绍、DOM节点类型和关系、DOM 属性操作、无限级菜单展开收缩操作

第十三节：元素尺寸、登录框实例、定位父级、getBoundingClientRect

第十四节：BOM 介绍、用户代理信息、BOM 常用方法、地址栏信息、BOM 常用事件、招聘信息的实例

第十五节：事件、绑定事件处理程序、事件对象、事件流、冒泡的利弊、阻止浏览器默认行为

第十六节：鼠标事件、鼠标事件实例—-放大镜、鼠标滚轮事件、call 和apply、焦点事件

第十七节：键盘事件、事件对象上的功能属性、自定义滚动条、生成自由选区、碰撞检测

第十八节： 实战案例：云盘《一》

第十九节：实战案例：云盘《二》

第二十节：总结

课程大纲（下）

第一章 正则表达式的常用方法

第二章 深入正则表达式的细节

第三章 面向对象

第四章 归纳 JS 中继承的方式

第五章 ES6 中的面向对象

第六章 订阅发布模式（自定义事件）

第七章 ajax 的工作原理解析

第八章 跨域解决方案

第九章 ajax 和 jsonp 实战应用

第十章 jQuery 常用 API

第十一章 jQuery 运动和插件使用

第十二章 node 的模块分析使用

第十三章 深入使用 express 框架

第十四章 express 框架实战

第十五章 自动化打包工具 - webpack

第十六章 vue 的语法梳理

第十七章 vue 的组件

第十八章 vue 周边工具

第十九章 React 简介

第二十章 组件之间的通信

第二十一章 react 路由

第二十二章 antd-mobile 移动端实战

第二十三章 antd-mobile 移动端实战

课时安排：20 : 00 ~ 22 : 00

每周一、三、五上课，共计：43 节课

课程价格：5299 元/套

报名：https://ke.qq.com/course/240866#tuin=78250408

阅读：>>参加妙味 JS 全栈远程班是怎样的体验？

课程咨询：

想要了解妙味课堂最新开课消息吗？长按二维码关注吧！

其他相关新闻推荐列表

第十八节：实战案例：云盘《一》

第一章正则表达式的常用方法

第二章深入正则表达式的细节

第三章面向对象

第四章归纳 JS 中继承的方式

第六章订阅发布模式（自定义事件）

第八章跨域解决方案

第十三章深入使用 express 框架

第十五章自动化打包工具 - webpack

第二十章组件之间的通信