【声明:珠峰培训javascript前端开发课程已做调整,详情请咨询客服,请见:http://www.zhufengpeixun.cn/javascriptpeixun/2012-01-13/】
课程大纲如下:
说明:1、所有的课程是都是按着实例讲解,而不是照本宣科的念知识点。通过课堂上手写代码的方式,逐渐培训学生的代码感和编码思维。
2、这里的课程大纲里罗例的内容,只表示讲课的大部分内容和大体的顺序,讲课时会根据实据情况做调整,由于知识是一个有机的系统的整体,所以可能会有相同的知识点或实例,会在不同的课程或用不同的方法来实现。所以请不要抠字眼,不要认为下面的罗例的知识点只会在某一次课上讲到,以后就再也不会讲了。
3、我们一直认为,比知识点更重要的是编程思想和逻辑思维,我们把培训编程思想和培训逻辑思维当成更重要的教学目标,贯穿在每一次课中!
4、用到的实例,请见案例展示部分。
第一部分 循序渐进,从零开始: 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开发编码提示插件。