jqueryweb前端开发应用技术课程教学实践探索

《jqueryweb前端开发应用技术课程教学实践探索》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、"jQueryWeb前端幵发应用技术”课程教学实践探索徐辉高荣广西财经学院信息与统计学院摘要：jQuery是目前Web前端开发屮常用的技术，本文结合笔者的教学实践经验，针对jQueryWeb前端开发应用技术课程，从课程定位、课程内容、教学方法、实验教学等方面对该课程的教学与实践进行探索和研宄。关键词：jQuery;Web前端开发;教学实践;作者简介：徐辉（1965-）,男（汉族），广西博白人，副教授，研究生学历，主要研宄方向为数据挖掘、机器学习（xhui28@163.com）;作者简介：高荣（1979-

2、）,男（汉族），山东潍坊人，讲师，硕士，主要研究方向为深度学习、数据挖掘。基金：广西高等教育教学改革工程项目（2012JGA203,2017JGB373）1引言由于互联网、移动互联网的的高速发展，以及移动互联应用的普及、HTML5的广泛应用，Web技术从Web1.0发展到Web2.0时代，网站中的网页内容往往是动态生成的，页面表现形式更加精美、独特、绚丽，为用户提供更好的使用体验，交互性更强，Web前端开发已经成为当前的热门技术之一。IT行业对Web前端开发人员的专业素质和专业能力提出了新的要求，除了精

3、通传统的HTML、CSS、PhotoShop技术以外，更需要熟练JavaScript、DOM、BOM、jQuery、Ajax等新技术Ul，Web前端开发的难度相比以往的传统网站更大，其在网站开发过程中的作用越来越重要。近几年来，笔者对Web前端开发技术进行了探究和教学，并在教学屮对“jQueryWeb前端开发应用技术”课程进行丫多年的教学实践。本文结合笔者的实际教学经验对该课程的教学进行初步探讨。2课程教学设计2.1课程性质和定位jQuery是一个轻量级的JavaScript脚本库，其语法简単，捉供了各

4、种函数，应用jQuery函数可以对网页非常简单地进行操作网页元素、处理事件、处理动画特效，添加Ajax异步数据交互等，从而使页面动感。如今jQuery己经成为非常流行的JavaScript库。“jQueryWeb前端幵发应用技术”课程是我校本科和高职计算机专业都必修的一门核心能力课程，48学时，以培养Web前端开发工程师岗位能力为导向，掌握jQueryWeb前端编程技术，具备构建Web框架和Web前端设计的能力。该课程的先修课程包括Java语言程序设计、数据库技术、网贞制作，后续课程冇PHPWeb应用开

5、发、JSPWeb网站程序设计、JavaEE网站开发等Web后台开发课程。当然，也可以把jQueryWeb前端开发应用技术课程与Web后台开发课程安排在同一个学期开课，这样，学生对jQuery的Ajax与Web后台程序的动态异步交换数据的理解更为透彻。由此可见，jQueryWeb前端开发应用技术是连接Web前端界面与Web后台程序之间的重要支撑技术，在Web应用屮处于重要的地位。2.2课程目标本课程根据Web前端开发工程师所需技能，规划和设计本课程的教学目标和教学内容。通过本课程的学习，使学生具备以下应用

6、jQuery开发Web前端交互网页的能力：（1）掌握JavaScript基木编程知识；（2）掌握jQuery选择器、过滤器的应用；（3）掌握访问和操作HTML元素的编程；（4）掌握表单元素访问、事件处理、设置和获取CSS样式的编程；（5）掌握动画特效的编程；（6）掌握与后台应用进行异步数据通信的Ajax编程。2.3课程内容设计在学习jQueryWeb前端开发技术课程之前，学生已经学过Java语言、网页制作和HTML、数据库技术课程。因此，在构建本课程的教学内容吋，将重点放在jQuery、jQueryMo

7、bile、jQueryEasyUI插件的编程知识和应用。本课程的教学内容包括以下11个知识结构：（1）JavaScript基础知识；（2）jQuery选择器；（3）jQuery访问和操作HTML元素；（4）jQuery表单访问编程；（5）jQuery事件处理；（6）jQuery设置和获取CSS样式；（7）jQuery动画特效设计；（8）jQuery的Ajax编程；（9）jQueryMobile基础；（10）jQueryEasyUI插件应用。为了让学生真正理解jQuery知识，掌握jQuery技术的应用，

8、设计了一系列接近实际情境的实验项目，包括以下实验项目：（1）JavaScript编程实验。目的是掌握JavaScript基木语法、常用函数、内置对象和事件处理的编程。（2）选择器和过滤器实验。FI的是掌握jQuery常用的基本选择器、层次选择器和过滤器的应用。(3)访问和操作HTML元素实验。目的是掌握jQuery获取和设置HTML元素，增加和删除HTML元素及其属性的编程应用。(4)表单访问编程实验。目的是掌握jQuery访问表单元素的编