一 、系統(tǒng)概述

1+X試點Web前端開發(fā)是計算機類專業(yè)重要的核心課程，課程所包含的教學內容多，實踐性強，并且相關技術更新快。傳統(tǒng)的課堂講授模式以教師為中心，學生被動式接收，難以調動學生學習的積極性和主動性。混合式教學結合線上線下教學模式，以學生為中心，變被動為主動，充分調動學生學習的積極性，提升課程的教學效果。

1+X試點Web前端開發(fā)是指構建 Web 應用程序用戶界面的過程。它涵蓋了網頁設計、網頁制作以及網站的前端開發(fā)等方面。1+X試點Web前端開發(fā)考證是屬于互聯(lián)網技術領域中的一項重要工作。

作為 1+X試點Web前端開發(fā)考證人員，我們的主要任務是將設計師提供的網頁設計圖轉化為網頁前端代碼，然后通過瀏覽器展示給用戶。在這個過程中，我們需要使用 HTML、CSS和JavaScript 等技術來實現網頁的布局、樣式和交互效果。

在Web前端開發(fā)中，我們還需要掌握一些常用的前端框架和工具例如，Bootstrap 是一個流行的前端框架，它提供了一套響應式的網頁模板和組件，可以快速搭建出適配不同設備的網頁。另外，還有Vue.js和 React等JavaScript 框架，它們可以幫助我們構建復雜的單頁應用。

除了以上提到的技術和工具，作為 1+X試點Web前端開發(fā)考證人員，我們還需要了解和應用一些 Web 標準和最佳實踐。比如，響應式設計是一種設計方法，可以使網頁在不同設備上都能夠良好地展示和使用。此外，還需要關注網頁的性能優(yōu)化，包括減少 HTTP 請求、壓縮文件、使用緩存等方面的技巧來提升網頁的加載速度和用戶體驗。

二、1+X試點Web前端開發(fā)考證實訓室介紹

1+X試點Web前端開發(fā)考證實訓室的培養(yǎng)目標是培養(yǎng)掌握Web前端基礎理論知識、掌握前端開發(fā)技術、掌握移動端開發(fā)技術、掌握Web測試技術和掌握數據庫技術等知識和技能、動手能力強、適應各種崗位工作的復合應用型人才，從事Web前端開發(fā)、移動端開發(fā)、軟件測試、系統(tǒng)維護、解決方案設計等工作。

1+X試點Web前端開發(fā)考證實訓室是一個旨在提供實踐環(huán)境和教學資源的綜合實訓室。1+X試點Web前端開發(fā)考證實訓室的目標是為學生提供一個真實的1+X試點Web前端開發(fā)考證環(huán)境，使他們能夠學習并實踐1+X試點Web前端開發(fā)考證的相關技術和方法。

1+X試點Web前端開發(fā)考證實訓室建設方案系統(tǒng)是一個集硬件、軟件和教學資源于一體的綜合實訓室，1+X試點Web前端開發(fā)考證實訓室的建設旨在為學生提供一個實踐和交流的平臺，讓他們通過實際項目的開發(fā)來應用所學的知識，培養(yǎng)解決問題和合作的能力，同時也促進創(chuàng)新和創(chuàng)業(yè)精神的培養(yǎng)。這樣的實訓室可以提升學生的實踐能力，并為他們將來投身1+X試點Web前端開發(fā)考證行業(yè)做好準備。

1+X試點Web前端開發(fā)考證實訓室以1+X試點Web前端開發(fā)考證領域學習者的職業(yè)生涯發(fā)展及終身學習需求為依據，重點滿足職業(yè)院校在校學生、進修教師、企業(yè)員工、社會自學者四類對象不同層次的學習需求，聯(lián)合全國高水平院校以及企業(yè)，建設1+X試點Web前端開發(fā)考證專業(yè)優(yōu)質專業(yè)資源、課程資源、認證資源、競賽資源。企業(yè)資源等內容:優(yōu)化資源庫平臺，在“能學、輔教”的基礎上，滿足個性化學習者私人定制的實際需要，并完善平臺的運行機制，保證平臺內容的持續(xù)更新: 依托資源庫平臺，實現學生學習效果評價，能夠為企業(yè)出具學生能力分析報告，指導企業(yè)招聘和學生就業(yè)。

三、1+X試點Web前端開發(fā)考證實訓室組成

3.1 1+X試點Web前端開發(fā)考證教學平臺

平臺基于spring cloud微服務架構，提供便捷的SSO單點登錄，采用kubernetes進行部署，可支持公有云、混合云、私有云的安裝模式，數據層使用MySQL集群和MongoDB集群，實現了全流程EdvOps自動化運維，具有高內聚、松耦合、業(yè)務單一、高性能、高并發(fā)、高可能、跨平臺、跨語言等特點。主要模塊有課程制作工具、云盤、共享課、我的課、云優(yōu)選課、云視頻庫、3D模型庫。

課程制作工具：由平臺提供專用的微服務模塊進行支撐，采用websocket雙向通信技術，底層存儲采用三層遞進的緩存方式，目的就是為了加快課程資源的加載速度。自主研發(fā)視頻轉碼，在線視頻剪輯功能。支持由word文檔直接導入，并且根據標題類型自動生成目錄，方便快捷。同時支持ppt、excel、圖片、超鏈接、視頻、音頻、3D模型、章節(jié)測驗等內容的插入，實現多個超文本文件的同屏展示。

共享課：使用訂單配發(fā)或校內共享的概念，讓課程資源更大程度的進行共享。

我的課：支持從共享課資源中直接進行“生成副本”，導入進我的課中，并且同時支持自行創(chuàng)建。所有的課程資源支持導出功能，可導出為本地的離線文件，導出文件為后綴名為wz的加密文件，在使用平臺進行二次導入直接生成課程資源，便于線上傳播。

云優(yōu)選課：由行業(yè)資深從業(yè)人員在互聯(lián)網上收集整理的學習資源，包括系列類學習視頻和知識點類學習視頻，供教師和學生進行自主學習。

云視頻庫：平臺提供數百個包含各專業(yè)的微課視頻，可直接引用到課程資源中。

3D模型庫：采用three。js技術，實現在線加載3D模型，提供更加直觀形象的教學體驗。

題庫：題庫支持通用題目（單選題、多選題、判斷題、填空題、主觀題）以及實訓題目（編程題、web前端題、虛擬化題等）；對于通用類題目可采用excel模板批量導入，采用瀑布流的展示方式，可共享到校內供其他教師進行使用。

作業(yè)：支持手動建題和從題庫中選題兩種模式創(chuàng)建作業(yè)，提供作業(yè)庫模塊，作業(yè)庫內的作業(yè)可多次發(fā)放給學生，對于作業(yè)平臺提供自動評測，包括單選題、多選題、判斷題、填空題、編程題、虛擬化題。

考試：支持導入試卷、手動創(chuàng)建、題庫選題三種創(chuàng)建方式，同時支持系統(tǒng)隨機組卷功能；提供試卷庫模塊，試卷庫內的試卷可多次發(fā)放給學生，支持試卷的自動判分。

課堂活動：平臺支持多種課堂活動，如：簽到、主題討論、提問、分組任務、投票、問卷、計時器等，提高課堂的趣味性和參與性。

個人云盤：平臺將用戶在備課，教學等過程中使用的文件，保存在個人云盤空間，支持二次直接使用和存檔，實現云文件的保存。

3.2 1+X試點Web前端開發(fā)考證實訓平臺

平臺采用B/S結構，運用spring cloud微服務技術，構建多個穩(wěn)定、高效的服務模塊，提供SSO單點登錄服務，并使用統(tǒng)一的身份認證鑒權。平臺基于k8s實現公有云、混合云、私有云多種部署方式，提供在線1+X試點Web前端開發(fā)考證的運行環(huán)境，并內置代碼運行結果檢測，自動進行測評統(tǒng)計，實現真正的云開發(fā)，開箱即用，主要模塊有課程制作工具、作業(yè)、活動、云盤、共享課、我的課、云優(yōu)選課。

便捷的實驗制作工具：讓教師輕松實現pdf、ppt、word、excel等不同格式的文本、圖片、音頻、視頻、超鏈接等進行混合編排，并自動生成動態(tài)實驗目錄，從而實現不同實訓資源同屏展示。

智能代碼評測，助力1+X試點Web前端開發(fā)考證實訓：平臺支持在線對學生提交的實驗代碼進行評測，將評測結果統(tǒng)計分析后展示給教師，提高教師的教學效率，方便學生的學習過程。

提交代碼查重，防止抄襲：對于學生提交并且通過測評的1+X試點Web前端開發(fā)考證實訓代碼進行代碼的查重，防止學生互相抄襲代碼。

在線問答，及時解答學生疑問：平臺提供1+X試點Web前端開發(fā)考證實訓的在線問題，學生在1+X試點Web前端開發(fā)考證實訓過程中，通過在線問答及時與老師進行溝通，提高學習效率。

可記錄學習情況的實驗筆記：平臺為用戶在1+X試點Web前端開發(fā)考證實訓頁面提供實驗筆記功能，用戶可在實驗過程中記錄下自己的筆記。

實驗題解，幫助學生掌握實驗知識點：平臺會在每個1+X試點Web前端開發(fā)考證實訓題目后面，提供相應的實驗題解，教師可改變其是否展示給學生。從而讓學生在實驗完成之后進行學習，更好的掌握實驗的知識點。

支持高并發(fā)的評測服務：平臺采用kafka消息隊列來處理評測的請求，并內置高配置的底層沙箱服務，支持高并發(fā)的用戶同時使用。

學生測評結果自動統(tǒng)計：平臺將課堂內的用戶的評測結果進行統(tǒng)計，按照消耗內存、消耗時間兩個維度進行展示，從而直觀的展示該實驗的整體評測數據。

支持公共資源課程，便于老師教學：1+X試點Web前端開發(fā)考證實訓平臺可內置完整的實訓資源，其中包括實訓文檔以及在線資源包，用戶可以直接進行使用。

個人云盤，資源不丟失：平臺會為用戶提供云盤服務，云盤內所有文件都會按照不同的文件類型進行分開，便于用戶查看和操作。

平臺支持Web前端應用程序開發(fā)、web企業(yè)級開發(fā)、數據庫設計等實驗。

3.3 1+X試點Web前端開發(fā)考證教學資源包

1+X試點Web前端開發(fā)考證教學資源包包含專業(yè)基礎課程： 計算機應用基礎、靜態(tài)網頁設計與制作、C語言程序設計、數據結構、HTML5 + CSS3 Web 前端開發(fā)技術、計算機專業(yè)英語等。專業(yè)核心課程：HTMI5 與 JavaSeript 程序設計、UI 設計基礎、美學基礎、Bootstrap 應用開發(fā)、NodeJS 應用開發(fā)、Vue 應用程序開發(fā)、Web 前端綜合實戰(zhàn)等。

3.4 1+X試點Web前端開發(fā)考證實訓資源包

對接真實職業(yè)場景或工作情境，在校內外進行1+X試點Web前端開發(fā)考證實訓。使學生掌握網頁設計與制作的技術，能夠利用HTML5、CSS3等技術進行網頁布局，基于項目化教學的模式培養(yǎng)學生實踐動手能力；使學生了解JavaScript的基本語法，具備JavaScript的編程技巧和編程步驟；掌握常用的前端框架技術主要包含JQuery框架、Bootstrap框架、React框架、Vue框架、Angular框架等。利用數據庫管理系統(tǒng)和數據挖掘系統(tǒng)設計出能夠實現對數據庫中的數據進行添加、修改、刪除、處理、分析、理解、報表和打印等多種功能的數據管理和數據挖掘應用系統(tǒng)；并利用應用管理系統(tǒng)最終實現對數據的處理、分析和理解。

培養(yǎng)具有良好職業(yè)道德和人文素養(yǎng)，掌握web前后端數據交互、響應式開發(fā)等知識，具備動態(tài)網頁設計、開發(fā)、調試、維護等能力，能從事web前端軟件編程、軟件測試、軟件技術服務、智能終端界面開發(fā)等工作的中級技術技能人才。

3.5 1+X試點Web前端開發(fā)考證實訓室配套設施

1+X試點Web前端開發(fā)考證實訓室配套設置包含實訓室硬件設施、1+X試點Web前端開發(fā)考證軟件和工具等內容，其中硬件設施如智慧黑板、教師講臺、多媒體設備、學生實訓電腦、桌椅、服務器、交換機、機柜及1+X試點Web前端開發(fā)考證實訓室裝修和1+X試點Web前端開發(fā)考證文化建設。1+X試點Web前端開發(fā)考證軟件和工具應包含常用的1+X試點Web前端開發(fā)考證軟件和工具,這些1+X試點Web前端開發(fā)考證軟件和工具可以幫助學生進行應用程序的編寫、測試和調試。

四、1+X試點Web前端開發(fā)考證實訓室建設圖

五、1+X試點Web前端開發(fā)考證實訓室方案清單

六、1+X試點Web前端開發(fā)考證實訓室方案價值

6.1專業(yè)教學支撐

6.2教材聯(lián)合開發(fā)教材

聯(lián)合各院校教授專家，開發(fā)1+X試點Web前端開發(fā)考證專業(yè)系列教材，為院校專業(yè)實驗課程開展和教學提供參考。

6.3 產學研支撐平臺

平臺采用spring cloud微服務開發(fā)架構，各服務模塊單獨運行并提供服務接口；可提供穩(wěn)定、快速、高效的服務；平臺整體采用前后端分離和分布式微服務的彈性計算架構實現，后端主要基于Java的Spring cloud實現，前端vue實現等，具有高內聚、松耦合、業(yè)務單一、高性能、高并發(fā)、高可能、跨平臺、跨語言等特點。

平臺提供SSO單點登錄，多個應用系統(tǒng)統(tǒng)一登錄，統(tǒng)一的用戶管理，一個賬戶可登錄驗證教學全場景以及數字技術專業(yè)群實踐教學等所有應用模塊系統(tǒng)。

平臺采用kubernetes技術進行部署，支持公有云、私有云、混合云模式安裝；平臺支持多數據源從而保證技術的一致性；確保服務的穩(wěn)定、可擴展、彈性擴容；每個獨立服務支持分布式集群部署，理論上可以無限橫向擴展，提高系統(tǒng)處理能力，支持大規(guī)模并發(fā)教學全場景和數字化專業(yè)群教學實踐應用。

基礎虛擬化服務由docker和kvm兩種虛擬化技術根據學科性質進行選擇性支撐，可滿足不同的虛擬化需求，提供穩(wěn)定、可自行配置的虛擬機器。

基于全流程DevOps自動化運維，支持持續(xù)集成、分析、服務注冊與發(fā)現、系統(tǒng)監(jiān)控、性能監(jiān)控、日志管理、預警、持續(xù)部署(基于docker的鏡像倉庫，Kubernetes的容器云管理調度平臺，在線可視化管理、監(jiān)控、調度容器)。

基礎持久化層支持RDS和NoSQL兩種方式，采用MySQL集群和MongoDB集群搭建，支持基于CQRS的分布式事務處理，支持數據自動備份，同時使用于Redis集群對熱點數據進行緩存，支持大并發(fā)；支持純本地化數據源。

基礎服務層支持在線驗證碼服務、基礎文件服務、消息隊列服務、OSS對象存儲服務、用戶/鑒權服務、個人云盤服務、WebSocket服務等，保證平臺的通用性。用戶基礎信息管理：對訂單實行按業(yè)務方向進行配置，對班級、教師、學生相關信息進行新增、修改、刪除以及數據權限進行配置。

6.4 技能大賽支撐

6.5 1+X認證服務