javascript培训课程大纲--javascript培训

作者:日期:2017-11-24 15:09:19 点击:120

 【声明:珠峰培训javascript前端开发课程已做调整,详情请咨询客服,请见:http://www.zhufengpeixun.cn/javascriptpeixun/2012-01-13/

课程大纲如下:

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

第一部分 循序渐进,从零开始:  JavaScript语言基础

  1. 数据类型、常量及变量  表达式与运算符
  2. JavaScript基本语句: 赋值语句、条件控制语句、循环控制语句、跳转语句、异常处理语句、注释语句
  3. JavaScript函数:  函数的定义、返回值、参数、匿名函数、this关键字、递归函数
  4. javascript基本应用:如何控制HTML元素和控制CSS样式。实例:JS像册效果、JS写的菜单效果
  5. 浏览器对javascript的解释机制的兼容问题、检测浏览器,应对报错的机制。
  6. 实例:制作一个类似于本网页上的这样的选项卡面板的效果。

第二部分 初步认识什么叫对象:JavaScript常用内置对象

  1. 对象的基本概念、创建对象及使用对象
  2. 创建和使用以下对象:数学对象(Math) 、 日期对象(Date) 字符串对象(String) 数组对象(Array)
  3. JavaScript里的定时器:setInterval、clearInterval(所有动画的基础)
  4. 课堂示例:时钟效果。

第三部分 实用为王--学发开发网站特效:动画及其它交互类网站特效

  1. 运动类动画:匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、模拟其他物理运动;
  2. 轮播幻灯片效果大全:平移、滑动、渐隐渐现、跳动、手风琴
  3. 菜单效果大全:仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单
  4. 仿桌面应用程序效果:任意扩展功能的放大镜、图片放大效果,磁性拖拽特效、淡入淡出效果等多种效果
  5. 彻底玩转网页特效、随心所欲制作各类网站交互效果。

第四部分 全面学习处理XHTML等标记化语言的通用方法:文档对象模型(DOM)编程

 DOM部分是课程的重中之重,是javascript课程的核心。文档对象概述  文档对象的常用属性、方法与事件  文档对象的应用
  1. DOM获取元素方法:getElementById()、getElementsByName()、getElementsByTagName()
  2. 节点遍历的属性:firstChild、lastChild、childNodes、parentNode
  3. 节点类型nodeType
  4. DOM方式操作元素属性:getAttribute()、setAttribute()、removeAttribute()
  5. 动态创建DOM元素:createElement()、createTextNode()、appendChild()、insertBefore()
  6. 动态删除、修改DOM元素:removeChild()、replaceChild()
  7. 课堂示例:用javascript DOM方法来创建一个HTML页面

 第五部分 理解并应用JS的神经感知系统:事件处理

  1. 详细解解事件监听、事件代理、事件绑定、合成事件、事件冒泡、事件对象的属性、移除事件、模拟事件、事件的浏览器兼容性问题。重点
  2. 鼠标和键盘事件:课堂示例--可以拖拽的网页元素、可以用键盘操作的动画效果(类似贪吃蛇游戏)。
     
  3. 窗口和页面相关事件:能在页面上飘浮或滚动的对联广告效果
  4. 综合实例: 仿百度搜索框可以自动提示内容的效果(autocomplete效果)

第六部分 和后台交互的体验技术:Ajax技术 (此讲放在jQuery中)

  1. 前端开发人员,也应该了解后台技术:PHP动态网站基础
  2. 把客户提交的信息保存下来:PHP网站开发中的数据库应用
  3. 让客户的信息提交工作也非常美妙:前端技术(javascript)和后台技术(PHP)就是你必须知道的AJAX!!!
  4. 实例制作:用ajax技术制作的微博系统。

第七部分 高手进阶--向jquery框架看齐:用面向对象和闭包开发的方式开发自己的JS框架

  1. 建立函数库
  2. 命名空间
  3. 对象直接量(命名参数)
  4. 原型对象
  5. 深入探讨JSON
  6. JS中的封装、继承,闭包开发
  7. 开发一个类似jQuery的小型框架库,让自己的JS水平达到一个相当的高度。

不再让写代码那么折磨人:javascript开发工具对比和调试工具

  1. 你习惯的就是最好的:对比Dreamweaver CS4和Visual Studio 2008这两个开发平台。
  2. 好的调试工具,也是学习编程和提高效率的利器:一定要学会IE8的开发人员工具。
  3. jquery开发编码提示插件。

上一篇: JavaScript如何实现获取一个元素相对于屏幕距离(注意,是相对于屏幕的,不是相对于定位参照物的)的方法

下一篇: JavaScrip如何实现删除li的正确的方法