xx培训的JS课程大纲(可作为学习目录)

经验,用几个月的时间,都告诉你。为了让你遇见一个”更好”的自己。
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规范来实现项目的模块化

你可能感兴趣的:(xx培训的JS课程大纲(可作为学习目录))