國家中等職業(yè)教育改革開展示范學校

軟件信息與效勞專業(yè)建立

1.2.5核心課程的課程標準

9.專業(yè)課JavaScript課程標準

東莞理工學校軟件信息與效勞專業(yè)工程建立小組

課程編號：02104課程類型：非核心課程、一體化課程

學時：72適用對象：軟件與信息效勞專業(yè)二年級學生

編制者：張屹峰審核者：

編制日期：2021-07-05

一、課程的性質

1、課程定位

JavaScript工程式實例教程?課程是計算機軟件與信息效勞專業(yè)的一門重要

的專業(yè)課，定位于WEB技術開發(fā)工作崗位。它是WEB前端技術開發(fā)的必備課程,

在整個課程體系中具有重要的作用。本課程的前導課程：靜態(tài)網(wǎng)頁設計、DIV+CSS

布局。后續(xù)課程：網(wǎng)頁美工、PHP動態(tài)網(wǎng)頁設計、C#程序設計與應用等。

2、課程任務

JavaScript工程式實例教程?課程課程任務是培養(yǎng)網(wǎng)頁設計、網(wǎng)頁美工以及

WEB綜合開發(fā)的初、口級專業(yè)人才，通過本課程的學習，學生能掌握JavaScript

語言的根本編程思想，并能熟練利用JavaScript控制WEB頁面各級元素，實現(xiàn)

WEB前端的驗證、動態(tài)展示等任務。

二、職業(yè)活動

通過本課程的學習，使學生形成一定的學習能力、溝通與團隊的協(xié)作能力，

形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守

國家關于軟件與信息技術的相關法律法規(guī)，形成關鍵性的軟件開發(fā)與應用的能

力。最終成為具備較全面的軟件開發(fā)與信息效勞的技術人才。

該課程涉及的知識是Web應用程序或網(wǎng)站前端開發(fā)人員必備的根本技能,

職業(yè)活動與課程內容的對應關系如下：

Web前端開發(fā)崗位職業(yè)能力教學內容（理實一體化課）

模塊化設計思想任務模塊化（第1章）

程序設計根本流程判斷、循環(huán)構造（第2、3章）

與根本對象的交互設計事件（第4章）事件高級應用（第8章：

操作瀏覽器窗口窗口對象（第5章）

操作Document文檔對象（第6章）

操作DOMDOM對象（第7章）

動畫根底運動根底（第9章）

三、教學目標

1、職業(yè)關鍵能力目標

（1）掌握JavaScript語言的根本語法及常用的內置函數(shù)

（2）掌握事件以及事件的觸發(fā)機制

（3）掌握BOM對象的常用屬性和方法

（4）掌握文檔對象的常用屬性和方法

(5)掌握Cookie對象的使用方法

(6)掌握DOM的概念以及利用DOM操作文檔節(jié)點的方法

(7)掌握事件流和事件綁定

(8)掌握利用JavaScript設計緩沖運動的原理和方法

2、職業(yè)專門能力目標

(1)通過完成相關的工程，掌握JavaScript語言的語法構造。

(2)通過完成相關的工程，掌握JavaScript各種內置對象的使用方法和應用

情境。

(3)通過完成相關的工程，尋找發(fā)現(xiàn)問題途徑，學會解決問題的方法

3、方法能力目標

形成一定的學習能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析

問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關于軟件與信息技術的

相關法律法規(guī)，形成關鍵性的軟件開發(fā)與應用的能力。

四、課程內容

工、預備知識

學習本課程，學生必須具備的知識和技能有：計算機應用根底、HTML標記

語言、DIV+CSS網(wǎng)頁布局。如果已具有一門程序設計語言根底那么能到達更好的

學習效果。

2、核心內容

課程重難點及課時分配如下表所示:

教學重點難點學時

核心內容備注

要求(☆)(ABC)安排

JavaScript與HTML混編的方式B☆C2

判斷、循環(huán)構造A☆B5

數(shù)據(jù)類型及轉換A☆B3

字符串對象及處理函數(shù)A☆B4

事件處理機制及主要事件A☆A6

窗口對象A☆A5

文檔對象A☆A5

DOM對象A☆A6

合計36

(教學要求：A一熟練掌握；8一掌握；C-了解)(技能要求：A一熟練掌握；B_掌握；C-了解)

3、工程設計

工程設計及課時分配如下表所示：

教學重點難點學時

工程設計備注

要求(☆)(ABC)安排

工程一：對話框和頁面輸出C☆C2

工程二：簡單計算器A☆B3

工程三：統(tǒng)計成績單A☆B5

工程四：注冊頁面設計A☆B4

工程五：多窗體注冊頁面A☆A4

工程六：多功能相冊A☆A4

工程七：商品列表A☆A4

工程八：自制滾動條A☆A5

工程九：運動根底A☆A5

合計36

（教學要求：A一熟練掌握：E一掌握：C一了解）（技能要求：A一熟練掌握：B_掌握：C一了解）

4、學習情境

本課程以JavaScript程序設計語言為主要工具，學習Web應用程序或網(wǎng)站前

端開發(fā)技術。為了更好實施軟件技術專業(yè)“職業(yè)情境，工程主導〃的工學結合人

才培養(yǎng)模式，開展基于軟件產品開發(fā)，作過程的，程實踐教學，本課程組織為9

個模塊，9個工程。按照工程開發(fā)的過程進展模塊的劃分，在完成每個模塊學習

和實踐的過程中，融入相應的知識點、程序設計方法、程序調試方法和軟件設計

標準。在教學內容選取和組織過程中，突出與企業(yè)的深度融合，引進企業(yè)軟件產

品開發(fā)環(huán)境、管理標準、技術資源，校企雙方共同完本錢課程的教學與實踐。

5、工程實施

通過工程設計培養(yǎng)學生的職業(yè)素養(yǎng)。在工程設計過程中，加深對知識的理解,

提高對編程工具使用的熟練程度，掌握軟件工程開發(fā)的一般方法、步驟與流程，

熟悉程序設計的根本工作標準，養(yǎng)成良好的編程習慣。同時，通過協(xié)作完成軟件

工程開發(fā)，培養(yǎng)學生的溝通交流能力、組織協(xié)調能力、團隊合作能力和自主學習

能力。工程開發(fā)過程中，每4-5人一組，在教師的指導下，制定工程開發(fā)方案、

時間進度、工作流程等，工程組成員可以具體的分工協(xié)作。完成工程測試，工程

文檔制作等。

6、教學要求

序號課題知識要求能力要求教學建議課時

1JavaScript與初步體驗使用1＞初步體驗帶著學生共同體驗4

混編

HTMLJavaScript進展WEBJavaScript腳本內嵌任務完成過程，不

前端應用開發(fā)的方在HTM卜中的書寫方必對其中涉及的知

法法識點做過多的解釋

2、初步了解事件觸發(fā)

的概念以及函數(shù)調用

的方法

2簡單計算器掌握判斷構造的使1、熟悉變量和常量的以學習判斷構造為6

用方法概念和使用方法主線，融入其他知

2、熟悉根本數(shù)據(jù)類型識點，在工程完成

及類型轉換后對這些知識做總

3、熟悉各種運算符的結歸納

使用方法

4、熟悉判斷構造

3統(tǒng)計成績單掌握循環(huán)構造的使1、初步了解數(shù)組的概以學習循環(huán)構造為10

用方法念和使用方法。主線，融入其他知

2、初步了解對象的概識點，在工程完成

念。后對這些知識做總

3、熟悉Mat卜數(shù)學對結歸納

象的應用。

4、熟悉循環(huán)構造的使

用方法。

5、熟悉變量的作用域

4注冊頁面設計掌握事件的應用1、理解事件的概念。以學習事件為主8

2、掌握事件的觸發(fā)機線，融入其他知識

制。點，在工程完成后

3、掌握常用事件的應對這些知識做總結

用。歸納

5多窗體注冊頁掌握窗口對象1、掌握窗體對象以學習五大對象主8

面

Window的常用屬性線，融入其他知識

和方法。點，在工程完成后

2、掌握地址對象對這些知識做總結

Location的常用屬性歸納

和方法。

3、掌握歷史對象

History的常用屬性和

方法。

4、掌握屏幕對象

Screen的常用屬性和

方法。

5、掌握瀏覽器對象

Navigator的常用屬性

和方法。

6多功能相冊掌握文檔對象1、掌握文檔對象以學習文檔對象主8

Document的常用屬線，融入其他知識

性和方法。點，在工程完成后

2、掌握Cookie對象對這些知識做總結

的使用方法。歸納

3、掌握圖像對象的使

用方法。

4、掌握超級鏈接對象

的使用方法。

5、掌握利用

JavaScript設置樣式

的方法。

7商品列表掌握DOM對象1、掌握利用DOM獲以學習DOM對象8

取文檔節(jié)點的方法。主線，融入其他知

2、掌握利用DOM操識點，在工程完成

作文檔節(jié)點的方法。后對這些知識做總

3、掌握利用DOM獲結歸納

取或設置文檔節(jié)點樣

式的方法。

4、掌握利用DOM操

作表格的方法。

8自制滾動條掌握事件的高級應1、掌握事件流和事件以學習事件的高級10

應用為主線，融入

用綁定。

其他知識點，在工

2、掌握阻止瀏覽器默

程完成后對這些知

認行為的方法。

識做總結歸納

3、掌握鼠標滾輪事件

的處理方法。

9運動根底掌握利用JavaScript1、掌握物理運動的根以學習緩沖運動的10

設計思想主線，融

設計動畫的根本思木規(guī)律。

入其他知識點，在

想2、掌握緩沖運動的原

工程完成后對這些

理和實現(xiàn)方法。

知識做總結歸納

3、掌握窗口滾動事

件。

18周授課，其余時間機動（考試、復習等）

合計72

五、課程實施條件

1、人員條件

授課教師必須具備以下條件：①本科以上計算機相關專業(yè)學歷，有一定的英

語水平；②通過初級或者高級程序員考試或者拿到一些國際、國內認證的證書，

有一年以上教授相關程序設計課程或工程開發(fā)經(jīng)歷；③有網(wǎng)頁設計及Web應用

程序開發(fā)能力及經(jīng)歷；④較強的邏輯思維能力，團隊精神和協(xié)作能力，強烈的

好奇心和學習精神。

2、環(huán)境條件

本課程需要一間高性能聯(lián)網(wǎng)的計算機實訓室，需滿足每位學生一臺電腦。配

備液晶投影儀、多媒體教學軟件、DreamweaverCS5.0及以上版本、一款JavaScript

常用開發(fā)工具，如Aptana等。

六、教學組織與方法

1、教學方法

結合軟件與信息效勞專業(yè)學生特點，基于行動導向，根據(jù)每個任務的內容特

點，以真實工程進展引導開展教學。整個課程以工程任務實訓為主線，以技能培

養(yǎng)為核心來組織教學。學生在完成工程分解的任務中學習相關知識，并利用這些

知識解決工程中的問題。

(1)工程教學法

課程將WEB前端開發(fā)中的某個應用作為一個工程，并分解為多個小的任務。

每個任務的學習過程以工作過程為導向，最終形成學生的職業(yè)行動能力。

(2)小組教學法

以6人為一個單位，成立教學小組。單人完成的工程，組內可以互相學習，

催促和評價。大型復雜的工程，小組成員共同完成。

(3)視頻展示法

教師對講授內容充分提煉，將復雜的操作錄制下來，方便學生反復觀看和模

仿，形象生動的動態(tài)展示和講解。使抽象、難懂的教學內容變得直觀、易懂和容

易掌握；提高了教學效率；便于學生自主學習。

2、教學手段

(1)充分利用多媒體實訓室和多媒體課件

本課程的課堂講授全部在實訓室進展，便于使用投影設備，采用多媒體教學

手段。開發(fā)和使用的多媒體課件制作精巧并含有動態(tài)演示，其有效地增強了學生

的學習興趣。

(2)鼓勵自主學習

制作網(wǎng)絡課件，并將教學大綱、教案、習題等同時上網(wǎng)開放，激發(fā)學生學習

興趣，鼓勵學生自主學習，同時可以緩解課程信息量增加與壓縮授課學時之間的

矛盾。

(3)嚴格考評制度

設計了內容豐富、形式多樣的習題作業(yè)，以利于學生理解和掌握所學知識。

嚴格檢查平時作業(yè)完成情況，及時反應作業(yè)中反映的問題。采用定期模擬考試的

方法及時檢驗學生階段性學習成果。建立科學合理的考核評價制度，以促進學生

的學習積極性和自我學習的動力。

（4）充分利用網(wǎng)絡環(huán)境和資源

充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學活動，包括網(wǎng)絡課

程學習、自主學習、課后復習、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，

使學生可以不受時間、地點的限制，方便地進展學習。

七、教學材料

1、學材與教材

（1）選用教材

?JavaScript工程式實例教程?校內教材，張屹峰。

（2）參考書目

?JavaScriptDOM編程藝術？，人民郵電出版社,JerymyKeith著.楊濤，王建

橋，楊曉云譯

?JavaScriptDOM高級程序設計？，人民郵電出版社，JeffreySambells,Aaron

Gustafson著.李松峰，李雅雯譯

2、軟件與網(wǎng)絡

DreamweaverCS5.0及以上版本、一款JavaScript常用開發(fā)工具，如Aptana

等。

八、教學評價

1、教學評價

強調評價對教學的鼓勵、診斷和促進作用，發(fā)揮教師在評價中的主導作用，

創(chuàng)造條件實現(xiàn)評價主體的多元化，要關注學生的個別差異，鼓勵學生的創(chuàng)造實踐。

綜合運用各種形成性評價方式，全面考察學生的程序設計能力的養(yǎng)成過程，評價

與教學過程相結合，動態(tài)把握，及時引導學生情感、態(tài)度和價值觀的形成。采用

紙筆測試和上機測試相結合的方式開展總結性教學評價。要根據(jù)課程標準的要求

和具體考試內容選擇適宜的題型和考試方式，創(chuàng)造條件全面考察學生解決實際問

題的能力，防止只重視知識記憶。要注意結合學生平時學習表現(xiàn)和過程性評價結

果，改變單純一次測驗或考試為依據(jù)，評定學生一學期或整個學段學習情況的局

面，適度加大過程性評價在期末成績評定中的比重。

2、考核內容

知識模塊知識小點考核等級

1.JavaScript與HTMLJavaScript在HTML中不同寫法☆

混編模塊化編程☆☆

2.判斷構造根本數(shù)據(jù)類型☆☆☆

數(shù)據(jù)類型的轉換☆☆☆

運算符☆☆☆

判斷構造☆☆☆☆

內置函數(shù)☆☆☆

3.循環(huán)構造數(shù)組☆☆☆☆

對象的概念☆☆☆

Math數(shù)學對象☆☆☆

循環(huán)構造☆☆☆☆

變量的作用域☆☆

4.簡單事件事件的概念☆☆

事件的觸發(fā)機制☆☆☆☆

常用事件的應用☆☆☆

5.窗口對象Window對象常用屬性和方法☆☆☆

Location對象常用屬性和方法☆☆☆

History對象常用屬性和方法☆☆☆

Screen對象常用屬性和方法☆☆☆

Navigator對象常用屬性和方法☆☆☆

6.文檔對象Document對象常用屬性和方法☆☆☆

Cookie對象的使用☆☆

圖像對象的使用☆☆

超級鏈接對象的使用☆☆

利用JavaScript設置樣式