本课程是软件工程专业的专业基础课。Web前端开发是从网页制作演变而来。设计的网站要提供更多交互式的用户体验，以满足企业级别的需求，就必须掌握基本的Web前端开发技术，其中包括：HTML、CSS、JavaScript、DOM、BOM、Ajax、JQuery等。 本课程主要以就业的需求为向导，深入学习后可从事WEB网页开发工作、WEB前端设计工程师。 如果要继续学习后台知识访问《Java应用开发实训》课程。 （1） 课程指导思想及定位 随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。2015年《上海互联网行业人才紧缺指数（TSI）报告》显示，WEB前端开发工程师已成为上海互联网行业中最紧俏的职位。因此，从2010年以来各个高校逐渐开始增设《WEB前端开发技术》相关课程，逐步将前端开发与后端开发共同作为专业核心或者专业方向课程。 我校《WEB前端开发技术》课程是软件工程专业的专业核心课程，通过本门课程的学习，使学生掌握主流的前端开发技术，包括HTML、CSS、JavaScript、HTML5、CSS3、Ajax、JQuery等，为B/S架构系统的开发奠定基础。另外，通过课程的学习使学生能运用所学知识设计和开发网站前端，锻炼学生的软件开发与应用能力，培养学生网站前端开发能力。 （2） 课程教学目标 《Web前端开发技术》课程的主要目的是为了让学生掌握主流的前端开发技术，为B/S架构系统以及移动开发提供更好的交互式用户体验，逐步满足企业级开发需求。为了培养软件工程应用型人才，结合示范专业人才培养的六个方面：基础理论、专业技能、工程管理、综合能力、外语能力、职业素质对学生进行培养。课程目标包括掌握web前端开发的基础理论知识，也要掌握Web开发中的JavaScript、Ajax以及jQuery的专业技能，在开发过程中通过阅读英文帮助文档来训练学生的外语能力，通过综合实训来训练学生的工程管理以及综合能力。 （3） 教学条件 教学环境： 本课程全程都在计算机专业实践中心机房进行教学。 实验条件： 实验中心机房最大容量60人/室 配备计算机1套/每人 配置极域电子教室、办公软件、开发软件等 配置投影仪1台 （4） 课程教学内容 《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事件。 （5） 教学方式 课堂讲授： 1、讲课中注重理论联系实际，采用多媒体并结合案例演示教学，以加深学生对有关概念、理论和方法的理解。全程在专业实验室进行教学。 2、在课程教学过程中，逐步改革传统教学模式，充分发挥并培养学生的自主创新能力，在教学过程中注重培养学生的程序设计思维能力与创新能力。 3、除教材外，给学生指定相关的参考书和学习网站，拓宽学生的知识面。 考试环节： 考试方式可选择闭卷、设计作品评分或上机考核。最终成绩构成应包含平时考勤、作业、问答等部分，平时成绩和期末成绩的构成比例可参考以下分配。 1、课程教学过程环节学习效果考核指标，即平时成绩30%（作业10%、提问10%、考勤10%）。 2、期末项目考核成绩70%，项目考核内容及占比： （1）前端知识概述：2-5% （2）HTML部分：20-30% （3）CSS部分：15%-20% （4）JavaScript部分：25%-35% （5）Ajax部分：10%-15% （6）HTML5部分：5%-10% （7）JQuery部分：5%-10% （6）课程特色 为了加强学生的动手实践能力，切实提高学生的专业应用技能，《WEB前端开发技术》在各个方面都得到了学校学院的支持，其课程主要特色如下： 1、全程在计算机专业实践中心授课，加强学生动手能力； 2、为该课程设置独立实验课程，提高学生综合开发能力； 3、多种考核方式对学生评价，积极开展教学考核方式改革； 4、学院开展前端设计的竞赛活动，以赛促学。 （7）推荐教材 本书作为Web 基础课程的教材，系统全面地介绍了Web 基础开发所涉及的HTML+CSS+JavaScript 的各类知识。全书共分21 章，内容包括网页设计基础、初识HTML、HTML 中的表格、表单的使用、图形图像处理技术、多媒体播放技术、HTML 高级应用、CSS 概述、CSS 中的选择器、CSS 常用属性、CSS 中的变形与动画、JavaScript 概述、JavaScript 语言基础、函数及其使用、JavaScript 对象编程、JavaScript 中的事件处理、JavaScript 高级应用、Ajax 技术的使用、jQuery 技术、综合案例--企业门户网站、课程设计-- 旅游网站前台。