`
zccst
  • 浏览: 3315666 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript课程大纲(珠峰版)

 
阅读更多
基础部分

第一周:
1、javascript脚本在网页里的几种写法,语法,变量类型。
2、JS控制HTML属性(HTML DOM)和JS控制CSS属性(CSS DOM)及类样式。
3、条件判断语句(if else,三元运算符,if else if和switch的区别),break和return的应用和区别;
4、循环的几样写法(for,while,do while,for in )及相互代替的写法。
5、变量的类型自动转换。
6、方法的定义,方法的特殊性,匿名方法和匿名方法的运行,变量作用域及私有作用域简单了解,带参数的方法和带返回值的方法。
7、this关键字初步了解。
8、事件属性的初涉(DOM 0级事件的初步了解)
9、实例包括:九九乘法表,图片切换实例选项卡面板实例等。


第二周:
1、DOM详细:DOM用来获取、遍历、创建元素的方法细讲(详见PPT)。
2、时间类的详细及应用:实例包括时钟,倒记时;
3、常用数学方法详解;
4、动画基础;
5、调试工具的使用;
6、作业及综合练习:用DOM方法创建HTML元素的例子,综合DOM、事件基本应用、Math类方法和定时器的例子,具体要求请见作业的要求文档。



深入应用及专业开发部分

第三周:
1、变量作用域、闭包及this关键字详解;
2、DOM 0级事件绑定的特点。如何把HTML代码和JS代码分离及注意事项;
3、DOM的深入应用及构建自己的DOM方法库
3.1、命名空间的概念及优点;
3.2、编写通用的增加类样式和移除类样式的方法(addClass()和removeClass())及正则表达式初涉;
3.3、通过类名来获取元素的方法;
3.4、仿jQuery的siblings方法(获取一个节点的兄弟节点);
3.5、获取一个节点下元素子节点的方法;
3.6、编写通用的CSS属性值的设置和记取的方法(类似于jQuery的css方法);
3.7、编写 获取某个元素的索引值的方法(类似于jQuery的index方法);
3.8、DOM操作的兼容性问题及其它常用的DOM方法的编写。
3.9、JS 最新API方法及应用:querySelectorAll,firstElementChild、getElementsByClassName等
3.10、封装自己的DOM方法库
以上这些,一方面是帮助同学更加熟练的掌握所学到的基础知识,进一步培训逻辑思维,更重要的是培养学生的抽象、封装、复用代码的思想!
4、jquery初涉
5、实例:先用jQuery写一个选项卡面板,再用自己编写的方法库写一个无兼容性的选项卡面板实例,对比二者的异同及体会自己所写代码的不足。
6、调试工具的进一步使用。在讲课中会一直会用到调试工具,目的就是让学生有分析代码、自行解决问题的能力。并且IE的调试工具、火狐FireBug,chrome调试工具交替使用,使学生能够体会到这两者各自的优点。


第四周第一天
1、动画的基本原理。
2、左右切换的图片滚动动画
3、自动运行的动画:无缝滚动的循环动画和单向滚动动画。
4、闭包和私有作用域的应用及实操:用闭包的方式给HTML元素事件绑定方法。
5、HTML元素自定义属性在JS编程中的应用。
6、IE8/9、火狐FIREBUG调试工具的应用及其它调试技巧。

第四周第二天
7、复杂动画及动画算法(跳动、反弹、加速减速、放大缩小、拖拽拖动等);
8、封装自己的运画库


第五周第一天
1、通过原来用JS写的示例再用jQuery来完成,体验jQuery的便利与强大。
2、jQuery对象与JS原生对象的区别与转换。
3、jQuery选择器详细与CSS3选择器在jQuery中的应用。

第五周第二天:jQuery中的DOM操作及动画详解
jQuery中的DOM操作
jQuery中的动画


第六周第一天(总第11天):事件详解
1、事件绑定的三种方式:
      把方法写在HTML代码的事件属性里
      写在JS获取到的HTML属性中
      写在HTML里和写在JS对象属性里的区别和优缺点
     2级DOM的事件绑定方法
2、2级DOM的事件绑定方法 的优点
3、2级DOM的事件绑定方法的浏览器兼容性问题
4、事件的浏览器差异
5、事件的冒泡和捕获
6、事件属性详解:鼠标事件、键盘事件和手机浏览器中的事件等
实例1:拖拽效果的两种不同实现效果;
实例2:解决IE中二级DOM事件绑定的this关键字指向问题
实例3:用顶级事件绑定的方式解决菜单隐藏
7、jQuery中的事件绑定及移除
8、jQuery中的复合事件
9、jQuery中的事件模拟
10、jQuery中的的one及live方法的应用。

第六周第二天
1、COOKIE机制和网页换皮肤实例
2、JS和JQ操作表单元素
3、HTML5中的新标记和JS控制HTML标记(下午,选讲)


第七周第一天:面向对象的JS编程
(这一天的东西比较抽象,并且示例较多,请做好提前预习)
javaScript面向对象的特点
javascript的面向对象编程中析构方法(constructor)原型对象(prototype)和实例(instance)三者的关系;
JS面向对象的实质和prototype详解
call和apply详解及继承;
实例:结合第一周的DOM库,写一个面向对象的类似于jquery的DOM类库。使用面向对象的方法完成拖拽实例。

第七周的第二天:
闭包的应用及jQuery插件开发
jQuery插件的三种不同形式。
仿新浪微博效果的ajax应用,实践课程。是偏复杂的综合示例。
网站同步交互与异步交互的区别,理解传统的客户端回发(PostBack)和局部刷新的区别。
充分应用javascript、PHP、JSON、XML技术改善提高用户体验,展示AJAX在提高用户体验方面的强大魅力!


用到的知识点:
1、浏览器端(客户端)与服务器端交互原理
2、PHP网站开发与数据库存取
3、javaScript AJAX原理与jQuery AJAX应用。
4、XML知识
5、JSON知识。

分享到:
评论

相关推荐

    《JavaScript程序设计》课程教学大纲

    课程推荐了多本权威教材和参考书籍,如《JavaScript程序设计基础教程(第二版)》、《JavaScript高级程序设计》、《JavaScript基础教程(第7版)》、《JavaScript宝典》和《JavaScript精粹》等,这些资料不仅提供了丰富...

    javascript学习大纲

    ### JavaScript 学习大纲 #### 一、JavaScript 运行机制 JavaScript 是一种广泛应用于 Web 开发中的脚本语言,目前被超过 95% 的网页所采用。它主要在客户端(即用户的浏览器中)运行,与服务器端的 PHP、Java 等...

    JavaEE课程大纲2019.pdf

    JavaEE课程大纲涵盖了从JavaSE开发技术到Web前端和服务器端开发,再到Oracle数据库和服务器端JavaEE框架,最终涉及Linux、缓存技术和大数据处理等内容。 在JavaSE开发技术阶段,首先需要对Java有一个全面的了解,...

    如何设计一套JavaScript课程体系+编程知识+技术开发

    如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术...

    JavaScript开发课程设计校园新闻微信小程序源代码.zip

    JavaScript开发课程设计校园新闻微信小程序源代码,JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发...

    HTML+CSS+JavaScript网页制作案例教程(第2版)-教学大纲.zip

    总之,《HTML+CSS+JavaScript网页制作案例教程(第2版)》的教学大纲全面覆盖了网页制作的核心技术,旨在培养学生的创新思维和实际动手能力,为他们在互联网行业的职业生涯打下坚实的基础。通过深入学习和实践,学生...

    JavaScript课程教学内容改革探索与实践.pdf

    "JavaScript课程教学内容改革探索与实践" 本文探讨了JavaScript课程教学内容的改革与实践,旨在解决当前JavaScript课程教学内容陈旧、学科化、案例呆板、缺乏实际应用性等问题。文章首先分析了JavaScript课程教学...

    《javascript脚本》课程标准.pdf

    《JavaScript脚本》课程是网络系统管理专业的一门专业必修课,旨在培养学生的网页前台技术,特别是使用JavaScript进行动态网站开发的能力。课程遵循职业教育的理念,以就业为导向,强调技能的培养,通过项目实践帮助...

    javascript 课程设计

    【JavaScript课程设计】是针对学生进行的一次实践性学习任务,旨在加深对JavaScript语言和相关开发框架的理解。在这个课程设计中,学生将构建一个个人网页,以提升其在界面设计和交互实现上的技能。这份设计涉及到的...

    javascript课程设计

    javascript课程设计,需要的可下载

    JavaScript课程设计实训大作业:购物网站(含源代码+运行截图+实训报告)

    综合运用HTML+CSS+JavaScript技术。 2.1 系统模块划分 网页的模块主要由主页、栏目页、商品详情页、轮播页、个人信息登录页面、秒杀页、购物车、注册和登录、咨询跳转到微信和QQ页、流动广告、弹窗广告等

    基于CDIO模式的JavaScript课程实验设计.pdf

    "基于CDIO模式的JavaScript课程实验设计" 本文主要讨论基于CDIO模式的JavaScript课程实验设计。CDIO工程教育模式是近年来国际工程教育教学改革的最新成果,其核心思想是让学生进行主动学习,加强课程之间的有机联系...

    JavaScript基础教程(第8版) 高清版 mobi

    《javascript基础教程(第8版)》循序渐进地讲述了javascript 及相关的css、dom、ajax、jquery 等技术。...《javascript基础教程(第8版)》适合有志于从事web 开发和web 设计的初学者阅读,也是高校相关课程理想的教材。

    高职JavaScript课程教学刍议.pdf

    "高职JavaScript课程教学刍议" 本文探讨了高职JavaScript课程教学的设计和优化,旨在提高学生的专业技能和职业素养。文章首先介绍了JavaScript语言的特点和应用,然后讨论了JavaScript课程教学的设计和优化,提出了...

    JavaScript课程的教学方法 (1).pdf

    JavaScript课程的教学方法 JavaScript课程的教学方法是当前研究的重点,高职院校普遍开设了Web应用开发类应用课程,但是由于学生基础较差,导致后期学习Java Web、Java EE等课程的压力相对较大。因此,如何使学生...

    JavaScript课程课后代码包

    在“JavaScript课程课后代码包”中,我们可以期待学习到一系列关于JavaScript的核心概念和技术。这可能包括: 1. **基础语法**:变量、数据类型(如字符串、数字、布尔值、null和undefined)、操作符(算术、比较、...

    8JavaScript-课程-课程-课程-课程

    课程 8JavaScript|课程|课程|课程|课程

    “项目驱动法”在JavaScript课程教学中的应用.pdf

    基于项目驱动法的JavaScript课程教学应用 在计算机教学中,JavaScript课程是一门基础课,以网站开发、网页设计为主要教学内容。然而,传统的教学方式已经不能满足该课程的能力要求,无法实现该课程的培养目标。因此...

    《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx

    《Vue.js前端框架技术与实战》是一门针对计算机及相关专业的必修或选修课程,旨在教授学生Vue.js这一流行的前端框架。课程分为理论和实践两部分,共计64学时,其中48学时为理论教学,16学时为上机实践。这门课程不仅...

Global site tag (gtag.js) - Google Analytics