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

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