JavaScript高级实战班

活力的讲师团队及新技术研发能力

周到的后续服务

100%互联网实用案例

课程优势

COURSE ADVANTAGE

创新

近360+个基础实例及88+个整站实例

积累

六年的积累,让我们更懂得如何做好课程

即时更新

即时更新的课程实例、知识点

细致耐心

细致耐心的练习辅导,随时提问的教学体质

结课标准

清晰明确的结课标准+大型实战项目辅导

终身服务

一次学习,可享终身免费重学和售后服务

学员要求

REQUIREMENTS FOR THE PARTICIPANTS

基本条件

熟悉CSS,可运用HTML+CSS2(DIV+CSS)编写简单的静态页面

提升要求

如果你有浓厚学习兴趣那就太好了并且还要能够完成我们的课后练习

目标

对于提升自己的价值,有内心的渴求

当然,我们不要求你有多高的英语水平,更不需要你有其他语言的基础,如果有呢是最好不过的了因为有英语或程序功底的会学的快一些,不过这也并不是重点,重点还是你是否肯用心,刻苦。

课程大纲

COURSE OUTLINE

01

更新

剔除一些旧的知识比如php之类的,加上了比较热门的node.js

02

动力

课程更新的动力,来源于我们对前端的热爱及学员对我们的肯定。

03

标准

衡量完美的课程的标准,就是学员能不能做东西和有没有好的思路。

04

扩展

课程内部我们提供了拓展思路的很多练习。为的就是拓宽大家的思路。

学习他人的经验,是少走冤枉路的最快捷径。

表格版课程大纲

课程内容

COURSE CONTENT

Js基本功

JavaScript引入的方式、点击事件、鼠标移入移出事件、getElementById、getElementsByTagName、属性操作、变量、变量赋值、提取行间样式、换肤的三种方式、函数、if条件判断、className、cssText、传参、形参、实参、作用域、闭包、局部变量、全局变量、字符串、字面量、匿名函数、window.onload、循环、自增

基础语法

表达式,变量命名规范、变量类型、typeof,undefined,null,字符串、字符串分割、字符串大小写转换、数组、push、pop、shift、unshift、slice、indexOf、splice的妙用、条件、循环、for,while,switch case,break,continue,算术运算、逻辑运算、关系运算、深入理解函数返回值、作用域、时间对象、获取月份的时候应该注意哪些?时间戳、getTime,getDate,getMonth,getFullYear,第一版日历、倒计时、arguments、随机数、随机换背景图、随机颜色、定时器、setTimeout、setInterval、柯里化、惰性求值

DOM

节点类型,查找、创建、克隆、删除、替换节点(涉及到大量的DOM相关的API)、children的兼容性问题、什么是文档碎片、为什么文档碎片能够提高DOM操作效率、属性的操作setAttribute、getAttribute、removeAttribute、innerHTML和innerText有什么区别、表格的crud、精确搜索、模糊搜索、倒计时的实现、模拟win7系统的日历效果、开发自己的DOM库

BOM

location:location,href,hash,search、如何跳转URL或返回当前URL地址、封装search参数、navigator、userAgent、iframe的自适应高度、可见区宽度、滚动条卷去的宽高、百度贴吧、天猫、聚美优品吸顶效果、返回到顶部、实现类似唯品会的图片延迟加载效果、二种思路实现瀑布流

事件

事件绑定的三种方式及优缺点、DOM2.0事件、事件句柄、如何阻止事件冒泡、如何阻止元素默认行为、键盘事件、鼠标事件、浏览器事件、实现一个自己的事件队列、什么是冒泡和捕获、什么是事件委托和代理、仿淘宝网模拟placeholder、仿YUI拖拽效果、淘宝放大镜效果、开发自己的事件库

运动

永远在页面中的右键菜单、侧边栏、淡入淡出、缓冲运动、多物体运动框架、万能运动框架、链式运动框架、完美运动框架、打字效果、三种思路实现无缝滚动、酷炫时钟、手风琴效果、tween动画的原理、jQuery动画的原理

HTML5

canvas,webGL、摄像机、光源(点光源、散射光源、环境光)、贴图、世界坐标系、物体坐标系、材质、纹理、canvas实现绘图板、离屏canvas、给图像加水印、3d魔方、canvas时钟、canvas放大镜、移动端手势事件、微信JS-SDK、微信调试、cocos2d核心概念、cocos2d核心类、地图、box2d物理引擎

模块化

common.js、amd、cmd、require.js(同类型的还有遵循commonjs1.1规范的seajs,但是require.js是目前应用得最广的,而且像gulp、Backbone和angular.js等一批大牛都实现了相应的npm模块包,所以学会了require.js,可以很容易学会seajs等模块化库)

自动化

gulp的原理和使用、如何用gulp打包、自动生成雪碧图、替代koala进行实时编译less和sass,post css的使用

jQuery

如何选择合适的jQuery版本、选择器、三种思路实现隔行变色、使用each简化for循环、jQuery与DOM对象的相互转换、prop与attr探秘、筛选、DOM、BOM、事件、命名空间、自定义事件、hover的使用、pageX、pageY(彻底告别难用的evt.clientX,evt.clientY)、动画、各种toggle妙用、动画中的回调函数、ajax、用jQuery重写瀑布流、拖拽、选项卡等之前的例子、树形菜单、jQuery代码优化基本原则、tween动画的原理、jQuery动画的原理

nodejs

repl基于事件驱动、回调、EventEmitter与自定义事件、读取文件、Buffer、操作二进制数据、模块与包、npm、package.json语法详解、B\S架构系统、HTTP协议深入学习、如何利用nodejs返回一个json数据、如何利用nodejs返回一个函数、chrome的network控制台学习、其他:前后端对cookie的处理,及HTML5中的本地存储

ajax

课程内容什么是B/S架构 什么是同源策略、前端必须要了解的http协议知识、xhr对象、readyState,onreadystatechange、什么是同步与异步、POST与GET、json数据格式(经常看到好多前端在没有完全理解json的情况下写出的代码出问题不知道怎么调错,这个知识点可以学习到大公司的一些通用的前后端数据约定格式)、谷歌的network控制台的使用、jsonp的原理、百度下拉提示、封装可重用的Jsonp方法、iframe实现跨域

正则表达式

课程内容常用正则表达式工具的使用、RegExp对象、test、exec、match、replace、忽略大小写、贪婪与非贪婪、Unicode编码中的汉字范围、\b的妙用、正向否定、反向肯定、表单用户名、密码、身份证、网址、邮箱等匹配、高级正则应用:正则在jquery源码中的应用

面向对象

面向对象与基于对象、枚举、如何理解new、instanceof、constructor、什么是静态’类’、如何创建一个非静态类?、静态’类’和非静态’类’有什么区别?、如何实例化一个’类’、私有属性与私有方法、封装、继承、多态、this、命名空间、子命名空间、构造函数、apply与call、proto、prototype、原型链、多种继承方式的实现、实现’重载’、什么是工厂模式,js怎样实现工厂模式、什么是单例模式,js怎样实现单例模式(单例模式在js中应用得比较多,像angular.js中的service)、什么原型模式,js怎样实现单例模式、什么是观察者模式(观察者模式是js的核心)

js工程师的工作流程

如何与公司后台进行数据联调、突发性bug的解决思路:我要崩溃了,出了问题是与后端进行针锋相对,还是学着用正确的思路快速的定位出来哪里有问题?、alert的妙用、console的使用、断点的使用(非必须,主要针对有后台基础的学员)、firebug、chrome的console与network、resources的使用、try catch的使用、throw的使用、雅虎军规、Chrome profiles、YSlow的使用、缓存的使用、借鉴还是抄袭,不再被这个问题困扰,产品经理需要的是快速产品迭代、webstorm与sublime的高级用法(工欲善其事必先利其器,学会了这二款前端每天要用编辑器的正确打开姿势可以大大提升开发速度)、git使用、github免费博客的搭建、如何用markdown写规范的文档:(这是一个看颜值的时代,请给我最佳的阅读体验!哪怕是一个普通的技术文档)、字符集知识(gb2312,gbk,utf8,ascii码)、正规公司代码组织方式、代码规范(为什么前端leader在code review的时候总是挑各种各样的毛病?)、这部分知识点会在平时的课程当中穿插着讲,还有好多最新的一些知识点会每期根据已工作学员反馈进行更新升级.

一线互联网公司面试题

预解析相关面试题、闭包相关面试题、递归相关面试题、继承相关面试题、基本数据类型与复合数据类型相关面试题、ajax与jsonp相关面试题、http协议相关面试题、jQuery相关面试题、去重、自己实现getElementsByClassName、扩展内置的对象的方法、reflow与repaint辨析、面试技巧、清空数组的三种方式、模拟实现JSON、stringify、延时下拉菜单、还有大量内部面试题,不一一列出来了

angular.js学习

MVC的概念学习 module模块与依赖注入、数据绑定、插值表达式、$scope、作用域、runBlock方法、config、控制器、过滤器filter、模板、内置指令与自定义指令、事件、服务(const,value,service,factory等)、路由及ngRoute、ngAnimate、jqLite、与服务器通信、angular ui mobile

设计模式

设计模式观察者模式、发布订阅模式、策略模式、工厂模式、原型模式、Promise/A规范、模块模式、组合模式

前端架构思想

接口规范、本地开发、模块系统、框架和类库的选型、工业级项目的实战(系统分解、设计接口API、工程构建、mock数据、gulp工作流的使用、组件的封装到最后的逻辑的实现)

查看更多

Js基本功

课程内容

JavaScript引入的方式、点击事件、鼠标移入移出事件、getElementById、getElementsByTagName、属性操作、变量、变量赋值、提取行间样式、换肤的三种方式、函数、if条件判断、className、cssText、传参、形参、实参、作用域、闭包、局部变量、全局变量、字符串、字面量、匿名函数、window.onload、循环、自增

基础语法

课程内容

表达式,变量命名规范、变量类型、typeof,undefined,null,字符串、字符串分割、字符串大小写转换、数组、push、pop、shift、unshift、slice、indexOf、splice的妙用、条件、循环、for,while,switch case,break,continue,算术运算、逻辑运算、关系运算、深入理解函数返回值、作用域、时间对象、获取月份的时候应该注意哪些?时间戳、getTime,getDate,getMonth,getFullYear,第一版日历、倒计时、arguments、随机数、随机换背景图、随机颜色、定时器、setTimeout、setInterval、柯里化、惰性求值

培训目标

变量、函数和三大语句结构是所有类C程序设计语言的基础,字符串、对象和数组是所有编程语言都需要处理的最重要的两种数据结构,实际工作中我们也是时时刻刻离不开字符串和数组,面试中经常会遇到结合这三者的面试题像数组去重等,字符串结合正则更是面试中喜欢考的一个知识点方向,熟练掌握字符串、对象和数组的操作算法和技巧非常的重要。

DOM

课程内容

节点类型,查找、创建、克隆、删除、替换节点(涉及到大量的DOM相关的API)、children的兼容性问题、什么是文档碎片、为什么文档碎片能够提高DOM操作效率、属性的操作setAttribute、getAttribute、removeAttribute、innerHTML和innerText有什么区别、表格的crud、精确搜索、模糊搜索、倒计时的实现、模拟win7系统的日历效果、开发自己的DOM库

培训目标

作为js最重要的两大基石DOM和BOM,DOM的重要性对于前端不言而喻,全面掌握DOM的各种API,了解类数组的特性,为我们以后工作中能比较快的理解别人的组件或插件的实现意图,乃至自己封装实现实用的组件。

BOM

课程内容

location:location,href,hash,search、如何跳转URL或返回当前URL地址、封装search参数、navigator、userAgent、iframe的自适应高度、可见区宽度、滚动条卷去的宽高、百度贴吧、天猫、聚美优品吸顶效果、返回到顶部、实现类似唯品会的图片延迟加载效果、二种思路实现瀑布流

培训目标

BOM作为JS三大组成部分之一,为我们提供了很多描述和修改浏览器状态、行为、特征等操作的API

事件

课程内容

事件绑定的三种方式及优缺点、DOM2.0事件、事件句柄、如何阻止事件冒泡、如何阻止元素默认行为、键盘事件、鼠标事件、浏览器事件、实现一个自己的事件队列、什么是冒泡和捕获、什么是事件委托和代理、仿淘宝网模拟placeholder、仿YUI拖拽效果、淘宝放大镜效果、开发自己的事件库

运动

课程内容

永远在页面中的右键菜单、侧边栏、淡入淡出、缓冲运动、多物体运动框架、万能运动框架、链式运动框架、完美运动框架、打字效果、三种思路实现无缝滚动、酷炫时钟、手风琴效果、tween动画的原理、jQuery动画的原理

HTML5

课程内容

canvas,webGL、摄像机、光源(点光源、散射光源、环境光)、贴图、世界坐标系、物体坐标系、材质、纹理、canvas实现绘图板、离屏canvas、给图像加水印、3d魔方、canvas时钟、canvas放大镜、移动端手势事件、微信JS-SDK、微信调试、cocos2d核心概念、cocos2d核心类、地图、box2d物理引擎

培训目标

HTML5囊括了众多的新兴的功能,其中canvas算是前端游戏开发者最热衷的功能,它是渲染图形、图表、图像和动画的开发接口,借助于canvas,我们可以实现像素级的图形与图像的处理。webGL是一项可以在浏览器呈现3D画面的技术,换句话说,webGL使用的是硬件加速,所以可以大大的提升图形渲染的性能,像cocos2d哪怕你是用来做2d游戏,它底层也是优先使用了webGL,只有宿主浏览器没有提供webGL的接口才会使用canvas。

模块化

课程内容

common.js、amd、cmd、require.js(同类型的还有遵循commonjs1.1规范的seajs,但是require.js是目前应用得最广的,而且像gulp、Backbone和angular.js等一批大牛都实现了相应的npm模块包,所以学会了require.js,可以很容易学会seajs等模块化库)

自动化

课程内容

gulp的原理和使用、如何用gulp打包、自动生成雪碧图、替代koala进行实时编译less和sass,post css的使用

jQuery

课程内容

如何选择合适的jQuery版本、选择器、三种思路实现隔行变色、使用each简化for循环、jQuery与DOM对象的相互转换、prop与attr探秘、筛选、DOM、BOM、事件、命名空间、自定义事件、hover的使用、pageX、pageY(彻底告别难用的evt.clientX,evt.clientY)、动画、各种toggle妙用、动画中的回调函数、ajax、用jQuery重写瀑布流、拖拽、选项卡等之前的例子、树形菜单、jQuery代码优化基本原则、tween动画的原理、jQuery动画的原理

nodejs

课程内容

课程内容repl基于事件驱动、回调、EventEmitter与自定义事件、读取文件、Buffer、操作二进制数据、模块与包、npm、package.json语法详解、B\S架构系统、HTTP协议深入学习、如何利用nodejs返回一个json数据、如何利用nodejs返回一个函数、chrome的network控制台学习、其他:前后端对cookie的处理,及HTML5中的本地存储

培训目标

只教前端必须 掌握的怎么把node生态圈的npm、gulp、grunt等掌握进行自动化打包或者涉及到ajax这一块有时候需要自己mock一下数据才会用得上node.js,所以我们的课程设计基本上是一个前端必须掌握的,不会把node什么知识点全来讲,tcp、udp、进程与子进程、甚至nginx等等,这些前端一辈子也不会有面试官问你也不会用得上的东西,这是没有意义的对前端工程师来说

ajax

课程内容

什么是B/S架构 什么是同源策略、前端必须要了解的http协议知识、xhr对象、readyState,onreadystatechange、什么是同步与异步、POST与GET、json数据格式(经常看到好多前端在没有完全理解json的情况下写出的代码出问题不知道怎么调错,这个知识点可以学习到大公司的一些通用的前后端数据约定格式)、谷歌的network控制台的使用、jsonp的原理、百度下拉提示、封装可重用的Jsonp方法、iframe实现跨域

培训目标

ajax是web2.0的基石,以前要用复杂的iframe才能模拟实现的无刷新的效果,用ajax可以轻松的实现,同时ajax也是大型电商经常考虑用来进行性能优化的技巧。掌握ajax可以让你轻松的在重构公司网站时达到一个比较好的新旧网站性能对比图。

正则表达式

课程内容

常用正则表达式工具的使用、RegExp对象、test、exec、match、replace、忽略大小写、贪婪与非贪婪、Unicode编码中的汉字范围、\b的妙用、正向否定、反向肯定、表单用户名、密码、身份证、网址、邮箱等匹配、高级正则应用:正则在jquery源码中的应用

培训目标

正则在字符串匹配查找方面是一个必须熟练掌握的技能,熟练的理解正则表达式的原理,有助于帮助我们更好的书写出效率高的正则,提高我们的工作效率

面向对象

课程内容

面向对象与基于对象、枚举、如何理解new、instanceof、constructor、什么是静态’类’、如何创建一个非静态类?、静态’类’和非静态’类’有什么区别?、如何实例化一个’类’、私有属性与私有方法、封装、继承、多态、this、命名空间、子命名空间、构造函数、apply与call、proto、prototype、原型链、多种继承方式的实现、实现’重载’、什么是工厂模式,js怎样实现工厂模式、什么是单例模式,js怎样实现单例模式(单例模式在js中应用得比较多,像angular.js中的service)、什么原型模式,js怎样实现单例模式、什么是观察者模式(观察者模式是js的核心)

培训目标

正则在字符串匹配查找方面是一个必须熟练掌握的技能,熟练的理解正则表达式的原理,有助于帮助我们更好的书写出效率高的正则,提高我们的工作效率

js工程师的工作流程

课程内容

如何与公司后台进行数据联调、突发性bug的解决思路:我要崩溃了,出了问题是与后端进行针锋相对,还是学着用正确的思路快速的定位出来哪里有问题?、alert的妙用、console的使用、断点的使用(非必须,主要针对有后台基础的学员)、firebug、chrome的console与network、resources的使用、try catch的使用、throw的使用、雅虎军规、Chrome profiles、YSlow的使用、缓存的使用、借鉴还是抄袭,不再被这个问题困扰,产品经理需要的是快速产品迭代、webstorm与sublime的高级用法(工欲善其事必先利其器,学会了这二款前端每天要用编辑器的正确打开姿势可以大大提升开发速度)、git使用、github免费博客的搭建、如何用markdown写规范的文档:(这是一个看颜值的时代,请给我最佳的阅读体验!哪怕是一个普通的技术文档)、字符集知识(gb2312,gbk,utf8,ascii码)、正规公司代码组织方式、代码规范(为什么前端leader在code review的时候总是挑各种各样的毛病?)、这部分知识点会在平时的课程当中穿插着讲,还有好多最新的一些知识点会每期根据已工作学员反馈进行更新升级

一线互联网公司面试题

课程内容

预解析相关面试题、闭包相关面试题、递归相关面试题、继承相关面试题、基本数据类型与复合数据类型相关面试题、ajax与jsonp相关面试题、http协议相关面试题、jQuery相关面试题、去重、自己实现getElementsByClassName、扩展内置的对象的方法、reflow与repaint辨析、面试技巧、清空数组的三种方式、模拟实现JSON、stringify、延时下拉菜单、还有大量内部面试题,不一一列出来了

angular.js学习

课程内容

MVC的概念学习 module模块与依赖注入、数据绑定、插值表达式、$scope、作用域、runBlock方法、config、控制器、过滤器filter、模板、内置指令与自定义指令、事件、服务(const,value,service,factory等)、路由及ngRoute、ngAnimate、jqLite、与服务器通信、angular ui mobile。

设计模式

课程内容

观察者模式、发布订阅模式、策略模式、工厂模式、原型模式、Promise/A规范、模块模式、组合模式

培训目标

使用gulp管理自己的项目,压缩CSS、js、图片合并等,以及postcss的使用

前端架构思想

课程内容

接口规范、本地开发、模块系统、框架和类库的选型、工业级项目的实战(系统分解、设计接口API、工程构建、mock数据、gulp工作流的使用、组件的封装到最后的逻辑的实现)

培训目标

这个专题看起来很虚,但是如果你去大公司面试就知道了,老大其实是很看重这块你的理解的,而且了解这方面的知道也有助于你尽可能快的走到管理层,最基本的收获也是可以了解你们公司的前端架构师每天在做什么,除了前面的基础课程和核心课程让同学们掌握JS的知识和学会如何编写代码,培养一定的代码逻辑能力之外,我们在这一专题里会让学员熟悉一线互联网公司的多人开发的协作流程、协作规范,熟悉主流的框架和类库,而不是为了学习技术而学习技术,通过一个模拟真实的项目实战让同学们真正的学会多人协作开发,熟悉大公司里面的规范和接口约定的流程,知道如何封装组件、采用amd规范来实现项目的模块化

结课标准

STANDARD OF COURSE

基础

至少有2~4个完整的网页和一个整站网页项目,并掌握JavaScript基础的语法及相关操作

中级

熟练使用JavaScript对网页内动画效果,Dom操作等进行处理

高级

能够使用ajax、jsonp项目完成前后端交互,使用jq、angular、react等框架,实现项目。

提升

毕业前面试及笔试考核,专属每个学员的职业建议,职业发展

课程信息

COURSE INFORMATION

上课时间 学习时长 课程收费 上课地点
全日制:周一到周六
日出 9:00 日落 8:00
2.5个月~3个月 6800 北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系方式
上课时间 学习时长
全日制:周一到周六
日出 9:00 日落 8:00
2个月
课程收费 上课地点
5900元 北京市昌平区沙阳路18号(北京科技职业技术学院)
咨询报名 / 联系方式

常见问题

COMMON PROBLEM

01

我零基础,可以学会吗?

零基础学员是完全可以掌握课程里面的知识,但前提是你必须要付出100%的努力,一定要认真完成老师布置的练习,另外,我们希望你主动积极的去提问。

02

学费能不能分期付款?

学费可以分期,目前我们的分期方式如下: 第一期:开课之前交一部分 第二期:上完一个月左右补交另外一部分 如果你实在有困难,可以跟我们说清,我们会针对你的情况,将分期适当的进行调整。具体的方式可以联系方式。我们愿意为想学习的你,提供力所能及的帮助。

03

我很笨,怕学不会/学的慢?

我们有一套自己的教学方法,确保每一个学员都能跟上,都能学会。笨不可怕,慢也不可怕,只要您肯去努力,我们就绝不放下每一个学员。

04

保证就业吗?

不保证,因为一但我们保证就业,就会有人心存侥幸的学习,这样不仅耽误了自己,还影响了大家的进度。说白了,如果您真的认真努力的去学习,还用担心能不能就业的问题吗?另外我们敢承诺的是,我们认真去教,您认真去学。

05

我们有哪些优势?

小班授课,师徒模式传授。同时,我们有六年的培训经验。