《Javascript》课程教学大纲.docx

Javascript课程教学大纲一、课程基本信息课程名称Javascript课程类别通识必修通识选修专业必修方向必修任意选修创业必修创业选修课程性质理论+实践理论实践执行学期考核方式考试考查总学分总学时理论学时实践学时开课单位适用专业(方向)先修课程程序设计基础、网页设计教学环境理论：一体化机房多媒体教室讨论课教室实践：一体化机房实验机房二、课程简介本课程是面向软件工程专业的一门专业必修课，涉及javascript语言基础、javascript与CSS交互、DOM编程、表单验证、javascript动画效果等内容，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务；使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。本课程的前导课程是程序设计基础和网页设计，为后继课程前端开发项目课程、移动web开发技术等课程奠定理论和实践的基础。三、课程支撑的毕业要求及其具体指标点支持毕业要求具体指标点1.3 掌握工程基础知识和软件工程专业知识；并能够解决(复杂)软件工程实施过程中的相关问题1. 了解 Javascript发展历程2. 掌握Javascript的基本作用3. 理解HTML、CSS、Javascript三者关系4. 掌握介绍常见前端开发工具，比如Sublime5. 掌握DIV+CSS布局2.2针对(复杂)软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析1. 掌握定时器递归用法2. 掌握缓动动画计算公式2.3具有搜索和分析文献资料的能力，能够通过文献研究分析(复杂)软件工程问题1. 掌握常见JS文档查阅、学习方法2. 在互联网上搜索在控制台输出“有趣”内容的网站3.1 能够有效分析需求，设计针对(复杂)软件工程问题的解决方案1. 综合设计作品展示系统网站模块划分2. 综合设计作品展示系统主页。4.2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案1. 掌握Javascipt代码调试方法9.1正确认识个人和团队的关系，具备团队合作精神1. 掌握团队开发中个人与团队合作的能力2. 掌握团队开发中团队协调沟通能力3. 掌握项目文档撰写能力9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色1. 掌握团队开发中个人与团队合作的能力2. 掌握团队开发中团队协调沟通能力3. 掌握项目文档撰写能力10.1具备书面表达、沟通能力；针对(复杂)工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流1. 掌握项目文档撰写能力10.2具备口头表达、沟通能力；能够以陈述发言、回应指令等方式清晰表达自我的意见，以进行有效沟通1. 掌握团队开发中团队协调沟通能力12.2掌握正确的学习方法，具备自主学习能力，能够通过学习，不断提高、适应业界技术的发展1. 掌握常见JS文档查阅、学习方法四、课程教学内容对指标点的支撑（1）理论教学安排序号知识模块支持毕业要求的细化指标教学内容学时分配学生任务1Javascript概述1.了解 Javascript发展历程2.掌握Javascript的基本作用。3.理解HTML、CSS、Javascript三者关系4.掌握Javascript脚本在HTML中书写方法5.掌握介绍常见前端开发工具，比如Sublime6.掌握Javascript消息框的使用7.掌握常见JS文档查阅、学习方法1.Javascript发展历程2.Javascript的基本作用。3.HTML、CSS、Javascript三者关系4.Javascript脚本在HTML中书写方法5.介绍常见前端开发工具，比如Sublime6.Javascript消息框的使用21、建立1个web页面，点击按钮弹出“确认对话框”。2. 建立1个web页面，点击按钮弹出“警告对话框”。3. 下载并安装好Sublime 3编辑器，并调试好插件2CSS强化1.掌握CSS选择器2.掌握盒子模型3.掌握浮动4.掌握清除浮动5.掌握元素定位6.掌握DIV+CSS布局1. CSS选择器2.盒子模型3.浮动4.清除浮动5.元素定位6.DIV+CSS布局7.拉手网菜品展示模块案例21.完成博雅互动网站首页开发3Javascript基本语法1.掌握Javascript数据类型2.掌握Javascript控制语句3.掌握Javascript数组4.掌握Javascript字面量表示法5.掌握Javascript函数6.掌握Javascript变量作用域7.掌握Javascript事件8.掌握Javascipt代码调试方法1.Javascript数据类型2.Javascript控制语句3.Javascript数组4.Javascript字面量表示法5.Javascript函数6.Javascript变量作用域7.Javascript事件8.使用浏览器开发者工具调试js代码21.在互联网上搜索在控制台输出“有趣”内容的网站2.使用js编写冒泡排序3.使用js编写验证用户在“确认对话框”中输入的字符串是否为空。4Javascript与CSS交互1.掌握Javascript控制行内样式2.掌握Javascript控制外联样式1.Javascript控制行内样式2.Javascript控制外联样式3.仿京东搜索框案例4.表格隔行变色案例41.表格高亮显示鼠标当前停靠行2.仿EXCELL表格5DOM编程1.理解认识DOM与BOM2.理解DOM树3.掌握常用DOM操作1.认识DOM与BOM2.DOM树3.常用DOM操作4.计算器案例5.仿淘宝商品展示案例6.CheckBox全选与反选案例41. 省市联动案例2. 完成淘宝放大镜案例6表单验证1.掌握String对象常用操作2.掌握正则表达式3.掌握表单验证常见方法1.String对象常用操作2.正则表达式3.密码强度验证案例41.掌握常见表单验证样式7网页动画效果1.掌握定时器2.掌握js动画基本原理3.掌握匀速动画计算方法4.掌握缓动动画原理5.掌握缓动动画计算公式1.定时器2.定时器递归用法3.动画基本原理4.匀速动画原理5.安师主页无缝图片滚动案例6.缓动动画原理。7.缓动动画公式8.仿小米手机广告案例61.标题栏跑马灯案例2.点名器案例3.获取手机验证码案例。4.完成京东轮播图注：表示重点内容，表示难点内容（2）实践教学安排序号项目名称支持毕业要求的细化指标学时分配项目类型每组人数学生任务 1CSS强化项目训练1. 掌握介绍常见前端开发工具，比如Sublime。2. 掌握CSS选择器3. 掌握盒子模型4. 掌握浮动5. 掌握清除浮动6. 掌握元素定位7. 掌握DIV+CSS布局2验证11.掌握Sublime安装与使用2.开发“博雅互动网站”首页2JS与CSS交互项目训练1. 掌握Javascript控制行内样式掌握表格标记和常用属性2. 掌握Javascript控制外联样式2设计11. 设计不同风格皮肤外观2. 设计皮肤样式3. 实现换肤效果3DOM操作与表单验证项目训练1. 掌握常用DOM操作2. 掌握JS控制样式3. 掌握正则表达式4. 掌握表单验证技巧2验证21. 实现页面HTML结构2. 实现基本样式3. 设计验证算法4. 实现验证效果4网页动画效果项目训练1. 掌握基本设计原则2. 掌握JS动画效果制作3. 掌握轮播图制作4. 掌握导航栏跟随效果5. 掌握团队开发中个人与团队合作的能力6. 掌握团队开发中团队协调沟通能力7. 掌握项目文档撰写能力2设计验证41. 设计商城页面2. 制作CSS样式3. 制作轮播图效果4. 制作导航栏跟随效果5. 制作Tab栏切换6. 网站发布7. 撰写项目报告注：项目类型可以是验证型、设计型、综合型五、课程考核表1毕业要求对应的考核环节考核指标考核环节平时考核实践考核结课考核1.3 掌握工程基础知识和软件工程专业知识；并能够解决(复杂)软件工程实施过程中的相关问题2.2针对(复杂)软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析2.3具有搜索和分析文献资料的能力，能够通过文献研究分析(复杂)软件工程问题3.1 能够有效分析需求，设计针对(复杂)软件工程问题的解决方案4.2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案9.1正确认识个人和团队的关系，具备团队合作精神9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色10.1具备书面表达、沟通能力；针对(复杂)工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流10.2具备口头表达、沟通能力；能够以陈述发言、回应指令等方式清晰表达自我的意见，以进行有效沟通12.2掌握正确的学习方法，具备自主学习能力，能够通过学习，不断提高、适应业界技术的发展注：（1）平时考核依据考勤和表现进行；（2）实践考核包括作业、实验、实践等方面的考核；（3）阶段考核为课程完成某一阶段教学任务后进行的考核；（4）结课考核为课程结束后进行的考核。表2课程考核细则考核环节考核要求分值比例（%）分项总评平时考核考勤旷课1节扣1分，无故旷课6节以上取消考试资格50%10%课堂表现正确回答一次问题50%，做一次议题汇报100%，不回答无分50%实践考核实践项目一评分标准： 1.考虑参数：完成率、正确率A(100%)B(75%)C(50%)D(25%)17%30%实践项目二要求同实验项目一17%实践项目三要求同实验项目一17%实践项目四要求同实验项目一17%综合实践项目评分标准： 1.考虑参数：完成率、正确率、系统设计、答辩与否A(100%) B(75%) C(50%) D(25%)2.如果没有按时交项目及报告，补交的在原有等级上下降一级32%结课考