JavaScript移动开发项目教程教学大纲教案.docx

《JavaScript移动开发项目教程教学大纲教案.docx》由会员分享，可在线阅读，更多相关《JavaScript移动开发项目教程教学大纲教案.docx（53页珍藏版）》请在优知文库上搜索。

1、章节或项目名称社会主义核心价值观暮本内容动态展示本次授课类型理论口实脸回理实一体口实训口实习班级地点周次星期节次授课进度319191T-10614五3.4团符合超前口滞后319192TTo6M5.6团符合口超前口滞后319193T-4O6113.4团符合口超前口滞后319194T-106145.6符合口超前口滞后教学目标进一步体会社会主义核心价值观的深刻含义掌握样式的实现颜色搭配视口标签的使用.元素的访问,获得文字容器，,IavaScript定时器的应用实现指定时间后显示数组存放文字,实现内容逐个输出,项目完善拓展教学重点进一步体会社会主义核心价值观的深刻含义；教学难点JaVaSCrlPt定时

2、器的应用实现指定时间后显示；教学设计教学环节内容要点教学方法与手段间配时分思政引入进一步体会社会主义核心价值观的深刻含义师生交流法7呈现新知页面布局，样式的实现颜色搭配,视口标签的使用.元素的访问，获得文字容器任务驱动法10练习JavaScript实现社会主义核心价值观的内容愉出任务驱动法15呈现新知JavaScript定时器的应用实现指定时间后显示数组存放文字,实现内容逐个榆出任务驱动法15练习.IavaScripi实现社会主义核心价值观的内容定时输出任务驱动法15练习及拓展应用项目完善拓展:采用图片后样式的设置案例驱动法25总结深空小结，布置拓展作业师生交流法3教学效果及改进思路通过学习.

3、使学生掌握页面布局及样式的实现颜色搭配.视口标签的使用.元素的访问.获得文字容器.课程名称：JavaScript移动开发授课教师：一一、知识回我们已经学习过了内岂对象数组等相关核心属性和方法应用学生，定义数组社会主义核心价值观从国家、社会、公民三个层面分别例述ch2nShU了价值目标、取向和准则，正确理解社会主义核心价值观的内涵对于传承优秀传统文化基因，增强国家文化软实力，引领社会思潮，凝聚社会共识，具有重要的理论意义和实践意义。社会主义核心价值观从国家、社会、公民三个层面分别阐述ChenShii了价值目标、取向和准则，让我们传承优秀传统文化基因，增强国家文化软实力,引领社会思潮，凝聚社会共识

4、，具有重要的理论意义和实践意义。富强、民主、文明、和谐，是国家层面的价值目标：自由、平等、公正、法治，是社会层面的价值取向:爱国、敬业、诚信、友善，是公民个人层面的价值准则。体现了中国特色社会主义的价值追求反映了社会主义社会的基本属性是对美好社会的生动表述也是中国共产党矢志不渝、长期实践的核心价值理念。二、目标任务展示：社会主义核心价值观立本内容动态展示同学们好，今天我们介绍JaVaSClip(移动开发的第8讲，来实现社会主义核心价值观基本内容的动态展示效果，我们使用chrome浏览港来模拟移动设备的效果，它可以模拟多种移动端设备的效果，我们选择常用的iPhonc678型号来看相应的效果。这就

5、是这次课要实现的文字动态输出的效果.社会主义核心价值观大家都很熟悉。而旦都能够背诵下来。(1)社会主义核心价值观及其含义师生交流：提向学生，回答含义.富强、民主、文明、和谐，是我国社会主义现代化国家的建设目标，也是从价值目标层次对社会主义核心价值观基本理念的凝练，在社会主义核心价值观中居于最高层次，对其他层次的价值观具有统领作用。自由、平等、公正、法治，是对美好社会的描述，也是从社会层面对社会主义核心价值观基本理念的凝练。爱国敬业诚信友善，是公民基本道德规范，是从个人行为必面对社会主义核心价值观基本理念的凝练。它覆盖了社会主义道德生活的各个领域，是公民必须恪守的基本道镌准则，也是评价公民道德.

6、行为选择的基本价值标准。(2)旗色搭配今天我们要实现社会主义核心价值观基本内容的动态展示效果.页面中要有布局实现文字的容纳。然后要选择一个合适的色彩搭配。对于思政项目网站,通常我们用红底黄字的效果.明亮又能体现思政项目的含义。三、知识讲授与学生实践I林式的实现包搭配(1)页面的基本布局社会主义核心价值观设置容器来展示(2)页面背景色及文字的样式设置bodybackground-color:red;/*页面背一色的设?t#D52019;*/font-size:2.5cm:*页面文字的设置”/color:yellow;loin-weight:bold;)视口标签的使用例I前面的案例增加动态访问指定

7、的行功能，核心代码：background-color:red;学生，动手实践实现样式设置四、知识讲授与学生实践，动态效果的实现文字出(1)元素的访问,获得文字容器varbox-docunent.getElenentByld(box);一获取一来展示的兀素box.inncrHTM1.+=南强民主显示2)定时器的应用实现指定时间后显示setTimeout(show(),1000);1杪钟前调用函数AhOW()functionshow()box.inncrHTM1.+=富强民主”；/显示I(3)作品展示与解析：作品展示，解析，调试bug,指出核心问题，引导学生对同类型问题的查找，运用技巧改正修更bu

8、g。五、案例拓展1)数蛆存放文字，并显示VarSz=富强民主文明:和谐,自由平等,公正,“法治爱国二“敬业诚信友善box.innerHTM1.+=sz;显示例I数组元素的输出，核心代码：输出所有SZ输出指定下标的元素szO:输出SZjOin()学生I获取页面元素和输出数组到页面显示(2)内容逐个输出functionshow()box.inncrHTM1.+=sz(indcx+：显示varmyTine=null;myTimc=sctHmcout(show().600);“跳动切换控制边界(3)作品展示与解析：作品展示，解析,调试bug,指出核心问题，引导学生对同类型问题的直找,运用技巧改正修城b

9、ug。(4)项目完善：采用图片后样式的设布局增加图片,样式修改(5)相仿案例实现I课堂点名器学生：实践操作六、爆卷小结对课堂上讲解的知识点进行总结，使用随堂练习题巩固本节课的知识点。布置本次课对应的线上单元测试，预习下次课对应知识点的微课。其做单元的课程患政议其他单元的课程思政建议如：生鲜购物车改成：特产购物车，在线测试系统改成：党史专题测试系统等等，这样教材中的功能代码和实现逻辑几乎不变，主要有js知识题目换成党史题目，特产购物车也是如此JavaScript初探UavaScript移动开发课第1单元课程单元教学设计（2020-2021学年第1学期）单元名林：JaVaSCriPt初探所属系部：

10、计算机与通信工检学丁制定人：赤丽.合作人：.制定时间：2020.3*学院教务处制JavaScript移动开发课程单元教学设计单元标题:JavaScrip七初探单元教学学时2在搂体设计中的位置第1次校课班级16web班上课时间每周一1,2节上课地点计算机实脸室教学目标能力目标知识目标素质目标1 .能燃使用多种方爰引入JaVaSCriPt脚本代码到HTM1.文档中。2 .能够使用常用的输出语句。3 .能修获取元素并改变元素内容。了解JavaScript同史和引擎的工作原理。学坯JavaScript的纽成、主妥特点和相关应用。树立学习信心；培养讨论思考的习惯能力训练任务任务:JaVaSCriPt初探

11、教学组织：1.带领学生了解课程任务2,讲解JaVaSCriPt筒史及机关术语3,引入JavaScript脚本代码到HTM1.文档中,使用常用的输出语句本次课的单词JavaScriptWebfunctiondocumentgetEIementByIdinnerHTM1.案例和教学材料案例：JaVaSCriPt沏探-文字的切换教学材料:1.教材名称：JavaScript移动开发项目教程（然课版），郑丽芬，人民邮也出版社。2 .参考教材名称：JavaScript与juery案例教程，郑丽萍，出版社：高等教育出版社。3 .教学多媒体深件，项目源文件。多娱体资料：http:/WWw.icours163.

12、org/course/HCIT_12067068284 .仪器与谀备:计算机等单元教学进度设计（纲要）步辣教学内容及能力/知识目标救婶活动学生活动时间（分）1情境导入介绍本节课的教学目标.导入本次课教学情境学生了解工作情境22引入任务：JavaScript初探-文字的切换交代任务学生接受任务33知识点讲解JavaScript初探讲解JaVaSCriPt简史及.相关术语T解JavaScript简史及相关术语10讲解JaVaSCriPt引擎的工作原理了解JavaScript引擎的工作原理10讲解引入JavaScript的本代码到HTM1.文档中方法掌握引入JavaScript脚本代码到HTM1.4

13、中方法10按师巡视，发现问题多种引入方爰练习154实践JavaScript初探-文字的切换故师演示掌握常用的饰出洁句方法10技师巡视，发现问叁常用的输出语句练习205评比性查学生完成情况抽受学生完成情况,讲解出现的问趋演示自己的界面，修改出现的问趋56总结JavaScript初探支点强调学生练习中出现的问题学生思考反馈5作业Javascript的主要特点？课后体会一、情境导入介绍本节课的教学目标二、引入任务：JavaScript初探-文字的切换三、知火点讲解术语ECMAScrip1.和“JavaScript指的是同一个东西。但如果把JavaScript看成是wMozilla或其他组织的ECMA

14、Script实现“，那么ECMASCriPt就是实现JavaSCriPt所依据的标准。术语“ECMAScript”也用来描述语言版本(比如ECMASCriPt5).JUvaSCriPI解析引孽就是能够“读懂JaYaSCriPI代码，井准确地给出代码运行结果的一段程序。比方说，当编写fVara=I+1：这样一段代码，JavaScript引整做的事情就是看懂(解析)你这段代码，并且将a的值变为2,JavaScript引擎就是直接解析并将代码运行结果输出的JavaScript的解释器JaVaSCriPt由三部分组成： 核心(EeMASCript)描述了该语言的语法和基本对象 文档对彖模型(DOM，DOCUmnet)描述了处理网页内容的方法和接口 浏览器时象模型(BOM)描述r与浏览器进行交互的方