本课程是软件工程专业的专业基础课。Web前端开发是从网页制作演变而来。设计的网站要提供更多交互式的用户体验，以满足企业级别的需求，就必须掌握基本的Web前端开发技术，其中包括：HTML、CSS、JavaScript、DOM、BOM、Ajax、JQuery等。

本课程主要以就业的需求为向导，深入学习后可从事WEB网页开发工作、WEB前端设计工程师。

http://218.6.132.18/meol/jpk/course/layout/lesson/index.jsp?courseId=42728

（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）推荐内容进行制定。

（5） 教学方式

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

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

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

（6）课程特色

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

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

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

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

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