《Web前端框架开发项目实践》教学大纲

1、Web前端框架开发项目实践教学大纲课程编号：sa057262课程名称：Web前端框架开发项目实践英文名称： Developing Practice For Web Front End Subject实习类型：实践教学课程要求：选修学时/学分：2周/2适用专业：计算机科学与技术一、实习性质与任务“Web前端框架开发项目实践”是计算机科学与技术以及相关专业的实践课，是Web前端框架开发技术课程的集中实践和技能训练课程。本课程要求学利用多层开发模式与结构，采用HTML5、CSS、JavaScript设计语言实现静态和动态页面设计，完成典型Web应用项目的前端设计。学生以项目驱动为导向，分析和解决We

2、b前端项目开发实际问题和技术方法，按照项目开发过程与流程，设计和实现Web系统的前端开发部分，使学生掌握项目开发流程以及各阶段的任务管理，掌握相关工程知识，并具备分析问题设计解决方案的能力。学生分组分工协作完成项目实践，培养学生的团队合作能力、沟通能力和项目管理的能力。二、实习与其他课程或教学环节的联系先修课程：Java程序设计、Web程序设计、Web前端框架开发技术等。后续课程：毕业设计。先修课程的编程技术和思想以及Web开发设计的流程在本课程中得到了实践和应用，本课程是对Web前端框架开发技术等课程内容的进一步巩固、拓展和系统训练。本课程积累了项目开发经验，为完成毕业设计课题中的需求分析、

3、总体设计、详细开发以及论文撰写等环节打下基础。三、实习教学目标1能够分析项目需求，对开发技术、开发语言、开发环境、开发方法进行分析和选择，提出系统解决方案的能力。（支撑毕业能力要求1、2、3、6）2能够采用用B/S/D多层开发模式与结构，采用HTML5、CSS、JavaScript设计语言实现静态和动态页面设计，具备Web系统开发能力与创新能力。（支撑毕业能力要求4 ）3具备在项目开发过程中对遇到的实际问题进行团队讨论并进行解决的能力，能够具备团队合作意识，并初步具备复杂工程问题的分析、预测、模拟和实现的能力。（支撑毕业能力要求9、10、11）四、实习内容、基本要求与学时分配实训项目名称为“卡

4、行天下”，该项目是为中小物流企业提供服务的网络交易平台。在线上，用信息系统连接物流需求主体，使成员在系统内交易、结算、监督、评价；在线下，建立城市物流节点，利用社会运力，建设全国运输网络。以线下网络支持线上交易，并融合手机APP、金融扶持、保险理赔、卡车服务，培训支持等产品，与物流各载体共同构建行业生态圈，推动中小微物流企业发展，担负起助力全产业链健康发展的社会责任。具体教学内容、基本要求以及学时分匹配如下表所示。序号教学内容教学要求学时(天)教学方式对应课程教学目标1 需求及验收标准讲解学生根据教师所提出的需求整理为需求文档，并由教师讲述最终验收标准1实验1、3、62 页面设计组内根据需求进

5、行任务分工，并进行组内评审1实验9、10、113开发环境搭建根据需要使用的技术，搭建开发环境1实验1、2、3、44页面结构开发运用HTML5 + CSS完成页面整体结构编写1实验2、3、45页面响应式支持使用bootstrap完成页面的响应式布局1实验2、3、46页面动态效果开发运用JavaScript及jQuery完成页面动态效果的实现1实验2、3、47页面交互逻辑开发使用JavaScript完成页面交互逻辑1实验2、3、48系统调试、运行，测试及修正项目组统一进行项目调试、运测试及问题修正1实验1、2、3、49系统验收、PPT讲解、撰写报告以项目组为单位，进行项目宣讲及验收1实验3、410

6、项目交付以项目组为单位进行总结，提交项目成果物，进行项目交付1实验1、2、3、4五、实习地点吉林志翔。六、实习方式实际项目开发训练。七、考核及成绩评定方式最终成绩由平时表现、程序质量、答辩成绩和报告成绩等组合而成。各部分所占比例如下：平时表现：10%。主要考核设计过程中回答问题情况，是否能够独立解决问题，完成设计。程序质量：50%。主要考核Web系统功能、界面设计、运行情况、是否做到正确合理，表达清楚，结构清晰，内容完善。答辩成绩：20%。主要考核能否正确描述分析、设计、实现方法及所解决问题，正确回答答辩问题。报告成绩：20%。主要考核报告撰写是否规范正确，内容是否齐全，书写工整。八、指导书及参考资料1指导书：1 HTML5和CSS3实例教程Brian Phogan编著，李杰等译人民邮电出版社，20122参考资料：1 JavaScript