《Web前端开发技术》课程的主要目的是为了让学生掌握主流的前端开发技术，为B/S架构系统以及移动开发提供更好的交互式用户体验，逐步满足企业级开发需求。为了培养软件工程应用型人才，结合示范专业人才培养的六个方面：基础理论、专业技能、工程管理、综合能力、外语能力、职业素质对学生进行培养。课程目标包括掌握web前端开发的基础理论知识，也要掌握Web开发中的JavaScript、Ajax以及jQuery的专业技能，在开发过程中通过阅读英文帮助文档来训练学生的外语能力，通过综合实训来训练学生的工程管理以及综合能力。

教案：https://gitee.com/lanquanxiang/t-plan

说明：此教学大纲仅为示例，选课学生可以在课程资料中查看本年级教学大纲。

说明：此教学日历仅为示例，选课学生可以在课程资料中查看本班级教学日历。

王维虎, 宫婷. 网页设计与开发 : HTML、CSS、JavaScript[M]. 人民邮电出版社, 2014.

本书作为Web 基础课程的教材，系统全面地介绍了Web 基础开发所涉及的HTML+CSS+JavaScript 的各类知识。全书共分21 章，内容包括网页设计基础、初识HTML、HTML 中的表格、表单的使用、图形图像处理技术、多媒体播放技术、HTML 高级应用、CSS 概述、CSS 中的选择器、CSS 常用属性、CSS 中的变形与动画、JavaScript 概述、JavaScript 语言基础、函数及其使用、JavaScript 对象编程、JavaScript 中的事件处理、JavaScript 高级应用、Ajax 技术的使用、jQuery 技术、综合案例--企业门户网站、课程设计-- 旅游网站前台。

《Web前端开发技术》课程的教学内容包括HTML、CSS、JavaScript、HTML5、CSS3、Ajax以及jQuery等。所有理论教学内容根据Web技术领域最具权威和影响力的国际中立性技术标准机构万维网联盟（World Wide Web Consortium，W3C）推荐内容进行制定，具体内容如下：

第一部分   Web前端技术概述

教学内容：前端开发技术简介，前端基础知识，前端开发的工具等。

第二部分   HTML

教学内容：HTML概述，HTML常用标记，HTML表格标记，HTML表单标记。

第三部分   CSS

教学内容：CSS概述，CSS语法，CSS常用选择器，CSS属性选择器，CSS伪选择器，CSS组合选择器，CSS常用属性。

第四部分   JavaScript

教学内容：JavaScript概述，JavaScript基础知识，JavaScript函数及其使用，JavaScript常用事件与事件响应，JavaScript对象编程，JavaScript BOM，JavaScript DOM，JavaScript数据处理和验证。

第五部分   Ajax

教学内容：Ajax基础知识，Ajax原理，Ajax实例，Ajax综合应用。

第六部分  HTML5

教学内容：HTML5简介，HTML5新增标签，HTML5多媒体技术，HTML5绘图。

第七部分  jQuery

教学内容：jQuery语法，jQuery选择器，jQuery与HTML，jQuery与Ajax，jQuery动画，jQuery事件。

课堂讲授：

1、讲课中注重理论联系实际，采用多媒体并结合案例演示教学，以加深学生对有关概念、理论和方法的理解。全程在专业实验室进行教学。

2、在课程教学过程中，逐步改革传统教学模式，充分发挥并培养学生的自主创新能力，在教学过程中注重培养学生的程序设计思维能力与创新能力。

3、除教材外，给学生指定相关的参考书和学习网站，拓宽学生的知识面。

课程特色：

    为了加强学生的动手实践能力，切实提高学生的专业应用技能，《WEB前端开发技术》在各个方面都得到了学校学院的支持，其课程主要特色如下：

    1、全程在计算机专业实践中心授课，加强学生动手能力；

    2、为该课程设置独立实验课程，提高学生综合开发能力；

    3、多种考核方式对学生评价，积极开展教学考核方式改革；

    4、学院开展前端设计的竞赛活动，以赛促学。

考试方式可选择闭卷、设计作品评分或上机考核。最终成绩构成应包含在线测试、作业、问答、讨论。在线学习等部分，平时成绩和期末成绩的构成比例可参考以下分配。

1、课程教学过程环节学习效果考核指标，即平时成绩40%，每学期在超星平台进行考核。

2、期末考试成绩60%，考核内容及占比：

1.   判断题10个*1分=10分，课程目标1

2.   选择题10个*2分=20分，课程目标1

3.   简答题4个*5分=20分，课程目标1

4.   编程题5个*10分=50分，课程目标2

1. 根据效果图编写表单 10分

2. 根据效果图和要求编写CSS样式表 10分

3. 根据要求编写JavaScript脚本 10分

4. 根据要求编写Ajax来请求数据并处理 10分

5. 根据要求使用jQuery编写脚本 10分

    3、可以采用项目考核，项目考核注重学生的创新能力培养。所给出的项目仅做参考，学生可以根据自己的需求、兴趣、偏好设计网站，最终考核结果以采用的技术以及实现的效果来评判，尽可能地鼓励学生创新，切实锻炼学生的实践能力。