職業(yè)學(xué)院移動(dòng)應(yīng)用開發(fā)專業(yè)使用Ajax技術(shù)優(yōu)化Web頁面課程標(biāo)準(zhǔn)

XXXX職業(yè)學(xué)院移動(dòng)應(yīng)用開發(fā)專業(yè)使用Ajax技術(shù)優(yōu)化Web頁面課程標(biāo)準(zhǔn)一、課程基本信息1.課程名稱：使用Ajax技術(shù)優(yōu)化Web頁面課程（54411402）2.課程屬性：專業(yè)核心課（B類）3.開課學(xué)期：第2學(xué)年，第3學(xué)期4.基準(zhǔn)學(xué)時(shí)：48學(xué)時(shí)，計(jì)3學(xué)分二、課程定位使用Ajax技術(shù)優(yōu)化Web頁面課程是移動(dòng)應(yīng)用開發(fā)專業(yè)的核心課程之一，是該專業(yè)的專業(yè)必修課。通過本課程的學(xué)習(xí)，Ajax技術(shù)在基于Web的應(yīng)用程序開發(fā)中有重要的作用，可以構(gòu)建高度交互性的應(yīng)用，滿足用戶實(shí)時(shí)無刷新的數(shù)據(jù)交互。本課程主要講述與Ajax相關(guān)的技術(shù)細(xì)節(jié)，使學(xué)生能夠熟練掌握Ajax的使用。前導(dǎo)課程有《JavaScript技術(shù)應(yīng)用》、《HTML網(wǎng)頁設(shè)計(jì)》《XML》，后續(xù)課程有《J2EE項(xiàng)目開發(fā)》、《JavaWeb應(yīng)用開發(fā)實(shí)訓(xùn)》、《畢業(yè)實(shí)習(xí)》等。三、課程目標(biāo)1.能力目標(biāo)（1）具備使用HTML，CSS，JavaScript等技術(shù)編寫網(wǎng)站前臺(tái)靜態(tài)頁面的能力；（2）能深刻理解使用Ajax技術(shù)開發(fā)優(yōu)勢；（3）能使用Ajax開發(fā)交互式網(wǎng)站；（4）能使用Ajax開發(fā)交互式網(wǎng)站；2.知識(shí)目標(biāo)（1）了解本課程的教學(xué)目標(biāo)和該課程在本專業(yè)課程體系中的作用、考核方式；（2）掌握AJAX的相關(guān)概念；（3）掌握AJAX實(shí)現(xiàn)異步刷新功能；（4）能通過Ajax實(shí)現(xiàn)基本的校驗(yàn)；3.態(tài)度目標(biāo)（1）具備Ajax交互式網(wǎng)站開發(fā)基本素養(yǎng)；（2）具備良好的職業(yè)道德素養(yǎng)和嚴(yán)謹(jǐn)細(xì)致的工作作風(fēng)；（3）具備一定的自學(xué)能力，獨(dú)立分析問題和解決問題的能力；四、課程設(shè)計(jì)以職業(yè)能力培養(yǎng)為重點(diǎn)，以就業(yè)為導(dǎo)向，培養(yǎng)學(xué)生具備職業(yè)市場所需的職業(yè)能力，生涯發(fā)展所需的能力和終身學(xué)習(xí)的能力?；诠ぷ鬟^程開發(fā)課程，以行動(dòng)導(dǎo)向進(jìn)行教學(xué)設(shè)計(jì)，以學(xué)生為主體，以實(shí)訓(xùn)為手段，設(shè)計(jì)出理論學(xué)習(xí)與技能掌握相融合的課程內(nèi)容體系。教學(xué)整體設(shè)計(jì)以職業(yè)技能培養(yǎng)為目標(biāo)、以施工任務(wù)(項(xiàng)目)為載體、理論學(xué)習(xí)與實(shí)踐操作結(jié)合。2.課時(shí)分配序號(hào)課程單元學(xué)習(xí)任務(wù)參考學(xué)時(shí)1什么是AjaxAjax概述、XMLHttpRequest、Ajax名詞的由來42

Ajax技術(shù)構(gòu)成JavaScript：Ajax的開發(fā)語言、JavaScript基礎(chǔ)語法結(jié)構(gòu)163Ajax應(yīng)用技術(shù)分析

完善的Ajax應(yīng)用程序：Ajax留言本、調(diào)試技巧、常見問題84

Ajax應(yīng)用進(jìn)階篇數(shù)據(jù)的組織方式：XML、數(shù)據(jù)的組織方式：JSON、JavaScript面向?qū)ο缶幊蹋∣OP）跨瀏覽器的兼容性問題105Ajax實(shí)戰(zhàn)篇Ajax高級(jí)表單驗(yàn)證程序、Ajax動(dòng)態(tài)聯(lián)動(dòng)菜單、Ajax聊天室103.課程單元描述（格式按以下表格，填寫參考示例）課程單元一什么是Ajax課程單元名稱什么是Ajax課時(shí)數(shù)4學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，學(xué)生能夠掌握Ajax異步調(diào)用開發(fā)的基本概念，了解Ajax概述、XMLHttpRequest，掌握搜索關(guān)鍵詞建議系統(tǒng)（GoogleSuggest）、優(yōu)秀的電子郵件服務(wù)系統(tǒng)（Gmail）。學(xué)習(xí)內(nèi)容1.任務(wù)1Ajax的基本概念（1）關(guān)鍵技術(shù)：XMLHttpRequest（2）

Ajax名詞的由來（3）Gmail主界面（4）

Inbox（收件箱）工作區(qū)域（5）WebClip（網(wǎng)絡(luò)剪輯）（6）

郵件操作區(qū)域（7）操作郵件教學(xué)方法和建議基于EDCIO的項(xiàng)目化驅(qū)動(dòng)與任務(wù)導(dǎo)向的教學(xué)，每個(gè)模塊通過2～4個(gè)工作任務(wù)完成教學(xué)；重點(diǎn)模塊內(nèi)容實(shí)行“教、學(xué)、做”合一方式，即邊教、邊學(xué)、邊做(項(xiàng)目訓(xùn)練)；教學(xué)條件要求多媒體網(wǎng)絡(luò)教室學(xué)生已有基礎(chǔ)Java編程技術(shù)開發(fā)、WEB前端HTML與CSS技術(shù)能力、JavaScript技術(shù)應(yīng)用、JQuery技術(shù)應(yīng)用教師執(zhí)教能力要求對Ajax的前世今生了解得非常透徹，能夠?qū)W(xué)生的想法及時(shí)做出評(píng)價(jià)并善于引導(dǎo)學(xué)生課程單元二

Ajax技術(shù)構(gòu)成課程單元名稱

Ajax技術(shù)構(gòu)成課時(shí)數(shù)16學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，學(xué)生能夠掌握

JavaScript：Ajax的開發(fā)語言，數(shù)據(jù)類型和值，使用定義及

JavaScript的變量、JavaScript的函數(shù)等學(xué)習(xí)內(nèi)容任務(wù)1

Ajax技術(shù)構(gòu)成（1）JavaScript概述（2）數(shù)據(jù)類型和值（3）JavaScript的變量（4）表達(dá)式和運(yùn)算符（5）

語句（6）JavaScript的函數(shù)（7）JavaScript的常用對象（8）DOM文檔對象模型介紹（9）開發(fā)Ajax應(yīng)用程序需要使用的工具教學(xué)方法和建議基于EDCIO的項(xiàng)目化驅(qū)動(dòng)與任務(wù)導(dǎo)向的教學(xué)，每個(gè)模塊通過2～4個(gè)工作任務(wù)完成教學(xué)；重點(diǎn)模塊內(nèi)容實(shí)行“教、學(xué)、做”合一方式，即邊教、邊學(xué)、邊做(項(xiàng)目訓(xùn)練)；教學(xué)條件要求多媒體網(wǎng)絡(luò)教室學(xué)生已有基礎(chǔ)Java編程技術(shù)開發(fā)、WEB前端HTML與CSS技術(shù)能力、JavaScript技術(shù)應(yīng)用、JQuery技術(shù)應(yīng)用教師執(zhí)教能力要求對Ajax的前世今生了解得非常透徹，能夠?qū)W(xué)生的想法及時(shí)做出評(píng)價(jià)并善于引導(dǎo)學(xué)生課程單元三Ajax應(yīng)用技術(shù)分析課程單元名稱Ajax應(yīng)用技術(shù)分析課時(shí)數(shù)8學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，學(xué)生能夠掌握Ajax應(yīng)用技術(shù)異步調(diào)用、完善的Ajax應(yīng)用程序：Ajax留言本。學(xué)習(xí)內(nèi)容任務(wù)1Ajax應(yīng)用技術(shù)分析（1）

HelloWorld！分析（2）完善的Ajax應(yīng)用程序：Ajax留言本（3）調(diào)試技巧（4）常見問題教學(xué)方法和建議基于EDCIO的項(xiàng)目化驅(qū)動(dòng)與任務(wù)導(dǎo)向的教學(xué)，每個(gè)模塊通過2～4個(gè)工作任務(wù)完成教學(xué)；重點(diǎn)模塊內(nèi)容實(shí)行“教、學(xué)、做”合一方式，即邊教、邊學(xué)、邊做(項(xiàng)目訓(xùn)練)；教學(xué)條件要求多媒體網(wǎng)絡(luò)教室學(xué)生已有基礎(chǔ)Java編程技術(shù)開發(fā)、WEB前端HTML與CSS技術(shù)能力、JavaScript技術(shù)應(yīng)用、JQuery技術(shù)應(yīng)用教師執(zhí)教能力要求對Ajax的前世今生了解得非常透徹，能夠?qū)W(xué)生的想法及時(shí)做出評(píng)價(jià)并善于引導(dǎo)學(xué)生課程單元四Ajax應(yīng)用進(jìn)階篇課程單元名稱Ajax應(yīng)用進(jìn)階篇課時(shí)數(shù)10學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，學(xué)生能夠掌握J(rèn)SON數(shù)據(jù)格式存儲(chǔ)數(shù)據(jù)，瀏覽器兼容性問題解決方案學(xué)習(xí)內(nèi)容1.任務(wù)1jsp隱式對象（1）數(shù)據(jù)的組織方式：XML（2）數(shù)據(jù)的組織方式：JSON（3）JavaScript面向?qū)ο缶幊蹋∣OP）（4）跨瀏覽器的兼容性問題（5）Prototype.js框架介紹（6）關(guān)于架構(gòu)的思考教學(xué)方法和建議基于EDCIO的項(xiàng)目化驅(qū)動(dòng)與任務(wù)導(dǎo)向的教學(xué)，每個(gè)模塊通過2～4個(gè)工作任務(wù)完成教學(xué)；重點(diǎn)模塊內(nèi)容實(shí)行“教、學(xué)、做”合一方式，即邊教、邊學(xué)、邊做(項(xiàng)目訓(xùn)練)；教學(xué)條件要求多媒體網(wǎng)絡(luò)教室學(xué)生已有基礎(chǔ)Java編程技術(shù)開發(fā)、WEB前端HTML與CSS技術(shù)能力、JavaScript技術(shù)應(yīng)用、JQuery技術(shù)應(yīng)用教師執(zhí)教能力要求對Ajax的前世今生了解得非常透徹，能夠?qū)W(xué)生的想法及時(shí)做出評(píng)價(jià)并善于引導(dǎo)學(xué)生課程單元五Ajax實(shí)戰(zhàn)篇課程單元名稱Ajax實(shí)戰(zhàn)篇課時(shí)數(shù)8學(xué)習(xí)目標(biāo)通過學(xué)習(xí)，學(xué)生能夠?qū)W(xué)習(xí)Ajax知識(shí)內(nèi)容靈活運(yùn)用到實(shí)際的項(xiàng)目中，完成表單驗(yàn)證，菜單聯(lián)動(dòng)與數(shù)據(jù)交互無刷新頁面功能實(shí)現(xiàn)。學(xué)習(xí)內(nèi)容任務(wù)1Ajax實(shí)戰(zhàn)篇（1）Ajax高級(jí)表單驗(yàn)證程序（2）Ajax動(dòng)態(tài)聯(lián)動(dòng)菜單（3）Ajax聊天室教學(xué)方法和建議基于EDCIO的項(xiàng)目化驅(qū)動(dòng)與任務(wù)導(dǎo)向的教學(xué)，每個(gè)模塊通過2～4個(gè)工作任務(wù)完成教學(xué)；重點(diǎn)模塊內(nèi)容實(shí)行“教、學(xué)、做”合一方式，即邊教、邊學(xué)、邊做(項(xiàng)目訓(xùn)練)；教學(xué)條件要求多媒體網(wǎng)絡(luò)教室學(xué)生已有基礎(chǔ)Java編程技術(shù)開發(fā)、WEB前端HTML與CSS技術(shù)能力、JavaScript技術(shù)應(yīng)用、JQuery技術(shù)應(yīng)用教師執(zhí)教能力要求對Ajax的前世今生了解得非常透徹，能夠?qū)W(xué)生的想法及時(shí)做出評(píng)價(jià)并善于引導(dǎo)學(xué)生課程考核本課程考核側(cè)重與考核學(xué)生的學(xué)習(xí)過程及學(xué)習(xí)結(jié)果，因此考勤占20%，課堂紀(jì)律及作業(yè)占20%，項(xiàng)目測驗(yàn)及期末考試占60%。六、教材及其它教學(xué)資源1.使用教材細(xì)說AJAX與jQuery作者：兄弟連教育

編出版社：

\o"電子工業(yè)出版社"電子工業(yè)出版社ISBN：9787121327926出版時(shí)間：2017-10-01參考書用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)（原書第2版）作者：[美]

杰西·詹姆斯·加勒特（JesseJamesGarrett）著出版社：

\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社ISBN：9787111616627出版時(shí)間：2019-