javascript培训班教学大纲|javascript培训

课程大纲如下：
说明：
 

１、所有的课程是都是按着实例讲解，而不是照本宣科的念知识点。通过课堂上手写代码的方式，逐渐培训学生的代码感和编码思维。
２、这里的课程大纲里罗例的内容，只表示讲课的大部分内容和大体的顺序，讲课时会根据实据情况做调整，由于知识是一个有机的系统的整体，所以可能会有相同的知识点或实例，会在不同的课程或用不同的方法来实现。所以请不要抠字眼，不要认为下面的罗例的知识点只会在某一次课上讲到，以后就再也不会讲了。
３、我们一直认为，比知识点更重要的是编程思想和逻辑思维，我们把培训编程思想和培训逻辑思维当成更重要的教学目标，贯穿在每一次课中！
 

第一部分　循序渐进，从零开始：  JavaScript语言基础
数据类型、常量及变量  表达式与运算符
JavaScript基本语句: 赋值语句、条件控制语句、循环控制语句、跳转语句、异常处理语句、注释语句
JavaScript函数:  函数的定义、返回值、参数、匿名函数、this关键字、递归函数
javascript基本应用：如何控制HTML元素和控制CSS样式。实例：JS像册效果、JS写的菜单效果
浏览器对javascript的解释机制的兼容问题、检测浏览器，应对报错的机制。 

第二部分　初步认识什么叫对象：JavaScript常用内置对象
对象的基本概念、创建对象及使用对象
创建和使用以下对象：数学对象(Math) 、 日期对象(Date) 字符串对象(String) 数组对象(Array)
JavaScript里的定时器：setInterval、clearInterval（所有动画的基础）

第三部分　实用为王--学发开发网站特效：动画及其它交互类网站特效
运动类动画：匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、模拟其他物理运动；
轮播幻灯片效果大全：平移、滑动、渐隐渐现、跳动、手风琴
菜单效果大全：仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单
仿桌面应用程序效果：任意扩展功能的放大镜、图片放大效果，磁性拖拽特效、淡入淡出效果等多种效果
彻底玩转网页特效、随心所欲制作各类网站交互效果。

 第四部分　全面学习处理XHTML等标记化语言的通用方法：文档对象模型（DOM）编程
 DOM部分是课程的重中之重，是javascript课程的核心。文档对象概述  文档对象的常用属性、方法与事件  文档对象的应用
DOM获取元素方法：getElementById()、getElementsByName()、getElementsByTagName()
节点遍历的属性：firstChild、lastChild、childNodes、parentNode
节点类型nodeType
DOM方式操作元素属性：getAttribute()、setAttribute()、removeAttribute()
动态创建DOM元素：createElement()、createTextNode()、appendChild()、insertBefore()
动态删除、修改DOM元素：removeChild()、replaceChild()
课堂示例：用javascript DOM方法来创建一个HTML页面 

 第五部分　理解并应用JS的神经感知系统：事件处理
详细解解事件监听、事件代理、事件绑定、合成事件、事件冒泡、事件对象的属性、移除事件、模拟事件、事件的浏览器兼容性问题。重点
鼠标和键盘事件:课堂示例--可以拖拽的网页元素、可以用键盘操作的动画效果（类似贪吃蛇游戏）。窗口和页面相关事件：能在页面上飘浮或滚动的对联广告效果
综合实例： 仿百度搜索框可以自动提示内容的效果（autocomplete效果）

 第六部分　和后台交互的体验技术：Ajax技术 （此讲放在jQuery中）
前端开发人员，也应该了解后台技术：PHP动态网站基础
把客户提交的信息保存下来：PHP网站开发中的数据库应用
让客户的信息提交工作也非常美妙：前端技术（javascript）和后台技术（PHP）就是你必须知道的AJAX！！！
实例制作：用ajax技术制作的微博系统。

第七部分　高手进阶--向jquery框架看齐：用面向对象和闭包开发的方式开发自己的JS框架
建立函数库
命名空间
对象直接量（命名参数）
原型对象
深入探讨JSON
JS中的封装、继承，闭包开发
开发一个类似jQuery的小型框架库，让自己的JS水平达到一个相当的高度。
不再让写代码那么折磨人：javascript开发工具对比和调试工具
你习惯的就是最好的：对比Dreamweaver CS4和Visual Studio 2008这两个开发平台。
好的调试工具，也是学习编程和提高效率的利器：一定要学会IE8的开发人员工具。
jquery开发编码提示插件。

上一条： 公司网页优化为什么静态页面比动态网页好？
下一条： 网站为什么要做优化|网站怎么做优化