JavaScript资深全栈 WEB工程师进阶课程

最新开班信息 
  • 预计 2017年6月下旬 开班
  • 火热报名中,报名请点击:  我要报名 
简介 
今天的前端开发领域已经在飞速发展, 企业要求的前端知识体系也正日益复杂。 新出的框架和其他语言的理论尚未在前端流行开, 马上就被另一波眼花缭乱的框架和理论覆盖淹没…… 为了不让大家在各类框架集、工具集等纷繁复杂的环境中彻底迷失, 我们慎重的考量了多项技术的搭配组合, 精心为大家准备了这套升级版JS课程体系。
课程相关视频 
1-JavaScript作用域 17
JS中的作用域是什么以及作用域概念。作用域应用场景、JS解析器执行方式、预解析规则。
 
2-JavaScript全局与局部作用域解析 34
全局作用局和局部作用域解析、作用域链是什么以及作用域链的查找顺序。
 
课程价格9200

课程时长:4个月

讲课方式:全日制

上课时间:上午:9:30~12:30 下午:14:00~17:30 傍晚:18:20~20:00(自习有讲师或助教现场辅导)

 
 
 
课程大纲
详细课程大纲
 
 
01-02
课程目录
  • JS入门02
  • 数据类型03
  • 定时器04
  • 字符串05
  • DOM06
  • BOM07
  • 事件基础08
  • 事件应用09
  • 正则表达式10
  • 面向对象基础11
  • 高级面向对象12
  • 组件开发13
  • jQuery基础14
  • ajax15
  • jQuery应用16
  • JavaScript兼容性17
  • Git 及 GitHub18
  • ECMAScript 619
  • zepto&touch.js20
  • nodeJS21
  • webpack构建工具22
  • React15.523
  • Vue2.024
  • Angular425
01
03-04
JS入门

元素获取getElementById、事件类型:鼠标、键盘、窗口、表单、自定义事件、初识函数、变量声明、变量赋值、变量命名规则、关键字、保留字、window、元素基本属性操作、.操作符和[]操作符、if和else、for循环、this关键字、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll、自定义属性之索引。

02
03-04
数据类型

JS的6大数据类型、类型检测、数据类型转换:强制类型转换、隐式类型转换、运算符:算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符,运算符优先级、函数定义、函数表达式、形参、实参、不定参、类数组对象对象arguments、返回值、作用域、作用域链、流程控制:if、else、switch、case、for、while、break、continue

03
05-06
定时器

setInterval间隔型定时器、setTimeout延迟型定时器、定时器编号、清除定时器:clearInterval、clearTimeout,定时器管理、运动基本原理、曲线方程、tween缓动算法的原理和使用、毫秒时间戳、mTween运动框架的封装、计算后样式getComputedStyle、透明度的处理、回调函数、日期对象、时区的差异、日期时间格式化处理

04
05-06
字符串

字符串:length、charAt、charCodeAt、indexOf...,字符编码:ASCII、Unicode、UTF-8...,JSON:数据交换格式、规则、用途,JSON对象:parse、stringify,for...in,mTween+、数学对象:ceil、floor、round、abs、random、常用随机值公式,数组:length、push、pop、sort...,排序算法:冒泡排序(BubbleSort)、快速排序(QuickSort)

05
07-08
DOM

文档对象模型DOM、DOM结构、DOM树、DOM节点、节点类型、节点关系、节点常用操作:nodeType、nodeName、子节点操作children...,兄弟节点操作:perviousElementSiblings...,父节点操作:parentNode...,节点盒模型信息:clientWidth、getBoundingClientRect...,元素CURD操作、表格操作、表单操作、表单事件

06
07-08
BOM

浏览器对象模型BOM - Browser Object Model、常用方法:open、close,常用属性: 用户代理信息navigator.userAgent、地址栏信息:location、hash、search(queryString),窗口尺寸、可视区尺寸、滚动距离、文档内容高度,常用事件:onscroll、onresize、土豆网遮罩层、土豆网登录弹出层、返回顶部

07
09-10
事件基础

事件类型,事件对象:event、event.clientX、event.target、事件流(捕获阶段、目标阶段、冒泡阶段)、事件委托、阻止冒泡event.stopPropagation()、事件函数绑定:属性绑定、addEventListener、事件函数注销,键盘事件:keydown,event.which...,事件默认行为,阻止默认行为:event.preventDefault()、上下文菜单事件:contextmenu

08
09-10
事件应用

拖拽原理、限制范围的拖拽、京东商品图片放大镜预览效果、碰撞检测、仿window桌面拖拽画框选择元素、拖拽改变大小、模拟滚动条、模拟自适应内容的滚动条、滚轮事件:mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠标滚轮控制模拟滚动条、滚轮控制数字加减

09
11-12
正则表达式

RegExp对象、方法:test、search、match、replace,修饰符:i(ignore)、g(global),量词:+、*、?,子项:(),转义字符:\、次数匹配:{},任意字符:.,字符集合/字符范围:[],首位匹配符:^、$,实例:敏感词过滤、日期格式化、html标签过滤,阻止xss跨站脚本攻击、找重复项最多的字符和个数、QQ/邮箱/手机号码/邮箱 验证

10
11-12
面向对象基础

对象的组成:成员属性、成员方法,Object,{},对象创建和初始化,工厂模式,构造函数,书写规范,运算符new的执行过程和原理分析,this 的使用,原型和原型链,proto,prototype,通过prototype实现公有属性和方法的复用和继承,Mixed Constructor Function/Prototype Method,面向对象的选项卡分析及实现过程,抽象、封装、继承、多态,

11
13-14
高级面向对象
包装对象:String、Number、Boolean,toString(),toString()的重写(overWrite)和实现过程,hasOwnProperty()方法实现自有属性判断,for...in/for...of的使用及特点,constructor属性的使用,instanceof运算符,继承:继承的特点、拷贝继承、类式继承、原型继承,通过继承实现多种不同形态的元素拖拽
 
 
12
13-14
组件开发

组件的特点:方法、配置、事件,组件配置的作用和实现,组件方法的作用和实现,实例配置和默认配置 - extend(),组件事件的作用和实现,自定义事件机制的实现,基于属性的事件的弊端,事件监听器addEventListener的实现,事件触发器 trigger的实现,事件容器,仿nodejs中EventEmitter实现事件继承

 
 
13
15-16
jQuery基础

核心的理念,强大的选择器、简洁的API、优雅的链式、便捷的操作,jQuery整体架构分析,实现自己的 jQuery,匿名函数自执行,闭包,无new 实例化,全局挂载,链式调用的原理和实现,Sizzle核心选择器,$()中的多种参数说明,jQ的DOM/BOM操作,jQ中的event操作,jQuery动画研究,队列,jQuery工具方法和静态方法

 
 
14
15-16
ajax

XMLHttpRequest,open,异步与同步,send,onload事件,responseText,responseXML,HTTP请求方法get和post的区别,HTTP请求头setRequestHeader,中文编码、缓存、安全等问题,文本、JSON、XML,数据解析处理JSON.parse,无刷新上传与下载,onprogress事件,upload对象,FormData,跨域问题的解决,JSONP原理和实现

15
17-18
jQuery应用
jQuery选项卡,jQuery拖拽,$.extend()扩展jq静态方法,$().extend()扩展jQuery动态方法,jQuery静态插件--表单验证,正则,自定义事件,参数配置,自定义验证信息,验证提示信息,验证提示方式,验证方式,jQuery动态插件--拖拽,on,off,trigger,事件队列
 
 
16
17-18
JavaScript兼容性

ie/chrome/firefox兼容处理,ECMAScript兼容:trim,forEach,DOM/BOM 兼容:currentStyle、getComputedStyle,cssText和setAttribute,firstChild 、firstElementChild,Event对象对象兼容,事件侦听器:addEventListener、attachEvent,事件兼容:onmousewheel、DOMMouseScroll,Ajax兼容

 
 
17
19-20
Git 及 GitHub
 git和github,git安装,git连接,项目创建,github SSH,git的基本使用,git clone,git add,暂存区,工作区,git status,git commit-m,git push origin,git log,git diff,git reset,git checkout,git rm,git remote,git fetch,git merge,git pull,fork,branch,GitHub 免费的远程仓库,使用 GitHub 搭建静态博客
 
 
18
19-20
ECMAScript 6

let和const命令,变量的解构赋值,字符串/正则/数字/数组/函数/对象的扩展,Symbol、Proxy和Reflect,二进制数组,Set和Map数据结构,Iterator和for...of循环,Generator函数,Promise对象,异步操作和Async函数,Class,Decorator,Module,Babel转码器

 
 
19
21-22
zepto&touch.js
 zepto.js ,tap事件,touchstart,touchend,touchmove,swipe事件,swipeLeft事件,swipeRight事件,swipeUp事件,swipeDown事件,changedTouches,targetTouches,touches,事件点透,滑屏处理,gestrue事件,双指操作旋转和缩放,重力感应,重力加速度,摇一摇,下拉加载,MScroll,MSetGravity,兼容版多指操作
 
 
20
21-22
nodeJS

nodeJS介绍及使用、环境搭建、全局模块、文件模块、文件夹模块、CommonJS规范、NPM包管理器、HTTP模块、WEB开发框架介绍、Express和模板引擎swig的使用、实战登录注册

 
 
21
23-24
webpack构建工具
webpack介绍、webpack配置文件组织、入口配置entry、出口配置output、模块处理module、加载器loaders、编译器babel、插件plugins,热替换、内存打包webpack-dev-middlewear。
 
 
22
23-24
React15.5

react介绍、虚拟Virtual-DOM、单向数据流、JSX、结构渲染render、组件通信props、propTypes、defaultProps、context、语法糖、组件嵌套、数组储存结构、事件规则、ref、组件状态state、更新视图setState、生命周期lifeCycle,路由react-router、完美版todoList

 
 
23
25-26
Vue2.0
Vue实例、Vue生命周期lifeCycle、模板语法、计算属性computed、条件和列表渲染、事件处理器、组件定义和使用、组件间的通信、标准组件的封装、自定义指令、单文件组件、脚手架vue-cli、路由vue-router、vueX状态管理、数据请求axios、完美版todoList、vue博客实战
 
 
24
25-26
Angular4
TypeScript、ES5、ES6、MVC、预编译( AoT)、注解(Annotation)、属性型指令 (attribute directive)、封装桶 (barrel)、装饰器 (decorator | decoration)、注入器 (injector)、插值表达式 (interpolation)、即时编译 (JiT)、生命周期钩子 (lifecycle hook)、可观察对象 (observable)、管道 (pipe)、提供商 (provider)、路由器 (router)、路由器模块 (router module)、路由组件 (routing component)、范围化包 (scoped package)、服务 (service)、模板 (template)、结构型指令(Structural directives)、模板驱动表单 (template-driven forms)
 
 
25
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
学前须知 

1、独立完成一个类似 “云盘” 这样的静态页面;

2、在PC端各个浏览器兼容性没有问题:火狐、谷歌、Safari、360、IE7+

3、如拿不准是否可以学JS,可独立完成以下 2道测试题,讲师会给出相应建议:下载JS学前测试题:http://2013.miaov.com/2016/courseImg/cssTest.rar

学员作品 
 
 
课程服务 
报名该课程,您将获得:
 
 
常见问题 
课程咨询QQ:2852509866、2852509867、2852509868
课程咨询电话:010-57269690

客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

地址:北京海淀区西二旗辉煌国际大厦西6号楼319室

上海市闵行区新龙路399弄1号七宝宝龙城T4号楼9层902

开班信息
课程视频
课程大纲
学前须知
学员作品
我要报名