(完整版)《Javascript》課程教學(xué)大綱

1、1JavascriptJavascript課程教學(xué)大綱課程教學(xué)大綱一、課程基本信息課程名稱Javascript課程類別通識必修通識選修專業(yè)必修方向必修任意選修創(chuàng)業(yè)必修創(chuàng)業(yè)選修課程性質(zhì)理論+實踐理論實踐執(zhí)行學(xué)期考核方式考試考查總學(xué)分總學(xué)時理論學(xué)時實踐學(xué)時開課單位適用專業(yè)（方向）先修課程程序設(shè)計基礎(chǔ)、網(wǎng)頁設(shè)計理論：一體化機房多媒體教室討論課教室實踐：一體化機房實驗機房二、課程簡介本課程是面向軟件工程專業(yè)的一門專業(yè)必修課，涉及javascript語言基礎(chǔ)、javascript與CSS交互、DOM編程、表單驗證 javascript動畫效果等內(nèi)容， 通過本課程的學(xué)習(xí)， 學(xué)生能掌握J(rèn)avaScript語

2、言的基本編程思想， 并能熟練利用JavaScript控制WEB頁面各級元素，實現(xiàn)WEB前端的驗證、動態(tài)展示等任務(wù)；使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。最終成為具備較全面的軟件開發(fā)與信息服務(wù)的技術(shù)人才。本課程的前導(dǎo)課程是程序設(shè)計基礎(chǔ)和網(wǎng)頁設(shè)計，為后繼課程前端開發(fā)項目課程、移動web開發(fā)技術(shù)等課程奠定理論和實踐的基礎(chǔ)。2三、課程支撐的畢業(yè)要求及其具體指標(biāo)點支持畢業(yè)要求支持畢業(yè)要求1.3掌握工程基礎(chǔ)知識和軟件工程專業(yè)知識；并能夠解決（復(fù)雜）軟件工程

3、實施過程中的相關(guān)問題2.2針對（復(fù)雜）軟件工程問題，能夠選擇恰當(dāng)?shù)臄?shù)學(xué)、自然科學(xué)和工程科學(xué)概念進行表達和進一步的推理分析2.3具有搜索和分析文獻資料的能力， 能夠通過文獻研究分析（復(fù)雜）軟件工程問題3.1能夠有效分析需求，設(shè)計針對（復(fù)雜）軟件工程問題的解決方案4.2具備對實驗結(jié)果進行分析和匯總的能力， 并具體指標(biāo)點具體指標(biāo)點1.了解Javascript發(fā)展歷程2.掌握J(rèn)avascript的基本作用3.理解HTML、CSSjJavascript三者關(guān)系4.掌握介紹常見前端開發(fā)工具，比如 Sublime5.掌握 DIV+CSS 布局1.掌握定時器遞歸用法2.掌握緩動動畫計算公式1.掌握常見 JS

4、文檔查閱、學(xué)習(xí)方法2.在互聯(lián)網(wǎng)上搜索在控制臺輸出“有趣”內(nèi)容的網(wǎng)站1.綜合設(shè)計作品展示系統(tǒng)網(wǎng)站模塊劃分2.綜合設(shè)計作品展示系統(tǒng)主頁。1.掌握J(rèn)avascipt代碼調(diào)試方法3支持畢業(yè)要求支持畢業(yè)要求具體指標(biāo)點具體指標(biāo)點據(jù)此優(yōu)化和改進軟件工程實施方案9.1正確認(rèn)識個人和團隊的關(guān)系，具備團隊合作精神1.掌握團隊開發(fā)中個人與團隊合作的能力2.掌握團隊開發(fā)中團隊協(xié)調(diào)溝通能力3.掌握項目文檔撰寫能力9.2理解團隊中不同角色職責(zé)，能夠在多學(xué)科背景下的團隊中承擔(dān)不同的角色1.掌握團隊開發(fā)中個人與團隊合作的能力2.掌握團隊開發(fā)中團隊協(xié)調(diào)溝通能力3.掌握項目文檔撰寫能力10.1具備書面表達、溝通能力；針對（復(fù)雜）

5、工程問題，能夠以繪制圖例、撰寫文檔等形式與相關(guān)人員進行溝通交流1.掌握項目文檔撰寫能力10.2具備口頭表達、溝通能力；能夠以陳述發(fā)言、回應(yīng)指令等萬式清晰表達自我的意見，以進行有效溝通1.掌握團隊開發(fā)中團隊協(xié)調(diào)溝通能力12.2掌握正確的學(xué)習(xí)方法，具備自主學(xué)習(xí)能力，能夠通過學(xué)習(xí)，不斷提高、適應(yīng)業(yè)界技術(shù)的發(fā)展1.掌握常見 JS 文檔查閱、學(xué)習(xí)方法四、課程教學(xué)內(nèi)容對指標(biāo)點的支撐1）理論教學(xué)安排序號序號知識模塊知識模塊支持畢業(yè)要求的細(xì)化指標(biāo)支持畢業(yè)要求的細(xì)化指標(biāo)教學(xué)內(nèi)容教學(xué)內(nèi)容學(xué)時分配學(xué)時分配學(xué)生任務(wù)學(xué)生任務(wù)1Javascript概述1.了解Javascript發(fā)展歷程2.掌握J(rèn)avascript的基本

6、作用。3.理解HTML、CSS、Javascript二者關(guān)系4.掌握J(rèn)avascript腳本在HTML中書寫方法5.掌握介紹常見前端開發(fā)工具，比如 Sublime6.掌握 Javascript 消息框的使用7.掌握常見JS文檔查閱、學(xué)習(xí)方法1.Javascript發(fā)展歷程2.Javascript的基本作用。3.HTML、CSS、Javascript二者關(guān)系4.Javascript腳本在HTML中書寫方法5.介紹常見前端開發(fā)工具，比如 Sublime6.Javascript 消息框的使用21.建立1個web頁面，點擊按鈕彈出“確認(rèn)對話框”2.建立1個web頁面，點擊按鈕彈出“警告對話框”3.下載

7、并安裝好Sublime3編輯器，并調(diào)試好插件2CSS 強化1.掌握 CSS 選擇器2.掌握盒子模型3.掌握浮動4.掌握清除浮動5.掌握兀素定位6.掌握 DIV+CSS 布局1.CSS 選擇器2盒子模型3浮動4.清除浮動5.兀素定位6.DIV+CSS 布局7拉手網(wǎng)菜品展示模塊案例21完成博雅互動網(wǎng)站首頁開發(fā)3Javascript 基本語法1.掌握J(rèn)avascript數(shù)據(jù)類型2.掌握 Javascript 控制語句3.掌握 Javascript 數(shù)組4.掌握 Javascript 字面量表示法1.Javascript 數(shù)據(jù)類型2.Javascript 控制語句3.Javascript 數(shù)組4.Ja

8、vascript 字面量表示法21.在互聯(lián)網(wǎng)上搜索在控制臺輸出“有趣”內(nèi)容的網(wǎng)站2使用js編寫冒泡4注：表示重點內(nèi)容，表示難點內(nèi)容2）實踐教學(xué)安排序號序號項目名稱項目名稱支持畢業(yè)要求的細(xì)化指標(biāo)支持畢業(yè)要求的細(xì)化指標(biāo)學(xué)時學(xué)時分配分配項目項目類型類型每組每組人數(shù)人數(shù)學(xué)生任務(wù)學(xué)生任務(wù)1CSS強化項目訓(xùn)練1.掌握介紹常見前端開發(fā)工具，比如 Sublime。2.掌握 CSS 選擇器3.掌握盒子模型4.掌握浮動5.掌握清除浮動6.掌握兀素定位7.掌握 DIV+CSS 布局2驗證11.掌握Sublime安裝與使用2開發(fā)“博雅互動網(wǎng)站”首頁2JS與CSS交互項目訓(xùn)練1.掌握 Javascript 控制仃內(nèi)樣式

9、掌握表格標(biāo)記和常用屬性2設(shè)計11.設(shè)計不同風(fēng)格皮膚外觀序號知識模塊支持畢業(yè)要求的細(xì)化指標(biāo)教學(xué)內(nèi)容序號知識模塊支持畢業(yè)要求的細(xì)化指標(biāo)教學(xué)內(nèi)容5.掌握 Javascript 函數(shù)6.掌握 Javascript 變量作用域7.掌握 Javascript 事件8.掌握J(rèn)avascipt代碼調(diào)試方法Javascript 與 CSS 交互l.掌握 Javascript 控制行內(nèi)樣式2.掌握J(rèn)avascript控制外聯(lián)樣式5.Javascript 函數(shù)6.Javascript 變量作用域7.Javascript 事件8使用瀏覽器開發(fā)者工具調(diào)試 js 代碼1.Javascript 控制行內(nèi)樣式2.Javasc

10、ript 控制外聯(lián)樣式3.仿京東搜索框案例學(xué)時分配學(xué)生任務(wù)學(xué)時分配學(xué)生任務(wù)排序3.使用js編寫驗證用戶在“確認(rèn)對話框”中輸入的字符串是否為空。1.表格咼亮顯示鼠4標(biāo)當(dāng)前?？啃?.仿EXCELL表格DOM編程1.理解認(rèn)識 DOM 與 BOM2.理解 DOM 樹3.掌握常用 DOM 操作4表格隔行變色案例1.認(rèn)識DOM與BOM2.D0M 樹3.常用 DOM 操作4.計算器案例5.仿淘寶商品展示案例6.CheckBox全選與反選案例1.省市聯(lián)動案例42.完成淘寶放大鏡案例表單驗證1.掌握 String 對象常用操作2.掌握正則表達式3.掌握表單驗證常見方法1.String 對象常用操作2.正則表達式

11、3密碼強度驗證案例1.掌握常見表單驗證樣式7網(wǎng)頁動畫效果1.掌握定時器2.掌握js動畫基本原理3.掌握勻速動畫計算方法4.掌握緩動動畫原理5.掌握緩動動畫計算公式1.定時器2定時器遞歸用法3.動畫基本原理4.勻速動畫原理5安師主頁無縫圖片滾動案例6緩動動畫原理。7緩動動畫公式8.仿小米手機廣告案例1.標(biāo)題欄跑馬燈案例2點名器案例3.獲取手機驗證碼案例。4.完成京東輪播圖學(xué)生任務(wù)學(xué)生任務(wù)5注：項目類型可以是驗證型、設(shè)計型、綜合型五、課程考核表表1畢業(yè)要求對應(yīng)的考核環(huán)節(jié)畢業(yè)要求對應(yīng)的考核環(huán)節(jié)考核環(huán)節(jié)考核環(huán)節(jié)平時考核實踐考核結(jié)課考核1.3掌握工程基礎(chǔ)知識和軟件工程專業(yè)知識；并能夠解決（復(fù)雜）軟件工程

12、實施過程中的相關(guān)問題2.2針對（復(fù)雜）軟件工程問題，能夠選擇恰當(dāng)?shù)臄?shù)學(xué)、自然科學(xué)和工程科學(xué)概念進行表達和進一步的推理分析2.3具有搜索和分析文獻資料的能力， 能夠通過文獻研究分析（復(fù)雜）軟件工程問題3.1能夠有效分析需求， 設(shè)計針對（復(fù)雜）軟件工程問題的解決方案4.2具備對實驗結(jié)果進行分析和匯總的能力，并據(jù)此優(yōu)化和改進軟件工程實施方案9.1正確認(rèn)識個人和團隊的關(guān)系， 具備團隊合作精神9.2理解團隊中不同角色職責(zé)， 能夠在多學(xué)科背景下的團隊中承擔(dān)不同的角色10.1具備書面表達、 溝通能力； 針對（復(fù)雜）工程問題，能夠以繪制圖例、撰寫文檔等形式與相關(guān)人員進行溝通交流序號序號項目名稱項目名稱支持畢業(yè)

13、要求的細(xì)化指標(biāo)學(xué)時支持畢業(yè)要求的細(xì)化指標(biāo)學(xué)時2.掌握 Javascript 控制外聯(lián)樣式項目項目類型類型每組每組人數(shù)人數(shù)1.DOM操作與表單2.驗證項目訓(xùn)練3.4.掌握常用 DOM 操作掌握J(rèn)S控制樣式掌握正則表達式掌握表單驗證技巧驗證2.設(shè)計皮膚樣式3.實現(xiàn)換膚效果1.實現(xiàn)頁面HTML結(jié)構(gòu)2.實現(xiàn)基本樣式網(wǎng)頁動畫效果項目訓(xùn)練1.2.3.4.5.6.7.掌握基本設(shè)計原則掌握J(rèn)S動畫效果制作掌握輪播圖制作掌握導(dǎo)航欄跟隨效果掌握團隊開發(fā)中個人與團隊合作的能力掌握團隊開發(fā)中團隊協(xié)調(diào)溝通能力掌握項目文檔撰寫能力設(shè)計驗證3.設(shè)計驗證算法4.實現(xiàn)驗證效果1.設(shè)計商城頁面2.制作CSS樣式3.制作輪播圖效果

14、4.制作導(dǎo)航欄跟隨效果5.制作Tab欄切換6.網(wǎng)站發(fā)布7.撰寫項目報告學(xué)生任務(wù)學(xué)生任務(wù)610.2具備口頭表達、溝通能力；能夠以陳述發(fā)言、回應(yīng)指令等方式清晰表達自7我的意見，以進行有效溝通12.2掌握正確的學(xué)習(xí)方法，具備自主學(xué)習(xí)能力，能夠通過學(xué)習(xí)，不斷提高、適應(yīng)業(yè)界技術(shù)的發(fā)展注：(1)平時考核依據(jù)考勤和表現(xiàn)進行；(2)實踐考核包括作業(yè)、實驗、實踐等方面的考核；(3)階段考核為課程完成某一階段教學(xué)任務(wù)后進行的考核；(4)結(jié)課考核為課程結(jié)束后進行的考核。表表2課程考核細(xì)則課程考核細(xì)則六、課程評價及改進課程考核結(jié)束后，任課教師遵循軟件學(xué)院教學(xué)工作指導(dǎo)委員會通過的課程達成度評價機制和評價方法對，本課程的畢業(yè)要求達成度進行自我評價。此外，學(xué)院的教學(xué)工作委員會將指派專門的教師，依據(jù)學(xué)生的考試成績和平時成績等資料，對本課程的達成度進行評價，并出具達成度評價報告。教師根據(jù)評價結(jié)果，改進其教學(xué)方法和教學(xué)內(nèi)容，以便更好地支撐學(xué)生畢業(yè)要求的達成。七、教材及參考資料推薦教材：參考書籍：推薦學(xué)習(xí)網(wǎng)站考核環(huán)節(jié)考核環(huán)節(jié)考核要求考核要求平時考勤考核課堂表現(xiàn)實踐項目一實踐考核結(jié)課考核實踐項目二實踐項目三實踐項目四綜合實踐項目期末測試曠課1節(jié)扣1分，無故曠課6節(jié)以上取消考試資格正確回答一