妙味 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/5137#tuin=90de623d


课程服务

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

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

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

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

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

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

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

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

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

讲师介绍

学前基础

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

第二阶段学前基础:熟练掌握各种 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 月 1 日

《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

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

妙味网友
请登录后留言,请登录注册