《前端设计与开发》课程标准 .pdfVIP

《前端设计与开发》课程标准

课程代码7102Z1B03

适用专业信息技术服务专业群

适用学制3+2学制、五年一贯制、5+2贯通培养

编制人

审核人

版本号202301

一、课程名称

前端设计与开发

二、适用专业

计算机网络技术专业、大数据技术应用专业、人工智能技术应用专业

三、课程学时与学分

724

学时，学分。

四、课程性质

本课程是信息技术服务专业群群平台课程，旨在培养学生具有前端设计与开发的实际能力和创

新精神。该课程注重实践操作，贯彻“理论联系实际，知行合一”的教学理念。课程包含前端开发的

相关知识和技术，学生将通过项目实践来掌握前端开发的基本原理、技能和方法。同时，本科课程还

为计算机网络技术专业后续学习《程序设计基础》、《渗透测试》等课程，大数据技术与应用专业后

续学习《互联网数据采集》、《数据可视化》等课程，人工智能技术与应用专业后续学习《数据分析

与可视化》、《web框架技术应用》等课程奠定基础。

五、课程目标

依据国家专业教学标准、1+X证书标准、行业企业职业标准以及国家思政教育的要求，通过本

课程的学习，学生能完成Web前端开发的工作任务，达到以下具体目标：

（一）素养目标

1、培养学生的社会主义核心价值观、爱国主义情操。

2、培养学生良好的职业道德和职业操守，增强学生的职业素养和专业素养；

3、提高学生的综合素质和人文素养，增强学生的综合能力和社会责任感；

4、培养学生的自学能力和创新意识，让学生能够不断适应和掌握前端技术的新变化;

5、提高学生的沟通能力和团队协作能力，培养学生在团队中合作、领导和协调的能力；

6、具备前端开发项目的规范化和标准化意识，能够编写易于维护和扩展的代码；

7、提高学生的审美和艺术素养，培养学生对前端设计的创造力和美感追求。

（二）知识目标

1.掌握HTML的基本标签、属性和语法，了解HTML5新增特性，掌握创建语义化的页面结构

的方法。

2.学习CSS的基本语法、基本属性和各种选择器的应用，理解盒模型的概念，并能使用浮动、

定位、FIeXbOX等方式进行布局。

3.掌握基础JaVaSCriPt语法，掌握使用JaVaSCriPt进行基本的变量声明、赋值，掌握字

符串、数值、数组、对象等数据类型的操作方法。熟悉控制流程的语句、循环语句，了解函数的定义

和调用，以及作用域和闭包的基本概念。

4.熟悉浏览器的基本工作原理，了解文档对象模型的基本概念。了解浏览器如何解析HTML、

CSS和JavaScript代码，以及如何渲染页面。掌握DOM树的结构和基本操作，如访问、修改、添

加和删除节点等。

5.学习如何使用基本的调试工具进行网页调试。了解如何使用浏览器内置的开发者工具进行

元素查看、样式调整、JaVaSCriPt调试、网络请求分析等操作，提高开发效率。

（三）能力目标

1.能够运用HTML和CSS实现常见的页面布局和样式设计。包括单列、多列、流式、响应式等

布局方式，以及对文本、背景、边框、边距、内边距等样式的控制。

2.能够使用基础的JaVaSCriPt实现表单验证、图片轮播、导航栏切换等用户交互功能，满足

基本的用户体验需求。

3.能够进行基本的网页调试，定位并解决问题。利用浏览器提供的调试工具，快速识别和解

决页面布局、样式、交互等方面的问题，提高开发效率。

4.能够运用媒体查询和流式布局等技术实现简单的响应式设计，使网页适应不同屏幕尺寸和

分辨率的设备，在不同设备上保持良好的显示效果。

5.能够使用Bootstrap框架的组件、栅格系统实现常见的页面布局和样式设计。

6.能偶使用Bootstrap框架的JavaScript插件，实现常见的用户交互功能。

六、课程内容与要求

本课程以完成不同应用场景网页的开发任务为载体，坚持立德树人根本要求，结合学生学习特

点，遵循职业教育人才培养规律，落实课程思政要求，有机融入思想政治教育内容，紧密联系工作实

际，突出应用性和实践