教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解JavaScript的定義、特點(diǎn)、應(yīng)用場(chǎng)景了解ECMAScript6.0的核心概念與新特性掌握ECMAScript基本語法規(guī)則掌握J(rèn)avaScript單行注釋掌握HTML文檔中嵌入JavaScript代碼掌握J(rèn)avaScript的功能與輸出了解JavaScript庫培養(yǎng)學(xué)生的邏輯思維能力提升代碼規(guī)范意識(shí)增強(qiáng)問題解決能力。教學(xué)內(nèi)容模塊1JavaScript知識(shí)入門及應(yīng)用1.1JavaScript簡介1.2初識(shí)ECMAScript6.01.3JavaScript常用的開發(fā)工具1.4ECMAScript的基本語法規(guī)則1.5JavaScript的注釋1.6在HTML文檔中嵌入JavaScript代碼的方法1.7JavaScript的功能展示1.8JavaScript的輸出1.9JavaScript的消息框1.10JavaScript庫重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：如何在HTML文檔中嵌入JavaScript代碼解決方法：1、針對(duì)關(guān)鍵知識(shí)點(diǎn)進(jìn)行專題輔導(dǎo)，教師演示2、學(xué)生技能學(xué)習(xí)與實(shí)踐3、階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高4、抽查記成績，教師總結(jié)點(diǎn)評(píng)5、學(xué)生分析、總結(jié)經(jīng)驗(yàn)，并按照經(jīng)驗(yàn)修改并創(chuàng)新設(shè)計(jì)，從而達(dá)到能力訓(xùn)練與能力拓展的目標(biāo)。教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．知識(shí)點(diǎn)引入介紹本次課所要完成的任務(wù)，通過具體實(shí)例引入知識(shí)點(diǎn)。2．案例導(dǎo)入針對(duì)關(guān)鍵知識(shí)點(diǎn)進(jìn)行講解，分析案例，教師演示案例3．案例分析以案例效果為例，教師細(xì)致演示分析案例的整個(gè)流程。學(xué)生分析、計(jì)劃，總結(jié)歸納實(shí)施要點(diǎn)，得到問題解決的思路與方法。（4．專題輔導(dǎo)針對(duì)關(guān)鍵技術(shù)點(diǎn)和知識(shí)點(diǎn)進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實(shí)施過程中出現(xiàn)的問題。對(duì)于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對(duì)于難點(diǎn)內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。強(qiáng)調(diào)知識(shí)點(diǎn)，提醒學(xué)生容易犯的錯(cuò)誤，隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助。階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品。6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排使用JavaScript實(shí)現(xiàn)具有手風(fēng)琴效果的橫向焦點(diǎn)圖片輪換教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）加強(qiáng)上機(jī)練習(xí)，學(xué)習(xí)JavaScript開發(fā)技巧和開發(fā)規(guī)范，嘗試在HTML中編寫JavaScript代碼。教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)5學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解ECMAScript關(guān)鍵字與保留字掌握J(rèn)avaScript的常量及常量聲明掌握J(rèn)avaScript的變量和數(shù)據(jù)類型掌握Typeof運(yùn)算符與數(shù)據(jù)類型的檢測(cè)學(xué)會(huì)JavaScript數(shù)據(jù)類型的轉(zhuǎn)換和字符串的基本操作掌握J(rèn)avaScript的運(yùn)算符與表達(dá)式了解JSON及其使用培養(yǎng)學(xué)生的邏輯思維能力，提升代碼規(guī)范意識(shí)，增強(qiáng)問題解決能力。教學(xué)內(nèi)容模塊2JavaScript編程基礎(chǔ)及應(yīng)用2.1ECMAScript的關(guān)鍵字與保留字2.2JavaScript的常量及常量聲明2.3JavaScript的變量2.4JavaScript的數(shù)據(jù)類型2.5typeof運(yùn)算符與數(shù)據(jù)類型的檢測(cè)2.6JavaScript數(shù)據(jù)類型的轉(zhuǎn)換2.7字符串的基本操作2.8JavaScript的運(yùn)算符與表達(dá)式2.9JSON及其使用重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：如何將字符串轉(zhuǎn)換為數(shù)字解決方法：1、針對(duì)關(guān)鍵知識(shí)點(diǎn)進(jìn)行專題輔導(dǎo)，教師演示2、學(xué)生技能學(xué)習(xí)與實(shí)踐3、抽查記成績，教師總結(jié)點(diǎn)評(píng)教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．案例教學(xué)法通過具體的實(shí)例引入知識(shí)點(diǎn)，讓學(xué)生在實(shí)際案例中理解JavaScript編程基礎(chǔ)的概念和方法。2．任務(wù)驅(qū)動(dòng)法設(shè)計(jì)具體的任務(wù)，讓學(xué)生在完成任務(wù)的過程中掌握J(rèn)avaScript編程基礎(chǔ)的知識(shí)和技能。3．案例分析以案例效果為例，細(xì)致演示分析案例的整個(gè)流程。引導(dǎo)學(xué)生分析案例中用到的知識(shí)點(diǎn)，如變量的作用域、數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則、運(yùn)算符的優(yōu)先級(jí)等。總結(jié)歸納實(shí)施要點(diǎn)，幫助學(xué)生得到問題解決的思路與方法。4．專題輔導(dǎo)針對(duì)關(guān)鍵技術(shù)點(diǎn)和知識(shí)點(diǎn)進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實(shí)施過程中出現(xiàn)的問題。對(duì)于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對(duì)于難點(diǎn)內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。強(qiáng)調(diào)知識(shí)點(diǎn)，提醒學(xué)生容易犯的錯(cuò)誤，隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助。階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品。6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)。總結(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排實(shí)現(xiàn)動(dòng)態(tài)加載網(wǎng)頁內(nèi)容教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）增加實(shí)踐課時(shí)，強(qiáng)化動(dòng)手能力；實(shí)施分層教學(xué)，滿足不同學(xué)生需求。融入更多實(shí)際項(xiàng)目，以項(xiàng)目驅(qū)動(dòng)教學(xué)，提升應(yīng)用能力。細(xì)化知識(shí)點(diǎn)，明確各知識(shí)點(diǎn)的深度和廣度，便于學(xué)生系統(tǒng)學(xué)習(xí)。靈活運(yùn)用多種教學(xué)方法，如小組討論、案例分析等，激發(fā)學(xué)生學(xué)習(xí)興趣。教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)理解JavaScript條件語句掌握J(rèn)avaScript循環(huán)語句熟練運(yùn)用條件語句編寫JavaScript代碼運(yùn)用循環(huán)語句解決重復(fù)性問題培養(yǎng)學(xué)生分析問題和邏輯思維能力提高學(xué)生自主學(xué)習(xí)和創(chuàng)新能力教學(xué)內(nèi)容模塊3JavaScript流程控制及應(yīng)用3.1JavaScript的條件語句3.2JavaScript的循環(huán)語句重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：各類條件語句和循環(huán)語句的語法結(jié)構(gòu)和使用方法。解決方法：1、針對(duì)關(guān)鍵知識(shí)點(diǎn)進(jìn)行專題輔導(dǎo)，教師演示2、學(xué)生技能學(xué)習(xí)與實(shí)踐3、階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高4、抽查記成績，教師總結(jié)點(diǎn)評(píng)5、學(xué)生分析、總結(jié)經(jīng)驗(yàn)，并按照經(jīng)驗(yàn)修改并創(chuàng)新設(shè)計(jì)，從而達(dá)到能力訓(xùn)練與能力拓展的目標(biāo)。教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．知識(shí)點(diǎn)引入展示一個(gè)簡單的網(wǎng)頁示例，引導(dǎo)學(xué)生思考在編程中需要對(duì)不同情況進(jìn)行判斷和重復(fù)執(zhí)行某些操作，從而引出本節(jié)課要學(xué)習(xí)的JavaScript流程控制語句——條件語句和循環(huán)語句。2．知識(shí)點(diǎn)講解詳細(xì)講解JavaScript的條件語句和JavaScript的循環(huán)語句3．案例分析嘗試使用do-while循環(huán)實(shí)現(xiàn)一個(gè)簡單的猜數(shù)字游戲：程序隨機(jī)生成一個(gè)1到100之間的數(shù)字，學(xué)生輸入猜測(cè)的數(shù)字，程序提示“猜大了”“猜小了”或“猜對(duì)了”，直到用戶猜對(duì)為止。4．課堂小結(jié)強(qiáng)調(diào)在使用條件語句時(shí)要注意條件判斷的準(zhǔn)確性，使用循環(huán)語句時(shí)要正確設(shè)置循環(huán)條件和更新循環(huán)變量，避免出現(xiàn)邏輯錯(cuò)誤?？偨Y(jié)條件語句和循環(huán)語句嵌套使用的注意事項(xiàng)。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。強(qiáng)調(diào)知識(shí)點(diǎn)，提醒學(xué)生容易犯的錯(cuò)誤，隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助。階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品。6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排在不同的節(jié)日顯示對(duì)應(yīng)的問候語在不同時(shí)間段顯示不同的問候語一周內(nèi)每天顯示不同的圖片實(shí)現(xiàn)鼠標(biāo)指針滑過時(shí)動(dòng)態(tài)改變顯示內(nèi)容及其外觀效果教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）分課時(shí)細(xì)講條件與循環(huán)語句，增實(shí)際案例；細(xì)化練習(xí)難度，設(shè)復(fù)習(xí)答疑；引入可視化與項(xiàng)目式教學(xué)法，助學(xué)生掌握。教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解JavaScript函數(shù)的定義掌握J(rèn)avaScript計(jì)時(shí)方法培養(yǎng)邏輯思維與代碼規(guī)范意識(shí)，提升解決實(shí)際問題的能力激發(fā)創(chuàng)新思維，通過項(xiàng)目實(shí)踐增強(qiáng)團(tuán)隊(duì)協(xié)作與自主學(xué)習(xí)能力教學(xué)內(nèi)容模塊4JavaScript函數(shù)編程及應(yīng)用4.1JavaScript的函數(shù)4.2JavaScript的計(jì)時(shí)方法重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：函數(shù)的定義與調(diào)用、箭頭函數(shù)語法、計(jì)時(shí)方法的參數(shù)設(shè)置解決方法：1、通過對(duì)比函數(shù)聲明與表達(dá)式的案例，結(jié)合代碼調(diào)試演示作用域機(jī)制。2、用圖片輪播、倒計(jì)時(shí)等可視化案例講解計(jì)時(shí)方法的應(yīng)用場(chǎng)景。3、采用任務(wù)驅(qū)動(dòng)法，讓學(xué)生在實(shí)操中理解閉包與回調(diào)函數(shù)的邏輯。教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．知識(shí)點(diǎn)引入展示含動(dòng)態(tài)按鈕交互、定時(shí)更新時(shí)間的網(wǎng)頁案例，引出函數(shù)與計(jì)時(shí)方法的概念。2．知識(shí)點(diǎn)講解講解JavaScript的函數(shù)和JavaScript的計(jì)時(shí)方法3．案例分析演示“按鈕點(diǎn)擊計(jì)數(shù)器”案例，分析函數(shù)封裝點(diǎn)擊邏輯的過程。4．專題輔導(dǎo)巡視指導(dǎo)，針對(duì)學(xué)生在函數(shù)參數(shù)傳遞、計(jì)時(shí)回調(diào)中遇到的問題進(jìn)行一對(duì)一輔導(dǎo)，收集共性問題，如作用域錯(cuò)誤、計(jì)時(shí)方法參數(shù)寫錯(cuò)等，準(zhǔn)備集中講解。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)總結(jié)函數(shù)與計(jì)時(shí)方法的核心知識(shí)點(diǎn)，強(qiáng)調(diào)箭頭函數(shù)語法、閉包應(yīng)用等重點(diǎn)內(nèi)容。根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。點(diǎn)評(píng)學(xué)生任務(wù)完成情況，展示優(yōu)秀代碼案例，分析典型錯(cuò)誤在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助。階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品。6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排實(shí)現(xiàn)動(dòng)態(tài)改變樣式實(shí)現(xiàn)動(dòng)態(tài)改變網(wǎng)頁字體大小及關(guān)閉網(wǎng)頁窗口教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）教學(xué)計(jì)劃中，建議將計(jì)時(shí)方法與動(dòng)畫案例結(jié)合教案設(shè)計(jì)時(shí)，可加入小組協(xié)作任務(wù)教學(xué)方法上，讓學(xué)生展示作品并講解函數(shù)邏輯，增強(qiáng)表達(dá)與總結(jié)能力教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解JavaScript的字符串對(duì)象、數(shù)值對(duì)象、日期對(duì)象、數(shù)組對(duì)象及方法掌握J(rèn)avaScript的自定義對(duì)象了解支持正則表達(dá)式的String對(duì)象的方法掌握J(rèn)avaScript的this指針掌握J(rèn)avaScript的正則表達(dá)式與應(yīng)用了解JavaScript的RegExp對(duì)象及其方法培養(yǎng)學(xué)生良好的編程習(xí)慣和代碼規(guī)范意識(shí)培養(yǎng)學(xué)生的創(chuàng)新思維和自主學(xué)習(xí)能力培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作精神和溝通能力教學(xué)內(nèi)容模塊5JavaScript對(duì)象編程及應(yīng)用5.1JavaScript的字符串對(duì)象及方法5.2JavaScript的數(shù)值對(duì)象及方法5.3JavaScript的日期對(duì)象及方法5.4JavaScript的數(shù)組對(duì)象及方法5.5JavaScript的自定義對(duì)象5.6ES6使用class構(gòu)造對(duì)象5.7JavaScript的this指針5.8JavaScript的正則表達(dá)式與應(yīng)用5.9JavaScript的RegExp對(duì)象及其方法5.10支持正則表達(dá)式的String對(duì)象的方法重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：字符串、數(shù)值、日期、數(shù)組對(duì)象的常用方法及應(yīng)用this指針在不同場(chǎng)景下的指向解決方法：結(jié)合具體場(chǎng)景，如對(duì)象方法調(diào)用、事件處理函數(shù)等，分析this指針的指向，幫助學(xué)生理解通過大量案例演示和實(shí)操練習(xí)，讓學(xué)生熟悉各對(duì)象的常用方法制作this指針指向的示意圖和表格，對(duì)比不同場(chǎng)景下的指向，通過代碼調(diào)試演示this的值。通過表單驗(yàn)證、文本處理等實(shí)際案例，講解正則表達(dá)式的應(yīng)用，讓學(xué)生掌握常用正則表達(dá)式的編寫。教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．知識(shí)點(diǎn)引入展示一個(gè)包含用戶注冊(cè)表單的網(wǎng)頁案例，表單中有姓名、郵箱、手機(jī)號(hào)、密碼等輸入項(xiàng)，引出本節(jié)課要學(xué)習(xí)的JavaScript對(duì)象編程及正則表達(dá)式的知識(shí)，說明這些知識(shí)在實(shí)際開發(fā)中的應(yīng)用場(chǎng)景。2．知識(shí)點(diǎn)講解講解JavaScript的字符串、數(shù)值、日期對(duì)象及方法以及JavaScript的數(shù)組對(duì)象及方法，JavaScript的自定義對(duì)象、class構(gòu)造對(duì)象及this指針3．案例分析演示“用戶注冊(cè)表單驗(yàn)證”案例，分析如何使用字符串對(duì)象的方法和正則表達(dá)式對(duì)輸入內(nèi)容進(jìn)行驗(yàn)證。4．專題輔導(dǎo)布置“文本處理”和“數(shù)組操作”的實(shí)操任務(wù)，巡視指導(dǎo)，針對(duì)學(xué)生在對(duì)象方法使用、this指針理解、正則表達(dá)式編寫等方面遇到的問題進(jìn)行一對(duì)一輔導(dǎo)。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。強(qiáng)調(diào)知識(shí)點(diǎn)，提醒學(xué)生容易犯的錯(cuò)誤，隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品 6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排在特定日期范圍內(nèi)顯示打折促銷信息實(shí)現(xiàn)在線考試倒計(jì)時(shí)顯示常規(guī)格式的當(dāng)前日期與時(shí)間教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）可加入更多小組合作任務(wù)，如開發(fā)一個(gè)包含多個(gè)對(duì)象和正則表達(dá)式應(yīng)用的綜合項(xiàng)目，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力和項(xiàng)目管理能力。建議補(bǔ)充更多企業(yè)級(jí)案例，如電商網(wǎng)站的商品搜索和篩選功能、社交平臺(tái)的用戶信息驗(yàn)證等，讓學(xué)生更好地了解對(duì)象編程和正則表達(dá)式在實(shí)際項(xiàng)目中的應(yīng)用。教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解JavaScript的文檔對(duì)象及操作掌握J(rèn)avaScript的瀏覽器對(duì)象及操作掌握位置與尺寸及JavaScript的設(shè)置方法培養(yǎng)前端頁面交互邏輯設(shè)計(jì)能力提升復(fù)雜交互效果的調(diào)試能力激發(fā)創(chuàng)新設(shè)計(jì)意識(shí)教學(xué)內(nèi)容模塊6JavaScript對(duì)象模型及應(yīng)用6.1JavaScript的文檔對(duì)象及操作6.2JavaScript的瀏覽器對(duì)象及操作6.3位置與尺寸及JavaScript的設(shè)置方法重點(diǎn)難點(diǎn)及解決方法重點(diǎn)難點(diǎn)：DOM樹結(jié)構(gòu)與節(jié)點(diǎn)操作方法BOM對(duì)象在實(shí)際場(chǎng)景中的應(yīng)用動(dòng)態(tài)計(jì)算元素位置與尺寸解決方法：通過案例演示逐步解析DOM操作步驟通過大量案例演示和實(shí)操練習(xí)，讓學(xué)生熟悉各對(duì)象的常用方法結(jié)合瀏覽器調(diào)試工具實(shí)時(shí)驗(yàn)證BOM功能提供可視化工具輔助理解幾何屬性教學(xué)方法案例法、任務(wù)驅(qū)動(dòng)法、鼓勵(lì)創(chuàng)新法教學(xué)資源演示案例、案例素材、機(jī)房資源教學(xué)過程設(shè)計(jì)主要流程1．知識(shí)點(diǎn)引入展示DOMinspector工具實(shí)時(shí)查看節(jié)點(diǎn)變化，引出文檔對(duì)象與瀏覽器對(duì)象的操作需求2．知識(shí)點(diǎn)講解講解文檔對(duì)象及操作、瀏覽器對(duì)象及操作以及位置與尺寸3．案例分析拆解"圖片懶加載"案例，檢測(cè)瀏覽器是否支持IntersectionObserver，不支持時(shí)回退到傳統(tǒng)監(jiān)聽方案，引導(dǎo)學(xué)生觀察控制臺(tái)性能數(shù)據(jù)，分析不同實(shí)現(xiàn)方式的資源占用情況4．專題輔導(dǎo)布置分層任務(wù)，巡視指導(dǎo)時(shí)重點(diǎn)關(guān)注，DOM操作時(shí)的節(jié)點(diǎn)引用錯(cuò)誤，BOM對(duì)象屬性調(diào)用錯(cuò)誤。教師活動(dòng)學(xué)生活動(dòng)布置課后任務(wù)，加強(qiáng)上機(jī)練習(xí)，鞏固知識(shí)點(diǎn)。小組合作，探索解決問題的方法，提出問題并尋求解答。對(duì)于一般內(nèi)容，嘗試自行解決問題并演示操作過程；對(duì)于難點(diǎn)內(nèi)容，跟隨教師的引導(dǎo)進(jìn)行學(xué)習(xí)。5．任務(wù)實(shí)施教師活動(dòng)學(xué)生活動(dòng)隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)根據(jù)教師的指導(dǎo)和自己的理解，分析案例用到的知識(shí)點(diǎn)，嘗試獨(dú)立完成任務(wù)。強(qiáng)調(diào)知識(shí)點(diǎn)，提醒學(xué)生容易犯的錯(cuò)誤，隨時(shí)接受學(xué)生的咨詢，巡回檢查，個(gè)別指導(dǎo)在實(shí)踐過程中，遇到問題及時(shí)記錄并向教師或同學(xué)尋求幫助階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實(shí)踐提高完成任務(wù)后，進(jìn)行自我檢查和總結(jié)，準(zhǔn)備展示自己的作品 6．總結(jié)點(diǎn)評(píng)抽查記成績，教師總結(jié)點(diǎn)評(píng)。總結(jié)學(xué)生的完成情況以及在案例設(shè)計(jì)中遇到的問題，重新強(qiáng)調(diào)重點(diǎn)及難點(diǎn)問題。7．課后任務(wù)安排實(shí)現(xiàn)郵箱自動(dòng)導(dǎo)航實(shí)現(xiàn)網(wǎng)頁內(nèi)容折疊與展開教學(xué)后記（對(duì)課程設(shè)置、教學(xué)計(jì)劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）可加入更多小組合作任務(wù)，如開發(fā)一個(gè)包含多個(gè)對(duì)象和正則表達(dá)式應(yīng)用的綜合項(xiàng)目，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力和項(xiàng)目管理能力。建議補(bǔ)充更多企業(yè)級(jí)案例，讓學(xué)生更好地了解對(duì)象編程和正則表達(dá)式在實(shí)際項(xiàng)目中的應(yīng)用。教學(xué)流程設(shè)計(jì)（理實(shí)一體化）教師姓名系部專業(yè)授課對(duì)象課程名稱程序設(shè)計(jì)授課時(shí)間使用教材JavaScript+Vue.js前端開發(fā)任務(wù)驅(qū)動(dòng)式教程計(jì)劃學(xué)時(shí)4學(xué)時(shí)教學(xué)形式及地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解JavaScript的事件、鼠標(biāo)事件、鍵盤事件掌握頁面事件、表單事件及表單控件事件掌握event對(duì)象了解JavaScript的事件方法掌握J(rèn)avaScript的異常處理掌握J(rèn)avaScript代碼的調(diào)試培養(yǎng)前端交互邏輯設(shè)計(jì)思維提升代碼調(diào)試與異常處理能力激發(fā)創(chuàng)新設(shè)計(jì)能力教學(xué)內(nèi)容模塊7JavaScript事件處理及應(yīng)用7.1認(rèn)知JavaScript的事件7.2JavaScript的鼠標(biāo)事件和鍵盤事件7.3頁面事件7.4表單及表單控件事件7.