1、OavaScript開發技術課程標準課程名稱：JavaScript開發技術參考學時：64適用專業：軟件技術專業一、課程定位JavaScript開發技術這門課是軟件技術專業的一門重要的專業課，主要定位于WEB 前端開發工作崗位。它是WEB前端技術開發的必備課程,是理論和實踐相結合的一門課程。 在整個課程體系中具有重要的作用。通過對本課程的學習，學生將能夠掌握JavaScript的語 法，使用JavaScript制作網頁客戶端特效，實現頁面特效、動畫、用戶反應等功能，從而達 到美化網頁的效果。本課程的前導課程：靜態網頁設計、DIV+CSS布局。后續課程：PHP動態網頁設計, jQuery 網站特效

2、，Vue.js.Node.js 等。二、學習目標掌握JavaScript編程的基本理論：掌握BOM對象的常用屬性和方法；掌握對象的常用屬性和方法；（4）掌握DOM的概念以及利用DOM操作文檔節點的方法；通過完成相關的工程，尋找發現問題途徑，學會解決問題的方法；培養學生的創新思維及創新能力；培養和鍛煉學生認真負責的工作態度和嚴遂細致的工作作風。三、學習內容工作對象客戶端網頁特效的制作等。工具Hbuilder、Dreamweaver CS6.0、Notepad+,VS Code 等文本編輯器。工作方法利用文本編輯軟件完成網頁的動態效果等工作。勞動組織承接工作任務：明確工作目標；網站設計計劃；網站動

3、態效果設計；合理 分工；做好充分的技術溝通；組織并指導各成員完成相關工作任務。工作要求到達網站設計的要求；準確、清晰的傳達網站信息等要求。四、學習情境設計課程設計的理念是：表達高等職業教育的特點，適應現代網站設計的開展方向。課程設計的思路是：隨著網絡的開展，同時考慮學校現有的教學條件，所以本課程的設 計思路以JavaScript程序設計語言為主要工具，學習Web應用程序或網站前端開發技術。 為了更好實施軟件技術專業“職業情境，工程主導”的工學結合人才培養模式，開展基于軟 件產品開發工作過程的工程實踐教學，本課程組織為6個模塊。按照工程開發的過程進行模 塊的劃分，在完成每個模塊學習和實踐的過程中

4、，融入相應的知識點、程序設計方法、程序 調試方法和軟件設計規范。在教學內容選取和組織過程中，突出與企業的深度融合，引進企 業軟件產品開發環境、管理規范、技術資源，校企雙方共同完本錢課程的教學與實踐。學習情境劃分及教學內容序號學習情境學習任務學習目標學習內容學時1情景1 ：JavaScript 與HTML混編任務一：簡單的動態 效果實現.掌握在網頁中加 載 JavaScript 的 方法.體驗 JavaScript 的魅力JavaScript 內嵌 html的方法了解事件觸發 的概念以及函 數調用42情景2 ：JavaScript 基 礎任務一：根據成績給 出考評任務二：猜數字游戲任務三：制作簡

5、易計 算器.掌握 JavaScript 編程的基本語法.能夠利用理論知 識做出網頁需要 的效果JavaScript 編程 基本知識If, switch for 語句的使用83情景 3 ：JavaScript 對 象編程任務一：在頁面動態 顯示當前時間任務二：制作隨機選 號頁面任務三：制作焦點圖任務四：驗證表單注 冊頁面.掌握各種對象的 創立及常用的屬 性方法.能夠靈活運用各 種 JavaScript 對 象制作出頁面所 需的動態效果Date對象的創 建及常用的屬 性方法定時器函數的 使用Math對象的屬 性方法20任務五：倒計時3.掌握客戶端表單 驗證的方法.數組的創立訪 問，常用的屬性 及方

6、法. String對象的創 建，常用的屬性 及方法.使用正那么表達 式驗證注冊頁 面4情景4：BOM編程任務一：彈出窗口特 效I.掌握頂級對象模 型2.掌握window對 象的常用屬性方 法事件BOM.對象模型Window對象的 常用屬性方法 事件Document 對象 的常用方法4任 務二：document 對象的常用屬性方 法，制作復選框全選 效果5情景5：DOM 編程任務一：制作文檔節 點結構圖.掌握DOM模型 的特點.掌握節點的概念.能夠創立刪除節 di/八、. DOM的概念. DOM組成.使用 Core DOM 方式動態添加 表格.制作能動態搜 索排序的高級 表格12任務二：使用Co

7、re DOM方式動態添加 表格任務三：制作隨機飄 雪頁面的動態效果6情景6 ：JavaScript 與CSS交互任務一：使用 JavaScript動態改變 導航菜單樣式.掌握 JavaScript 與CSS交互的特 點及理念.能夠使用 JavaScript 和 CSS制作多姿多 彩的動態效果style 屬性className 屬性display屬性等 等的應用scrollTop 屬性 的應用16任務二：制作圖片輪 顯任務三：制作隨光標 滾動的廣告圖片任務四：制作Tab切 換效果合計：共6個情景，64學時64五、課程考核.考核方式考核方式：全過程考核。.具體過程考核要求見下表:序號主要內容考核要

8、求評分標準配分扣分得分1工作態度認真，細致完 成每一個教學 任務代碼整齊，有層次，有相 應的注釋說明102效果實現任務的實現情 況在規定的時間內順利完 成任務203創新超前能夠舉一反三 的實現頁面的 多種效果原創各種效果104考勤三次不到扣10分10自我評價教師評價六、教材及學習資源選用教材：JavaScript前端開發案例教程人民郵電出版社黑馬程序員編著。參考書目：JavaScript與jQuery實戰教材清華大學出版社，主編：盧淑萍樊紅珍, JavaScript DOM編程藝術，人民郵電出版社，Jerymy Keith著.楊濤，王建橋，楊曉云譯。 JavaScript DOM 高級程序設計

9、，人民郵電出版社，Jeffrey Sambclls,Aaron Gustafson 著. 李松峰，李雅雯譯等。七、師資與條件配備以市場需求、能力驅動加快師資隊伍專業化建設步伐，建議積極吸引行業、企業技術專 家和能工巧匠充實到教師隊伍中，形成互兼互聘、互惠互利的長效機制。教學團隊教師結構盡量那是從事多年教學工作的業務骨干，教學經驗豐富，專業結構合 理，都具有較強的職業教育教學能力和實踐能力，都能到達雙師”教師要求，符合職業教 育教學的要求。學歷結構及專業結構盡量合理，課程組專任教師中盡量都具有碩士學位，碩士學位最 少比例應占到85%。專兼教師比例盡量合理，專任教師與試驗實訓指導教師、企業兼職教師，專兼教師比例 盡量到達3：1。職稱結構與職業資格結構盡量合理，教學團隊中教授、副教授