《Web前端开发技术》课程的主要目的是为了让学生掌握主流的前端开发技术，为B/S架构系统以及移动开发提供更好的交互式用户体验，逐步满足企业级开发需求。为了培养软件工程应用型人才，结合示范专业人才培养的六个方面：基础理论、专业技能、工程管理、综合能力、外语能力、职业素质对学生进行培养。课程目标包括掌握web前端开发的基础理论知识，也要掌握Web开发中的JavaScript、Ajax以及jQuery的专业技能，在开发过程中通过阅读英文帮助文档来训练学生的外语能力，通过综合实训来训练学生的工程管理以及综合能力。
王维虎, 宫婷. 网页设计与开发 : 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）前端知识概述：2%-5%
（2）HTML部分：20%-30%
（3）CSS部分：15%-20%
（4）JavaScript部分：25%-35%
（5）Ajax部分：5%-10%
（6）HTML5部分：5%-10%
（7）JQuery部分：10%-15%
项目考核注重学生的创新能力培养。所给出的项目仅做参考，学生可以根据自己的需求、兴趣、偏好设计网站，最终考核结果以采用的技术以及实现的效果来评判，尽可能地鼓励学生创新，切实锻炼学生的实践能力。
