本學期主要講授JavaScript課程，JavaScript課程作為電子商務專業商務網站設計與開發的基礎之一，與HTML、CSS構成了網站開發的主要前端技術，與php等後臺業務邏輯編程語言、數據庫技術等共同組成了網站開發的核心技術。因此可以看到JavaScript在整個前端開發中的重要地位與作用，本頭條號會將日常教學內容整理併發布到該頭條號，希望對JavaScript初學者有所幫助。
網頁前端HTML、CSS、JavaScript概念與關係
在使用Html、CSS與JavaScript進行前端開發前首先需要考慮清楚什麼是HTML、CSS、JavaScript，以及他們三者關係是什麼。三者的基本描述如下圖所示：
三者之間關係
其中HTML主要控制Web頁面的內容與結構，CSS主要用於實現對內容的樣式與展示效果進行控制，JavaScript主要用於實現對Web頁面人機交互行為進行控制。因此三者就構成了Web頁面開發的前端主要技術。
JavaScript的基本概念與工作原理
JavaScript與Java儘管在名稱中都具有Java，但兩者沒有任何關係，之所以使用JavaScript主要是藉助了Java的名聲。JavaScript是一種客戶端編程語言，主要運行與客戶端。JavaScript是典型的解釋型語言，意思就是說JavaScript可以由客戶端瀏覽器按照JavaScript技術標準進行解釋。作為一種客戶端編程語言，在Web訪問過程中，JavaScript腳本由服務器端直接發送客戶端執行，因此從服務器端資源佔用與效率角度看，JavaScript運行對服務器影響較低。其基本運行過程描述如下圖：
JavaScript基本工作原理描述
JavaScript基本工作過程描述如上圖，文件存儲在服務器端，隨著客戶端發起HTTP請求，服務器調用頁面相關JavaScript文件共同發送客戶端，客戶端瀏覽器負責解釋執行JavaScript腳本代碼。
JavaScript基礎課程所學內容
作為一門客戶端編程語言，JavaScript本身具有通俗易懂的語法，很利於初學者學習，2017年斯坦福大學將傳統CS 106課程（Programming Methodology）授課從Java語言改為JavaScript語言。足以可見對於程序開發入門者使用JavaScript更為簡單。這也反映了作為Web客戶端唯一的一門程序設計語言，在20多年發展過程中所取得的偉大成就。
JS被認為是傳統的行之有效的與服務器端語言地位相同的語言
本教程主要針對JavaScript初學者設置，即學習者沒有任何計算機程序設計基礎。課程主要教學內容描述如下：
1、JavaScript基本語法
該部分主要介紹JavaScript作為一門程序設計語言的基本語法，主要內容包括變量、常量、運算符、表達式、數組及流程控制語句、函數。除此之外Html中如何使用JavaScript（內嵌與外部鏈接等）也會在該部分進行說明。
2、面向對象類
該部分主要介紹JavaScript面向對象相關知識，對Web相關常用對象及對象屬性進行說明，如window對象。重點對JavaScript Class類的定義與使用進行詳細的介紹、說明及實操演示。
3、文檔對象模型DOM
文檔對象模型是JavaScript實現對HTML文檔操作的基礎，該部分主要從文檔對象模型角度對相關屬性與方法基本語法及使用進行詳細闡述及代碼實操展示。
4、常用鼠標鍵盤事件
事件是HTML5實現人機交互操作的基礎，該部分以鼠標鍵盤事件為基礎對JavaScript交互操作事件概念、工作原理及操作核心方法等進行詳細闡述，對部分鼠標鍵盤特效進行代碼分析與實操展示。
5、JavaScript繪圖技術
該部分主要針對HTML5提供的繪圖畫布Canvas進行繪圖編程教學，採用項目教學方法以前端網頁遊戲飛機大戰為項目背景進行完整的遊戲開發教學，通過學習使學習者掌握JavaScript與Canavs繪圖的基本學習，並完成項目遊戲開發。
本頭條號長期關注編程資訊分享；編程課程、素材、代碼分享及編程培訓。如果您對以上方面有興趣或代碼錯誤、建議與意見，可以聯繫作者，共同探討。更多程序設計相關教程及實例分享，期待大家關注與閱讀！
閱讀更多 kid編程 的文章
