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
想要了解妙味课堂最新开课消息吗?长按二维码关注吧!
