(完整版)《Javascript》课程教学大纲

1、1JavascriptJavascript课程教学大纲课程教学大纲一、课程基本信息课程名称Javascript课程类别通识必修通识选修专业必修方向必修任意选修创业必修创业选修课程性质理论+实践理论实践执行学期考核方式考试考查总学分总学时理论学时实践学时开课单位适用专业（方向）先修课程程序设计基础、网页设计理论：一体化机房多媒体教室讨论课教室实践：一体化机房实验机房二、课程简介本课程是面向软件工程专业的一门专业必修课，涉及javascript语言基础、javascript与CSS交互、DOM编程、表单验证 javascript动画效果等内容， 通过本课程的学习， 学生能掌握JavaScript语

2、言的基本编程思想， 并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务；使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。本课程的前导课程是程序设计基础和网页设计，为后继课程前端开发项目课程、移动web开发技术等课程奠定理论和实践的基础。2三、课程支撑的毕业要求及其具体指标点支持毕业要求支持毕业要求1.3掌握工程基础知识和软件工程专业知识；并能够解决（复杂）软件工程

3、实施过程中的相关问题2.2针对（复杂）软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析2.3具有搜索和分析文献资料的能力， 能够通过文献研究分析（复杂）软件工程问题3.1能够有效分析需求，设计针对（复杂）软件工程问题的解决方案4.2具备对实验结果进行分析和汇总的能力， 并具体指标点具体指标点1.了解Javascript发展历程2.掌握Javascript的基本作用3.理解HTML、CSSjJavascript三者关系4.掌握介绍常见前端开发工具，比如 Sublime5.掌握 DIV+CSS 布局1.掌握定时器递归用法2.掌握缓动动画计算公式1.掌握常见 JS

4、文档查阅、学习方法2.在互联网上搜索在控制台输出“有趣”内容的网站1.综合设计作品展示系统网站模块划分2.综合设计作品展示系统主页。1.掌握Javascipt代码调试方法3支持毕业要求支持毕业要求具体指标点具体指标点据此优化和改进软件工程实施方案9.1正确认识个人和团队的关系，具备团队合作精神1.掌握团队开发中个人与团队合作的能力2.掌握团队开发中团队协调沟通能力3.掌握项目文档撰写能力9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色1.掌握团队开发中个人与团队合作的能力2.掌握团队开发中团队协调沟通能力3.掌握项目文档撰写能力10.1具备书面表达、沟通能力；针对（复杂）

5、工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流1.掌握项目文档撰写能力10.2具备口头表达、沟通能力；能够以陈述发言、回应指令等万式清晰表达自我的意见，以进行有效沟通1.掌握团队开发中团队协调沟通能力12.2掌握正确的学习方法，具备自主学习能力，能够通过学习，不断提高、适应业界技术的发展1.掌握常见 JS 文档查阅、学习方法四、课程教学内容对指标点的支撑1）理论教学安排序号序号知识模块知识模块支持毕业要求的细化指标支持毕业要求的细化指标教学内容教学内容学时分配学时分配学生任务学生任务1Javascript概述1.了解Javascript发展历程2.掌握Javascript的基本

6、作用。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.下载

7、并安装好Sublime3编辑器，并调试好插件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 字面量表示法1.Javascript 数据类型2.Javascript 控制语句3.Javascript 数组4.Ja

8、vascript 字面量表示法21.在互联网上搜索在控制台输出“有趣”内容的网站2使用js编写冒泡4注：表示重点内容，表示难点内容2）实践教学安排序号序号项目名称项目名称支持毕业要求的细化指标支持毕业要求的细化指标学时学时分配分配项目项目类型类型每组每组人数人数学生任务学生任务1CSS强化项目训练1.掌握介绍常见前端开发工具，比如 Sublime。2.掌握 CSS 选择器3.掌握盒子模型4.掌握浮动5.掌握清除浮动6.掌握兀素定位7.掌握 DIV+CSS 布局2验证11.掌握Sublime安装与使用2开发“博雅互动网站”首页2JS与CSS交互项目训练1.掌握 Javascript 控制仃内样式

9、掌握表格标记和常用属性2设计11.设计不同风格皮肤外观序号知识模块支持毕业要求的细化指标教学内容序号知识模块支持毕业要求的细化指标教学内容5.掌握 Javascript 函数6.掌握 Javascript 变量作用域7.掌握 Javascript 事件8.掌握Javascipt代码调试方法Javascript 与 CSS 交互l.掌握 Javascript 控制行内样式2.掌握Javascript控制外联样式5.Javascript 函数6.Javascript 变量作用域7.Javascript 事件8使用浏览器开发者工具调试 js 代码1.Javascript 控制行内样式2.Javasc

10、ript 控制外联样式3.仿京东搜索框案例学时分配学生任务学时分配学生任务排序3.使用js编写验证用户在“确认对话框”中输入的字符串是否为空。1.表格咼亮显示鼠4标当前停靠行2.仿EXCELL表格DOM编程1.理解认识 DOM 与 BOM2.理解 DOM 树3.掌握常用 DOM 操作4表格隔行变色案例1.认识DOM与BOM2.D0M 树3.常用 DOM 操作4.计算器案例5.仿淘宝商品展示案例6.CheckBox全选与反选案例1.省市联动案例42.完成淘宝放大镜案例表单验证1.掌握 String 对象常用操作2.掌握正则表达式3.掌握表单验证常见方法1.String 对象常用操作2.正则表达式

11、3密码强度验证案例1.掌握常见表单验证样式7网页动画效果1.掌握定时器2.掌握js动画基本原理3.掌握匀速动画计算方法4.掌握缓动动画原理5.掌握缓动动画计算公式1.定时器2定时器递归用法3.动画基本原理4.匀速动画原理5安师主页无缝图片滚动案例6缓动动画原理。7缓动动画公式8.仿小米手机广告案例1.标题栏跑马灯案例2点名器案例3.获取手机验证码案例。4.完成京东轮播图学生任务学生任务5注：项目类型可以是验证型、设计型、综合型五、课程考核表表1毕业要求对应的考核环节毕业要求对应的考核环节考核环节考核环节平时考核实践考核结课考核1.3掌握工程基础知识和软件工程专业知识；并能够解决（复杂）软件工程

12、实施过程中的相关问题2.2针对（复杂）软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析2.3具有搜索和分析文献资料的能力， 能够通过文献研究分析（复杂）软件工程问题3.1能够有效分析需求， 设计针对（复杂）软件工程问题的解决方案4.2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案9.1正确认识个人和团队的关系， 具备团队合作精神9.2理解团队中不同角色职责， 能够在多学科背景下的团队中承担不同的角色10.1具备书面表达、 沟通能力； 针对（复杂）工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流序号序号项目名称项目名称支持毕业

13、要求的细化指标学时支持毕业要求的细化指标学时2.掌握 Javascript 控制外联样式项目项目类型类型每组每组人数人数1.DOM操作与表单2.验证项目训练3.4.掌握常用 DOM 操作掌握JS控制样式掌握正则表达式掌握表单验证技巧验证2.设计皮肤样式3.实现换肤效果1.实现页面HTML结构2.实现基本样式网页动画效果项目训练1.2.3.4.5.6.7.掌握基本设计原则掌握JS动画效果制作掌握轮播图制作掌握导航栏跟随效果掌握团队开发中个人与团队合作的能力掌握团队开发中团队协调沟通能力掌握项目文档撰写能力设计验证3.设计验证算法4.实现验证效果1.设计商城页面2.制作CSS样式3.制作轮播图效果

14、4.制作导航栏跟随效果5.制作Tab栏切换6.网站发布7.撰写项目报告学生任务学生任务610.2具备口头表达、沟通能力；能够以陈述发言、回应指令等方式清晰表达自7我的意见，以进行有效沟通12.2掌握正确的学习方法，具备自主学习能力，能够通过学习，不断提高、适应业界技术的发展注：(1)平时考核依据考勤和表现进行；(2)实践考核包括作业、实验、实践等方面的考核；(3)阶段考核为课程完成某一阶段教学任务后进行的考核；(4)结课考核为课程结束后进行的考核。表表2课程考核细则课程考核细则六、课程评价及改进课程考核结束后，任课教师遵循软件学院教学工作指导委员会通过的课程达成度评价机制和评价方法对，本课程的毕业要求达成度进行自我评价。此外，学院的教学工作委员会将指派专门的教师，依据学生的考试成绩和平时成绩等资料，对本课程的达成度进行评价，并出具达成度评价报告。教师根据评价结果，改进其教学方法和教学内容，以便更好地支撑学生毕业要求的达成。七、教材及参考资料推荐教材：参考书籍：推荐学习网站考核环节考核环节考核要求考核要求平时考勤考核课堂表现实践项目一实践考核结课考核实践项目二实践项目三实践项目四综合实践项目期末测试旷课1节扣1分，无故旷课6节以上取消考试资格正确回答一