[TOC] # 課程目標 * [ ] 課程目標1：能夠運用前端技術相關知識對給定的B/S系統的前端部分進行**審查、識別和分析**，并能對某系統的前端頁面、樣式、腳本等進行描述、表達和分析。 * [ ] 課程目標2：能夠使用前端開發技術來設計滿足特定需求的網頁、腳本、模塊或組件，并能夠綜合運用知識進行B/S系統的前端**開發**。 * [ ] 課程目標3：能夠按照特定的前端開發需求，對B/S系統的前端部分問題進行分析、確定方案、**開展實驗**，并能對實踐過程進行紀錄、總結和評價。 * [ ] 課程目標4：能夠在前端開發實踐過程中遵守工程**職業道德和規范**，能夠判斷所選解決方案和技術是否符合職業道德和規范，并在前端開發中自覺遵守。 # 課程考核 ## 過程考核40%+期末考核60% ## 1. 過程考核 根據當期次超星學習通過程考核設置進行考核。 ## 2. 期末考核 ### 1. 判斷題 考查課程目標1，來源于章節測試。 ### 2. 選擇題 考查課程目標1，來源于隨堂考試。 ### 3. 簡答題 考查課程目標1，來源于課堂講解。 ### 4. 編程題 考查課程目標2，來源于課題講解。 * [ ] HTML（根據要求設計表單） * [ ] CSS（根據要求編寫內部樣式表） * [ ] JavaScript（根據要求編寫內部腳本） * [ ] Ajax（根據要求向服務器請求數據并展示） * [ ] jQuery（根據要求編寫內部腳本） # 推薦教材   # 推薦資料 https://developer.mozilla.org/zh-CN/docs/Web https://www.runoob.com/ https://www.w3school.com.cn/ # 案例1：軟件架構模式 * 安全性 * 成本 * 性能  # 案例2：網頁呈現過程  # 案例3：URL格式   # 案例4：URI、URL、URN  > URL只能使用ASCII字符集進行發送，如果不是ASCII字符集將對字符進行轉換，如%D6%D0%B9%FA。 > URL中空格一般使用“+”代替。 # 案例5：服務器狀態碼  [服務器狀態碼：https://www.runoob.com/http/http-status-codes.html](https://www.runoob.com/http/http-status-codes.html) # 案例6：網站首頁  # 案例7：MIME  # 案例：其他概念 ## 1. 超文本 線性結構→非線性結構 ## 2. 超媒體 非線性結構組織文本、視頻、圖片、音頻等。 ## 3. WWW World Wide Web ## 4. HTTP/FTP HTTP HTTPs FTP ## 5. 前端開發技術 HTML/CSS/JavaScript ## 6. 服務器端開發技術 JSP ## 7. 瀏覽器與內核  ## 8.開發工具 1. Nodepad++ 2. Visual Studio Code 3. Sublime Text 4. WebStorm 5. HBuilder/HBuilderX [HBuilderX-高效極客技巧 (dcloud.io)](https://dcloud.io/hbuilderx.html)