課程整體設(shè)計(jì)-Javascript程序設(shè)計(jì)

課程整體設(shè)計(jì)課程名稱：Javascript程序設(shè)計(jì)適用專業(yè)：軟件技術(shù)所屬院系：編制人：制定時(shí)間：2021年08月20日二。二一年八月成果15快餐配送頁面案例教學(xué)法工程教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法講授法成果16制作伸縮的導(dǎo)航條網(wǎng)頁任務(wù)驅(qū)動(dòng)教學(xué)法講授法案例教學(xué)法工程教學(xué)法五、課程考核評(píng)價(jià)1.課程考核方式改革(一)教學(xué)方法和教學(xué)手段結(jié)合軟件與信息服務(wù)專業(yè)學(xué)生特點(diǎn)，基于行動(dòng)導(dǎo)向，根據(jù)每個(gè)任務(wù)的內(nèi)容特點(diǎn)，以真實(shí)工程進(jìn)行引導(dǎo)開展教學(xué)。整個(gè)課程以任務(wù)實(shí)訓(xùn)為主線，以技能培養(yǎng)為核心來組織教學(xué)。學(xué)生在完成工程分解的任務(wù)中學(xué)習(xí)相關(guān)知識(shí)，并利用這些知識(shí)解決工程中的問題。(1)工程教學(xué)法課程將WEB前端開發(fā)中的某個(gè)應(yīng)用作為一個(gè)工程，并分解為多個(gè)小的任務(wù)。每個(gè)任務(wù)的學(xué)習(xí)過程以工作過程為導(dǎo)向，最終形成學(xué)生的職業(yè)行動(dòng)能力。(2)小組教學(xué)法以6人為一個(gè)單位，成立教學(xué)小組。單人完成的工程，組內(nèi)可以互相學(xué)習(xí)，催促和評(píng)價(jià)。大型復(fù)雜的工程，小組成員共同完成。(3)視頻展示法教師對(duì)講授內(nèi)容充分提煉，將復(fù)雜的操作錄制下來，方便學(xué)生反復(fù)觀看和模仿，形象生動(dòng)的動(dòng)態(tài)展示和講解。使抽象、難懂的教學(xué)內(nèi)容變得直觀、易懂和容易掌握；提高了教學(xué)效率；便于學(xué)生自主學(xué)習(xí)。(二)教學(xué)手段(1)充分利用多媒體實(shí)訓(xùn)室和多媒體課件本課程的課堂講授全部在實(shí)訓(xùn)室進(jìn)行，便于使用投影設(shè)備，采用多媒體教學(xué)手段。開發(fā)和使用的多媒體課件制作精美并含有動(dòng)態(tài)演示，其有效地增強(qiáng)了學(xué)生的學(xué)習(xí)興趣。(2)鼓勵(lì)自主學(xué)習(xí)制作網(wǎng)絡(luò)課件，并將教學(xué)大綱、教案、習(xí)題等同時(shí)上網(wǎng)開放，激發(fā)學(xué)生學(xué)習(xí)興趣，鼓勵(lì)學(xué)生自主學(xué)習(xí)，同時(shí)可以緩解課程信息量增加與壓縮授課學(xué)時(shí)之間的矛盾。(3)嚴(yán)格考評(píng)制度10

設(shè)計(jì)了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識(shí)。嚴(yán)格檢查平時(shí)作業(yè)完成情況，及時(shí)反應(yīng)作業(yè)中反映的問題。采用定期模擬考試的方法及時(shí)檢驗(yàn)學(xué)生階段性學(xué)習(xí)成果。建立科學(xué)合理的考核評(píng)價(jià)制度，以促進(jìn)學(xué)生的學(xué)習(xí)積極性和自我學(xué)習(xí)的動(dòng)力。（4）充分利用網(wǎng)絡(luò)環(huán)境和資源充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學(xué)活動(dòng)，包括網(wǎng)絡(luò)課程學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等,使學(xué)生可以不受時(shí)間、地點(diǎn)的限制，方便地進(jìn)行學(xué)習(xí)。2.課程評(píng)價(jià)標(biāo)準(zhǔn)本課程實(shí)施綜合考評(píng)，注重考核學(xué)生掌握技能的水平，同時(shí)注重學(xué)習(xí)態(tài)度和最終成績的關(guān)聯(lián)，以全面綜合地評(píng)定學(xué)生的能力。（1）平時(shí)技能考核：布置課堂作業(yè)以及拓展實(shí)訓(xùn)工程，使學(xué)生能獨(dú)立完成大局部的技能訓(xùn)練，小工程及活動(dòng)的技能，均以個(gè)人為考核單位，在平時(shí)考核和記錄。成績包括學(xué)習(xí)態(tài)度及工程技能完成情況。（2）期末考試采取開卷方式，試卷根據(jù)本課程的教學(xué)要求，并結(jié)合教學(xué)實(shí)際進(jìn)行設(shè)計(jì)。（3）按平時(shí)成績占40%、期末成績占60%的標(biāo)準(zhǔn)給出總評(píng)成績。具體如下列圖所示?？记谡n堂作業(yè)課后作業(yè)實(shí)訓(xùn)報(bào)告期末考試其他10%10%5%5%60%考勤課堂作業(yè)課后作業(yè)實(shí)訓(xùn)報(bào)告期末考試其他10%10%5%5%60%10%（一）選用教材：（二）教學(xué)參考書:（三）其它資源11一、課程基本情況課程名稱:課程名稱:課程名稱:javascript程序設(shè)計(jì)課程名稱:javascript程序設(shè)計(jì)課程編碼:學(xué)時(shí)：學(xué)時(shí)：64課程類型：口0□課程性質(zhì)：口□0□前導(dǎo)課程：適用專業(yè)：軟件技術(shù)“純理論課”（A類）“實(shí)踐+理論課”（B類）“純實(shí)踐課”（C類）公共基礎(chǔ)課程專業(yè)基礎(chǔ)課程專業(yè)核心課程專業(yè)拓展課程后續(xù)課程:二、課程設(shè)置.課程性質(zhì)（-）課程定位《Javascript程序設(shè)計(jì)》是軟件技術(shù)專業(yè)的專業(yè)核心課，符合WEB前端工程師和Javascript開發(fā)工程師崗位中對(duì)于使用javascript設(shè)計(jì)網(wǎng)站特效能力的需要。本課程培養(yǎng)學(xué)生具備JavaScript等腳本設(shè)計(jì)網(wǎng)站特效能力該課程深入淺出，結(jié)合實(shí)際案例系統(tǒng)地講解了使用css、JavaScript和jQuery設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁的知識(shí)和技巧，它定位于WEB技術(shù)開發(fā)，是WEB前端技術(shù)開發(fā)的必備課程，在學(xué)習(xí)了html+css網(wǎng)頁設(shè)計(jì)基礎(chǔ)、編程基礎(chǔ)、網(wǎng)頁美工的基礎(chǔ)下，為HTML5移動(dòng)web開發(fā)技術(shù)、php框架開發(fā)技術(shù)、javaweb開發(fā)技術(shù)等課程的學(xué)習(xí)打下基礎(chǔ)，在整個(gè)課程體系中具有承前啟后的重要作用。（二）課程作用《Javascript程序設(shè)計(jì)》課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁美工以及WEB綜合開發(fā)的初、中級(jí)專業(yè)人才，通過本課程的學(xué)習(xí)，學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScript控制WEB頁面各級(jí)元素，擁有設(shè)計(jì)網(wǎng)站特效的能力，實(shí)現(xiàn)WEB前端的驗(yàn)證、動(dòng)態(tài)展示等任務(wù)。（三）課程目標(biāo)課程的整體目標(biāo)是培養(yǎng)學(xué)生能夠使用javascript開發(fā)網(wǎng)站特效的實(shí)際工作技能，通過本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。最終成為具備較全面的網(wǎng)站開發(fā)與信息服務(wù)的技術(shù)人才。根據(jù)高職教育的特點(diǎn)，按照學(xué)院“小學(xué)校、大課堂”的辦學(xué)思路和“校企融合、同興共贏”的辦學(xué)模式，積極探索“校企合作、工學(xué)結(jié)合”的人才培養(yǎng)模式，積極探索以實(shí)踐能力考核為主的課程評(píng)價(jià)方法，切實(shí)提高學(xué)生的職業(yè)能力和就業(yè)競爭力。.課程設(shè)計(jì)思路通過本課程的學(xué)習(xí)，使學(xué)生對(duì)HTML腳本、CSS代碼和JavaScript特效代碼等網(wǎng)頁基本組成元素有全面和充分的認(rèn)識(shí)，能熟練地使用以上代碼開發(fā)出漂亮的靜態(tài)網(wǎng)頁，制作出炫酷的網(wǎng)頁效果，并為后繼的動(dòng)態(tài)網(wǎng)站課程的學(xué)習(xí)打好基礎(chǔ)。為了學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScript控制WEB頁面各級(jí)元素，實(shí)現(xiàn)WEB前端的驗(yàn)證、動(dòng)態(tài)展示等任務(wù)本課程通過設(shè)計(jì)包括JavaScript的基礎(chǔ)語法，常用開發(fā)工具和調(diào)試工具，簡單的CSS知識(shí)，DOM模型及事件機(jī)制和常見事件處理等內(nèi)容。針對(duì)學(xué)生的學(xué)情、層次和高職學(xué)生的特點(diǎn)，在本課程的日常教學(xué)中努力做到理論教學(xué)以應(yīng)用為目的，以必需、夠用為度，專業(yè)教學(xué)加強(qiáng)針對(duì)性和應(yīng)用性。以職業(yè)能力培養(yǎng)為主線，使教學(xué)內(nèi)容按照能力培養(yǎng)目標(biāo)進(jìn)行重組、整合與優(yōu)化，教學(xué)方法表達(dá)能力培養(yǎng)，廣泛采用“案例”、“參與式”、“討論式”、“啟發(fā)式”等生動(dòng)活潑的教學(xué)形式，有效利用現(xiàn)代教育技術(shù)組織教學(xué)，并加強(qiáng)課程的組織管理、運(yùn)行管理和質(zhì)量管理以及課程的過程評(píng)價(jià)與目標(biāo)評(píng)價(jià)。具體措施表達(dá)在以下幾個(gè)方面：基于典型工作過程分析，構(gòu)建課程體系；職業(yè)能力培養(yǎng)為核心，設(shè)計(jì)教學(xué)內(nèi)容；以提高學(xué)生職業(yè)能力和職業(yè)素養(yǎng)為目標(biāo)，重視實(shí)踐教學(xué)；融合職業(yè)資格標(biāo)準(zhǔn)，推行雙證書制；校企合作，共建新型實(shí)踐教學(xué)基地；校企合作，形成實(shí)踐技能課主要由企業(yè)兼職教師講授的機(jī)制。.課程目標(biāo)1知識(shí)目標(biāo)熟練掌握靜態(tài)網(wǎng)頁設(shè)計(jì)所需要的HTML、CSS和JavaScript等知識(shí)掌握J(rèn)avaScript、CSS、DOM、Ajax等技術(shù)能夠熟練地利用Javascript和Jquery等技術(shù)進(jìn)行網(wǎng)站特效的設(shè)計(jì)。2能力目標(biāo)?能使用HTML、CSS和JavaScript設(shè)計(jì)靜態(tài)網(wǎng)站；?能使用JavaScript等腳本文件設(shè)計(jì)網(wǎng)站特效。.3素質(zhì)目標(biāo)學(xué)生具備對(duì)程序設(shè)計(jì)的興趣，充分發(fā)揮學(xué)生的自主學(xué)習(xí)能力；學(xué)生具備與人交流、與人合作及信息處理的能力；學(xué)生具備分析問題、解決問題及創(chuàng)造思維能力；,預(yù)期學(xué)習(xí)成果在完成課程后，學(xué)生將會(huì):編號(hào)具體內(nèi)容1掌握J(rèn)avascript基礎(chǔ)內(nèi)容2制作js幻燈片網(wǎng)站首頁3制作浮動(dòng)的圖片廣告4設(shè)計(jì)Javascript仿Flash圖片輪翻5使用css完成神奇創(chuàng)意的相框6制作班級(jí)相冊(cè)網(wǎng)站7仿淘寶網(wǎng)站首頁設(shè)計(jì)8仿淘寶網(wǎng)站登陸頁面設(shè)計(jì)三、課程內(nèi)容與安排

5周次學(xué)習(xí)情境/工程/單元（選其一）子情境/子工程/子單元（選其一）學(xué)習(xí)內(nèi)容（支撐知識(shí)）教學(xué)方法及手段成果形式參考學(xué)時(shí)第1周JavaScript概述UavaScript的起源2.瀏覽器之爭3Javascript的實(shí)現(xiàn)4.Javascript小體驗(yàn)JavaScript的起源及實(shí)現(xiàn)案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法JavaScript環(huán)境搭建2JavaScript案例演示搭建JavaScript開發(fā)環(huán)境第1-4周JavaScript基礎(chǔ)UavaScript語法2.變量、數(shù)據(jù)類型、關(guān)鍵字、保存字、條件語句、循環(huán)語句、函數(shù)、對(duì)象、bom基礎(chǔ)JavaScript類型案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法輸入數(shù)字判斷程序網(wǎng)頁12JavaScript變量與關(guān)鍵字條件語句打印三角形循環(huán)語句函數(shù)注冊(cè)判斷函數(shù)網(wǎng)頁對(duì)象BOM基礎(chǔ)第4-5周JavaScript開發(fā)UavaScript應(yīng)用環(huán)境.常用開發(fā)工具.常用調(diào)試工具常用開發(fā)工具介紹案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法簡易計(jì)算器4常用調(diào)試工具介紹第5-7CSS基礎(chǔ)1.CSS的概念2.網(wǎng)頁設(shè)計(jì)中的CSSCSS的使用樣式案例教學(xué)法、項(xiàng)目教學(xué)文字環(huán)繞圖片效果8

6周3.使用css控制頁面4.css選擇器S.css設(shè)置文字效果CSS選擇器法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法鏈接文字樣式設(shè)定網(wǎng)頁CSS文字與圖片效果第7-9周CSS進(jìn)階.DIV和SPAN標(biāo)記布局網(wǎng)頁.CSS布局定位3,盒子浮動(dòng)和定位DIV和SPAN標(biāo)記布局網(wǎng)頁案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法盒模型的應(yīng)用8第9-11周DOM模型.D0M及DOM技術(shù)簡介.網(wǎng)頁中的DOM模型框架3、DOM模型中的節(jié)點(diǎn).使用非標(biāo)準(zhǔn)DOMinnerHTML屬性DOM技術(shù)簡介案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法動(dòng)態(tài)修改頁面圖片8網(wǎng)頁中的DOM模型框架元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、屬性節(jié)點(diǎn)檢查瀏覽器支持的DOM標(biāo)準(zhǔn)級(jí)別DOM與CSS第11-12周JavaScript高級(jí)篇1.事件機(jī)制簡介2.常用事件函數(shù)事件機(jī)制簡介案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法屏蔽鼠標(biāo)右鍵網(wǎng)頁伸縮的兩級(jí)菜單網(wǎng)頁4常用事件函數(shù)第12-14周表格與表單l.cs控制表格樣式2.D0M動(dòng)態(tài)控制表格3.控制表單以及使用CSS控制表格樣式案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教自動(dòng)提示的文本框8使用DOM動(dòng)態(tài)控制表格用JavaScrip

表單元素的使用控制表單學(xué)法、講授法t控制多次提交網(wǎng)頁第14-15周JavaScript設(shè)計(jì)與優(yōu)化.常見錯(cuò)誤和異常.錯(cuò)誤處理.使用調(diào)試器4JavaScript優(yōu)化常見錯(cuò)誤和異常案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講授法通過try???catch逐漸縮小范圍查找錯(cuò)誤其他設(shè)計(jì)常用注意事項(xiàng)6錯(cuò)誤處理使用調(diào)試器JavaScript優(yōu)化2.Ajax異步交互3.Aja框架2.jQuery的$3.jQuery與CSS34JQuery開發(fā)和調(diào)試工具2,直接獲取、編輯內(nèi)容3.處理表單元素的值4.處理頁面事件2.元素顯隱的漸入漸出效果3.幻燈片效果第16周復(fù)習(xí)4總結(jié)64四、教學(xué)方法與手段L教學(xué)模式的設(shè)計(jì)與創(chuàng)新為了使學(xué)生更容易掌握新知識(shí)點(diǎn)，在授課時(shí)先將網(wǎng)頁特效運(yùn)行效果演示，引導(dǎo)學(xué)生進(jìn)行思考：如何實(shí)現(xiàn)這些效果，需要學(xué)習(xí)哪些知識(shí)；然后再糾正學(xué)生的思路，講解相應(yīng)知識(shí)點(diǎn)，學(xué)生根據(jù)自己的思路和教師所講思路知識(shí)點(diǎn)的比照，找到更好的方法進(jìn)行實(shí)現(xiàn)特效，防止灌輸式教學(xué)，以到達(dá)快速掌握知識(shí)點(diǎn)的目的。1演示過程，講練結(jié)合。這是計(jì)算機(jī)教學(xué)中使用最多的教學(xué)方法，可以在入門階段使用此方法。多數(shù)學(xué)校機(jī)房都配置了電子教室一類的多媒體教學(xué)軟件，這樣教師在講授新知識(shí)時(shí)可以鎖定學(xué)生機(jī)，演示操作過程，學(xué)生練習(xí)時(shí)可以開放學(xué)生機(jī)。但是這種方法用多了，學(xué)生會(huì)覺得枯燥，也不易培養(yǎng)學(xué)生創(chuàng)造力。2工程教學(xué)法通過工程設(shè)計(jì)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)。在工程設(shè)計(jì)過程中，加深對(duì)知識(shí)的理解,提高對(duì)編程工具使用的熟練程度，掌握軟件工程開發(fā)的一般方法、步驟與流程,熟悉程序設(shè)計(jì)的基本工作規(guī)范，養(yǎng)成良好的編程習(xí)慣。同時(shí)，通過協(xié)作完成軟件工程開發(fā)，培養(yǎng)學(xué)生的溝通交流能力、組織協(xié)調(diào)能力、團(tuán)隊(duì)合作能力和自主學(xué)習(xí)能力。工程開發(fā)過程中，每4-5人一組，在教師的指導(dǎo)下，制定工程開發(fā)計(jì)劃、時(shí)間進(jìn)度、工作流程等，工程組成員可以具體的分工協(xié)作。完成工程測試，工程文檔制作等。如教師安排一個(gè)仿淘寶網(wǎng)頁設(shè)計(jì)，學(xué)生進(jìn)行分組，合作完成，并且展示作品。2.教學(xué)方法的應(yīng)用8預(yù)期學(xué)習(xí)成果教學(xué)方法方法1名稱方法2名稱方法3名稱方法4名稱成果1第一個(gè)JavaScript網(wǎng)頁案例教學(xué)法工程教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法講授法成果2輸入數(shù)字判斷程序網(wǎng)頁案例教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法工程教學(xué)法講授法

9成果3輸出99乘法表程序網(wǎng)頁任務(wù)驅(qū)動(dòng)教學(xué)法講授法案例教學(xué)法工程教學(xué)法成果4注冊(cè)判斷函數(shù)網(wǎng)頁任務(wù)驅(qū)動(dòng)教學(xué)法講授法案例教學(xué)法工程教學(xué)法成果5翻開工具的動(dòng)作案例教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法工程教學(xué)法講授法成果6具有文字樣式的網(wǎng)頁講授法工程教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法案例教學(xué)法成果7菜單頁面任