《jQuery程序设计》课程融入思政元素

发表时间:2021/5/8   来源:《教育学文摘》2021年4期   作者:周锡玲
[导读] 《jQuery程序设计》课程是计算机类的一门专业课程,

        周锡玲
        湖南信息职业技术学院 湖南 长沙 410200
        摘要《jQuery程序设计》课程是计算机类的一门专业课程,在以往的教学中,教师往往只注重于专业知识的传授,缺乏对学生进行德育。本文充分挖掘《jQuery程序设计》课程中隐含的思政元素,将专业知识与思政元素有机结合,在讲授专业知识的同时,实现立德树人的目标。
关键字:德育;思政元素;立德树人
1.引言
        思想政治教育可以帮助学生树立正确的人生观、价值观和世界观。对学生进行思想政治教育仅仅依靠思政课是不够的,为了更好的达到教书育人的效果,教师应充分发挥课堂教学主渠道在学校思想政治工作中的作用,使各类课程同向同行,形成协同效应。本文以《jQuery程序设计》课程为例,介绍了该课程的课程内容,并且对在该课程中融入思政元素进行了设计。
2.《jQuery程序设计》课程简介
        jQuery是一个轻量级的JavaScript库,是Web前端开发中重要的技术之一。jQuery具有强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、链式操作方式、完善的文档等优点。通过《jQuery程序设计》课程的学习,培养学生运用jQuery实现网页特效能力、解决网站与用户交互功能等问题的实践能力。《jQuery程序设计》课程选用的教材是《Web前端开发技术(jQuery+Ajax)》[1],该书一共包含10章,每章的教学内容如下:
(1)jQuery入门
        主要内容:了解JavaScript库,理解jQuery的理念、优势,掌握学习jQuery前的知识准备,掌握开发工具的安装及使用。
(2)jQuery基础知识
主要内容:了解jQuery的语法结构,理解jQuery的链式编程风格,掌握文档就绪函数以及jQuery对象与DOM对象的相互转化。
(3)jQuery选择器
        主要内容:了解JavaScript与jQuery获取元素的区别,掌握基本选择器、层次选择器、过滤选择器、表单选择器的表示方式以及使用。
(4)jQuery操作DOM
主要内容:理解jQuery操作DOM的分类,掌握jQuery操作DOM节点(新建、添加、删除、修改、查找)的方法,掌握jQuery的其它操作(属性操作、样式操作、设置和获取元素、遍历节点)。
(5)jQuery中的事件
主要内容:了解事件的概念,理解常见的3种事件监听方式,掌握使用on()和one()方法绑定事件,掌握解除事件绑定的方法,理解事件冒泡的原理,掌握事件对象event的常用属性和方法。


(6)jQuery中的动画
主要内容:了解jQuery的基本动画效果,掌握jQuery的常用动画效果和自定义动画效果。
(7)Ajax技术
主要内容:了解Ajax与传统Web的区别,理解Ajax所包含的几大技术,了解Ajax的优势与不足,理解Ajax的工作原理,掌握Ajax的开发过程。
(8)jQuery中的Ajax应用
主要内容:理解使用jQuery实现Ajax的优点,掌握ajax()方法,掌握简单方法(get()、getJSON()、getScript()、post()、load())的使用,掌握序列化方法的使用。
(9)JSON
主要内容:了解Ajax数据传输的3种格式的优缺点,了解JSON的定义和基本语法,掌握在Ajax中使用JSON的方法。
(10)综合案例
主要内容:本章是对前面所学习的jQuery知识的一个综合运用,需要实现一个音乐商城网站。
2.《jQuery程序设计》课程融入思政元素设计
在讲解第1章jQuery的理念的时候,jQuery的理念是写的更少,做的更多,也就是说用更少的代码实现更多的功能。跟JavaScript相比较来说,在实现相同功能的时候,jQuery可能只需要两条语句就可以实现,而在JavaScript中可能需要多行代码才能实现。通过讲解这个知识点,教师教导学生,在平时写代码实现功能的时候,不能只满足于实现功能,而需要将代码进行优化,尽量用很少的代码实现功能,达到事半功倍的效果。
在讲解第1章的jQuery与其它JavaScript库相比所具有的独特优势的时候,教师强调类似的产品只有具有其它同类产品所不具备的独特的优势,做到“人无我有,人有我优”,才能脱颖而出。教师鼓励学生如果想成为某一个行业的佼佼者就必须努力学习,增强自己的才干,提高自己的核心竞争力。
在讲解第4章使用jQuery删除DOM节点的时候,删除DOM节点有三种方法:remove()、detach()、empty()。其中,remove()方法的作用是删除整个节点;detach()方法的作用是删除整个节点之后,仍然保留了元素的绑定事件、附加的数据;empty()方法的作用是删除选中节点的所有子节点或内容,但是元素本身仍然存在。通过讲解这个知识点,教师教育学生对于同一个问题可能存在多个解决方案,此时,应该选择这些解决方案中的最优解,从而可以少走弯路。
在讲解第7章Ajax的开发步骤的时候,教师通过一个案例来讲解Ajax开发的4个步骤:创建XMLHttpRequest对象、设置请求发送方式、发送Ajax请求、绑定回调函数。通过对这个知识点的讲解,教师教育学生,当遇到一个复杂的问题的时候,不要因为害怕而直接放弃,我们可以将复杂的问题分解为很多容易解决的简单的小问题,然后一个一个的将这些简单的小问题解决之后,复杂的问题也就得到了解决。
3.总结
本文充分挖掘《jQuery程序设计》课程中隐含的思想政治教育元素,并对该课程的思政元素进行了设计。通过在专业课程中融入思政元素,既给学生传授了专业知识,同时帮助学生塑造了正确的人生观、价值观、世界观。
参考文献
[1]谭丽娜,陈天真,郭倩蓉. Web前端开发技术(jQuery+Ajax)[M].人民邮电出版社,2019.
[2]徐琴,朱霞,张才华.“Python程序设计”课程思政探索[J].教育教学论坛,2020(53):298-300.
投稿 打印文章 转寄朋友 留言编辑 收藏文章
  期刊推荐
1/1
转寄给朋友
朋友的昵称:
朋友的邮件地址:
您的昵称:
您的邮件地址:
邮件主题:
推荐理由:

写信给编辑
标题:
内容:
您的昵称:
您的邮件地址: