《Javascript》课程教学大纲

《Javascript》课程教学大纲一、课程基本信息课程名称Javascript课程类别□通识必修□通识选修■专业必修□方向必修□任意选修□创业必修□创业选修课程性质■理论+实践□理论□实践执行学期考核方式■考试□考察总学分总课时理论课时实践课时开课单位合用专业(方向)先修课程程序设计基础、网页设计教学环境理论：■一体化机房□多媒体教室□讨论课教室实践：□一体化机房■试验机房二、课程简介本课程是面向软件工程专业的一门专业必修课，波及javascript语言基础、javascript与CSS交互、DOM编程、表单验证、javascript动画效果等内容，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能纯熟运用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务；使学生形成一定的学习能力、沟通与团体的协作能力，形成良好的思索问题、分析问题和处理问题的能力，养成良好的职业素养。遵守国家有关软件与信息技术的有关法律法规，形成关键性的软件开发与应用的能力。最终成为具有较全面的软件开发与信息服务的技术人才。。本课程的前导课程是《程序设计基础》和《网页设计》，为后继课程《前端开发项目课程》、《移动web开发技术》等课程奠定理论和实践的基础。三、课程支撑的毕业规定及其详细指标点支持毕业规定详细指标点1.3掌握工程基础知识和软件工程专业知识；并可以处理(复杂)软件工程实行过程中的有关问题1.理解Javascript发展历程2.掌握Javascript的基本作用理解HTML、CSS、Javascript三者关系掌握简介常见前端开发工具，例如Sublime掌握DIV+CSS布局2.2针对(复杂)软件工程问题，可以选择恰当的数学、自然科学和工程科学概念进行体现和深入的推理分析1.定期器递归使用方法2.3具有搜索和分析文献资料的能力，可以通过文献研究分析(复杂)软件工程问题1.掌握常见JS文档查阅、学习措施2.在互联网上搜索在控制台输出“有趣”内容的网站3.1可以有效分析需求，设计针对(复杂)软件工程问题的处理方案1.2.4.2具有对试验成果进行分析和汇总的能力，并据此优化和改善软件工程实行方案1.掌握Javascipt代码调试措施9.1对的认识个人和团体的关系，具有团体合作精神9.2理解团体中不一样角色职责，可以在多学科背景下的团体中承担不一样的角色10.1具有书面体现、沟通能力；针对(复杂)工程问题，可以以绘制图例、撰写文档等形式与有关人员进行沟通交流1.10.2具有口头体现、沟通能力；可以以陈说发言、回应指令等方式清晰体现自我的意见，以进行有效沟通1.12.2掌握对的的学习措施，具有自主学习能力，可以通过学习，不停提高、适应业界技术的发展1.掌握常见JS文档查阅、学习措施四、课程教学内容对指标点的支撑（1）理论教学安排序号知识模块支持毕业规定的细化指标教学内容课时分派学生任务1Javascript概述1.理解Javascript发展历程★2.掌握Javascript的基本作用。★3.理解HTML、CSS、Javascript三者关系★4.掌握Javascript脚本在HTML中书写措施★5.掌握简介常见前端开发工具，例如Sublime★6.掌握Javascript消息框的使用★7.掌握常见JS文档查阅、学习措施1.Javascript发展历程2.Javascript的基本作用。3.HTML、CSS、Javascript三者关系4.Javascript脚本在HTML中书写措施5.简介常见前端开发工具，例如Sublime6.Javascript消息框的使用21、建立1个web页面，点击按钮弹出“确认对话框”。2.建立1个web页面，点击按钮弹出“警告对话框”。3.下载并安装好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字面量表达法★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与BOM★2.理解DOM树★3.掌握常用DOM操作1.认识DOM与BOM2.DOM树3.常用DOM操作4.计算器案例5.仿淘宝商品展示案例6.CheckBox全选与反选案例4省市联动案例完毕淘宝放大镜案例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）实践教学安排序号项目名称支持毕业规定的细化指标课时分派项目类型每组人数学生任务1掌握简介常见前端开发工具，例如Sublime掌握CSS选择器掌握盒子模型掌握浮动掌握清除浮动掌握元素定位掌握DIV+CSS布局2验证12JS与CSS交互项目训练掌握Javascript控制行内样式掌握Javascript控制外联样式2设计13DOM操作与表单验证项目训练掌握常用DOM操作2验证24网页动画效果项目训练2设计验证4注：项目类型可以是验证型、设计型、综合型五、课程考核表1毕业规定对应的考核环节考核指标考核环节平时考核实践考核结课考核1.3掌握工程基础知识和软件工程专业知识；并可以处理(复杂)软件工程实行过程中的有关问题√√√2.2针对(复杂)软件工程问题，可以选择恰当的数学、自然科学和工程科学概念进行体现和深入的推理分析√√√2.3具有搜索和分析文献资料的能力，可以通过文献研究分析(复杂)软件工程问题√3.1可以有效分析需求，设计针对(复杂)软件工程问题的处理方案√√√4.2具有对试验成果进行分析和汇总的能力，并据此优化和改善软件工程实行方案√√√9.1对的认识个人和团体的关系，具有团体合作精神√9.2理解团体中不一样角色职责，可以在多学科背景下的团体中承担不一样的角色√10.1具有书面体现、沟通能力；针对(复杂)工程问题，可以以绘制图例、撰写文档等形式与有关人员进行沟通交流√10.2具有口头体现、沟通能力；可以以陈说发言、回应指令等方式清晰体现自我的意见，以进行有效沟通√√12.2掌握对的的学习措施，具有自主学习能力，可以通过