云課堂讓職業(yè)院校Web前端教學(xué)更簡單
職業(yè)教育是國民教育體系和人力資源開發(fā)的重要組成部分，肩負(fù)著培養(yǎng)多樣化人才、傳承技術(shù)技能、促進(jìn)就業(yè)創(chuàng)業(yè)的重要職責(zé)。日前，“Web前端開發(fā)”這一門與實(shí)際工作崗位聯(lián)系密切且實(shí)踐性較強(qiáng)的課程愈加受到人們的重視。自互聯(lián)網(wǎng)進(jìn)入 Web2.0時(shí)代以來，特別是近年來隨著物聯(lián)網(wǎng)與大數(shù)據(jù)的發(fā)展，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端發(fā)生了翻天覆地的變化，除了傳統(tǒng)的文字與圖片，視頻、語音等其他各類媒體也在網(wǎng)頁上得到了大量的使用，使得網(wǎng)頁更加生動(dòng)形象，也讓用戶有了更好的使用體驗(yàn)。與此同時(shí)，社會(huì)對Web開發(fā)人才的需求不斷增加，從而使得Web開發(fā)類課程的重要性日益突出。因此，如何提高課程教學(xué)質(zhì)量和學(xué)生的學(xué)習(xí)效果是任課教師必須要認(rèn)真思考的問題。
基于此，本文在對目前職業(yè)院校課程教學(xué)信息化改革所面臨的問題進(jìn)行認(rèn)真分析的基礎(chǔ)上，以高職院校計(jì)算機(jī)學(xué)院“Web前端框架應(yīng)用”為例，從課前準(zhǔn)備、課堂實(shí)施（課程教學(xué)+實(shí)驗(yàn)教學(xué)）、課后拓展、期末考核、中職升學(xué)模擬技能考試平臺(tái)和學(xué)習(xí)行為統(tǒng)計(jì)等六個(gè)方面闡述基于唯眾云課堂泛在化、個(gè)性化、精準(zhǔn)化、理實(shí)一體化全流程教學(xué)，讓課堂效率倍增教學(xué)模式，并列出具體的實(shí)施步驟，以期對其他兄弟院校課程教學(xué)信息化改革提供借鑒。
一、? 職業(yè)院校Web前端教學(xué)現(xiàn)狀
Web前端技術(shù)是一門新興技術(shù)，許多職業(yè)院校都開設(shè)了這門課程，然而教學(xué)效果不盡如人意，培養(yǎng)的學(xué)生無法滿足企業(yè)的需求。據(jù)分析，問題可能有以下幾種情況：
教學(xué)目標(biāo)重理論輕實(shí)際：在教學(xué)目標(biāo)設(shè)計(jì)上，課程教學(xué)目標(biāo)多以“掌握、理解、了解”等進(jìn)行描述，注重對知識(shí)掌握程度的要求，弱化了對學(xué)生能力培養(yǎng)的要求。在教學(xué)模式上，不少教師仍然按照傳統(tǒng)“填鴨式”開展教學(xué)，課堂還是以教師為中心，注重教師教了多少而忽視學(xué)生學(xué)了多少，重知識(shí)的傳授和獲取，輕知識(shí)的加工和問題的思考，，學(xué)生只需按部就班的“依葫蘆畫瓢”，就可以完成相應(yīng)的學(xué)習(xí)。
教學(xué)內(nèi)容簡單：課程主要包含了HTML語言、CSS樣式和JavaScript等前端開發(fā)基礎(chǔ)知識(shí)，而目前主流的前端框架技術(shù)卻很少涉及。
課程前后銜接不夠，前后端交互開發(fā)的教學(xué)案例較少，導(dǎo)致前端頁面設(shè)計(jì)和后端功能開發(fā)成了“兩張皮”，不少學(xué)生不能將Web前后端開發(fā)技術(shù)進(jìn)行有機(jī)整合，
考核方式陳舊：很多教師仍然采用“課堂授課—考前復(fù)習(xí)—試卷筆試”為主的傳統(tǒng)考核模式，考核標(biāo)準(zhǔn)還是以知識(shí)考核為主，缺乏對學(xué)生能力達(dá)成的考核。在這樣的模式下，80%的學(xué)生認(rèn)為只要上課認(rèn)真聽、考前好好復(fù)習(xí)，期末筆試爭取高分即可，從而導(dǎo)致很多學(xué)生專業(yè)課程得分很高，表面是個(gè)“優(yōu)秀學(xué)生”，但是利用所學(xué)知識(shí)解決實(shí)際問題的能力較弱。
教學(xué)實(shí)踐環(huán)境與行業(yè)企業(yè)有較大的差距，主要表現(xiàn)在以下方面：
①學(xué)校需要不斷為師生配備合適的本地研發(fā)工具（如：多核高內(nèi)存的計(jì)算機(jī)設(shè)備、Mac 筆記本電腦），這些設(shè)備可能價(jià)值不菲，而且需要定期的更新?lián)Q代，學(xué)校需要更多經(jīng)費(fèi)投入。
②新加入的學(xué)生，在正式開始開發(fā)前，需要配置復(fù)雜的本地開發(fā)環(huán)境，安裝特定的軟件及插件，并熟悉項(xiàng)目的研發(fā)流程及各個(gè)線上系統(tǒng)；部分項(xiàng)目因?yàn)榫W(wǎng)絡(luò)配置等問題，可能第一時(shí)間還無法在本地啟動(dòng)，還會(huì)耽誤不少額外的配置及調(diào)試時(shí)間，增加了教學(xué)難度。
③學(xué)校需要投入較多的人力資源，才能構(gòu)建起匹配教學(xué)需求的安全管控系統(tǒng)環(huán)境。
二、基于唯眾云課堂的“Web前端框架應(yīng)用”課程教學(xué)模式構(gòu)建
云課堂是唯眾憑借十多年在職業(yè)教學(xué)領(lǐng)域耕耘，以“微服務(wù)、虛擬化、全棧云”三大核心技術(shù)為支撐，助力學(xué)校高水平專業(yè)建設(shè)。該平臺(tái)采用微服務(wù)架構(gòu)，將平臺(tái)服務(wù)精準(zhǔn)分為公共基礎(chǔ)、公共應(yīng)用、專業(yè)應(yīng)用服務(wù)。公共基礎(chǔ)服務(wù)精確為字典、banner、用戶權(quán)限、文件、認(rèn)證、網(wǎng)關(guān)、訂單、轉(zhuǎn)碼、平臺(tái)運(yùn)營、學(xué)校運(yùn)營、日志、登錄、搜索等；專業(yè)應(yīng)用服務(wù)精確為KVM虛擬化、容器虛擬化、代碼評測、工具、資源、環(huán)境等；公共應(yīng)用服務(wù)精確為課程、考試服務(wù)、云盤、云優(yōu)選、題庫、活動(dòng)、工具等。不同的微服務(wù)進(jìn)行因材施教和按需施教，可以非常方便教師實(shí)施個(gè)性化的教學(xué)模式、具體的教學(xué)內(nèi)容、針對性的教學(xué)流程，精細(xì)賦能Ｗeb前端框架應(yīng)用教學(xué)。老師利用平臺(tái)非常方便構(gòu)建多層次、立體化的教學(xué)課程資源，拓寬了學(xué)習(xí)渠道，極大地調(diào)動(dòng)了學(xué)生參與學(xué)習(xí)的積極性，提高了教學(xué)效率，實(shí)現(xiàn)了老師在家、在辦公室、在教室都可輕松進(jìn)行無差異環(huán)境備課，實(shí)現(xiàn)了與學(xué)生的“課前”“課中”“課后”和校內(nèi)校外有機(jī)結(jié)合的網(wǎng)絡(luò)在線學(xué)習(xí)、在線實(shí)踐操作，并逐步形成課堂教學(xué)與云教學(xué)相結(jié)合的混合式教學(xué)模式。該平臺(tái)在教學(xué)中的應(yīng)用，打破了校園時(shí)空限制、教學(xué)環(huán)境限制，可實(shí)現(xiàn)學(xué)生的遠(yuǎn)程學(xué)習(xí)和彈性自主學(xué)習(xí)，遠(yuǎn)程實(shí)訓(xùn)和彈性自主學(xué)訓(xùn)。唯眾云課堂充份利用KVM和容器等多種虛擬化技術(shù)進(jìn)行精準(zhǔn)化教學(xué)，根據(jù)不同的教學(xué)內(nèi)容選用不同的虛擬化技術(shù)、不同硬件資源，如GPU、CPU、算力、不同的實(shí)驗(yàn)環(huán)境，對不同軟件開發(fā)語言（C、Java、Python、html等）、同一課程的不同階段開展精細(xì)化教學(xué)。
唯眾云課堂還可根據(jù)教學(xué)的需求進(jìn)行公有云、私有云、混合云等不同方式的部署，可以適應(yīng)學(xué)校各種不同的復(fù)雜網(wǎng)絡(luò)環(huán)境和資產(chǎn)入庫需求而且性價(jià)比高、穩(wěn)定性強(qiáng)。平臺(tái)還將科研、技能大賽、1+X認(rèn)證等全流程無縫銜接各種計(jì)算機(jī)網(wǎng)絡(luò)、智能化安防、物聯(lián)網(wǎng)、人工智能等前端應(yīng)用場景，更加高效開展具有多種功能的開放式、全流程、理實(shí)一體化的Web前端教學(xué)平臺(tái)?；谖ū娫普n堂的“6+6”互動(dòng)教學(xué)流程如下圖所示。
2.1課前準(zhǔn)備
課前準(zhǔn)備分為兩個(gè)部分，教師備課與學(xué)生預(yù)習(xí)，是教學(xué)非常重要的一環(huán)，Web教學(xué)雖實(shí)踐性較強(qiáng)，但在課前進(jìn)行準(zhǔn)備環(huán)節(jié)也必不可少，傳統(tǒng)的課前準(zhǔn)備一般是教師基于課本備課、布置預(yù)習(xí)任務(wù)，學(xué)生直接看課本預(yù)習(xí)，但課本的知識(shí)過于固定，不一定適合學(xué)生現(xiàn)階段的學(xué)習(xí)程度等，導(dǎo)致預(yù)習(xí)效果非常不佳。唯眾云課堂應(yīng)用于課前準(zhǔn)備，可以解決一系列問題。
(1)教師備課
唯眾云課堂可以作為一個(gè)高效率備課平臺(tái)，將不同屬性的資源進(jìn)行轉(zhuǎn)化，還可以進(jìn)行多源格式文件、資源融合。云課堂還是全能型的備課平臺(tái)，備課內(nèi)容可以是理論教學(xué)內(nèi)容，也可以是實(shí)踐教學(xué)內(nèi)容，還可以是作業(yè)和考試。
資源進(jìn)行轉(zhuǎn)化：如下圖所示，教師用平臺(tái)提供的課程制作工具，能夠非常方便的將教師自有教學(xué)資源、平臺(tái)共享課中內(nèi)置Ｗeb前端的教學(xué)資源和云優(yōu)選課中的教學(xué)資源以及互聯(lián)網(wǎng)上優(yōu)質(zhì)的教學(xué)資源進(jìn)行整合成我的課，教師也可以將“我的課”發(fā)布到“共享課”中方便其它老師使用。
2.多源格式文件、資源融合：如下圖所示，教師利用云課堂的課程制作工作，非常方便將視頻、音頻、超鏈接、編程代碼、PPT、WORD、EXCEL、壓縮文件、PDF等融合成一個(gè)新HTML文件中，從而構(gòu)建“我的課”。
3.全能型備課：云課堂除了非常方便老師進(jìn)行日常理論教學(xué)備課，還可以對實(shí)驗(yàn)教學(xué)進(jìn)行備課，如進(jìn)行軟件工具、安裝環(huán)境、實(shí)驗(yàn)資源的提前準(zhǔn)備。
(2)學(xué)生預(yù)習(xí)
教師可綁定一個(gè)至多個(gè)班級，針對不同班級開放不同章節(jié)點(diǎn)后，學(xué)生即可根據(jù)教師布置的不同章節(jié)點(diǎn)的預(yù)習(xí)任務(wù)進(jìn)行預(yù)習(xí)。
平臺(tái)還提供互動(dòng)模塊，課前教師可發(fā)布討論活動(dòng)，詢問學(xué)生對于HTML的了解，通過師生之間、生生之間交流互動(dòng)，吸引學(xué)生參與興趣，主動(dòng)進(jìn)入課程學(xué)習(xí)狀態(tài)，讓學(xué)生在大腦里建立起HTML初步印象。
2.2課堂實(shí)施
課堂實(shí)施分為課程教學(xué)、實(shí)驗(yàn)教學(xué)、課堂活動(dòng)，教師根據(jù)課程教學(xué)需要進(jìn)行靈活安排。
(1)課程教學(xué)
云課堂提供面對面教學(xué)與遠(yuǎn)程教學(xué)，學(xué)生預(yù)習(xí)HTML章節(jié)點(diǎn)后，教師可隨時(shí)預(yù)覽當(dāng)前章節(jié)內(nèi)容，根據(jù)提前編輯好的內(nèi)容進(jìn)行理論講授，讓學(xué)生對HTML理論進(jìn)行學(xué)習(xí)，并可隨時(shí)發(fā)布章節(jié)測試、或發(fā)布任意形式任務(wù)（當(dāng)堂發(fā)布或轉(zhuǎn)發(fā)至學(xué)生群，學(xué)生掃碼即可回答）了解學(xué)生學(xué)習(xí)情況，或轉(zhuǎn)到實(shí)驗(yàn)教學(xué)進(jìn)行理論與實(shí)驗(yàn)的結(jié)合，如下圖所示。
(2)實(shí)驗(yàn)教學(xué)
對于Web前端的學(xué)習(xí)，需要讓學(xué)生進(jìn)行實(shí)踐操作，培養(yǎng)學(xué)生綜合素質(zhì)。唯眾云課堂共享課提供實(shí)驗(yàn)內(nèi)容，呈現(xiàn)各類程序設(shè)計(jì)語言及Web前端技術(shù)開發(fā)、調(diào)試、運(yùn)行環(huán)境，無需師生另外搭建，方便教學(xué)。能力較強(qiáng)的教師也可自行創(chuàng)建實(shí)訓(xùn)內(nèi)容進(jìn)行教學(xué)，在此以”HTML5簡明教程“實(shí)驗(yàn)為例。
添加實(shí)驗(yàn)：準(zhǔn)備環(huán)節(jié)結(jié)束后教師可編輯HTML實(shí)驗(yàn)文檔，介紹HTTP相關(guān)概念，發(fā)布第一個(gè)網(wǎng)頁示范代碼，向?qū)W生展示實(shí)驗(yàn)要求。
2.開始實(shí)驗(yàn)：師生根據(jù)教學(xué)要求，選取實(shí)驗(yàn)，然后點(diǎn)擊“開始實(shí)驗(yàn)”就進(jìn)入實(shí)驗(yàn)頁面，實(shí)驗(yàn)頁面采用雙屏展示，左側(cè)為實(shí)驗(yàn)文檔區(qū)，右側(cè)為web前端開發(fā)實(shí)踐操作區(qū)。平臺(tái)提供提供在線VSCode編輯器和開發(fā)環(huán)境，集成了代碼編寫、分析、編譯、調(diào)試等一整套工具能智能實(shí)現(xiàn)代碼自動(dòng)補(bǔ)全，學(xué)生可以在線提交實(shí)驗(yàn)內(nèi)容，老師可以在線查看編程結(jié)果，讓老師教學(xué)過程更高效，管理運(yùn)維更方便，初學(xué)者更容易，入門更簡單，快速進(jìn)行最佳的學(xué)習(xí)狀態(tài)。
3.點(diǎn)擊預(yù)覽，學(xué)生即可看到自己編寫的第一個(gè)HTML頁面。
4.在線問答：HTML簡明教程雖對學(xué)生來說比較簡單，但仍有些基礎(chǔ)較差的學(xué)生可能會(huì)有問題，可采用在線問答向老師尋求幫助，實(shí)現(xiàn)實(shí)驗(yàn)教學(xué)中的師生互動(dòng)。
5.實(shí)驗(yàn)反饋：實(shí)驗(yàn)中學(xué)生記錄實(shí)驗(yàn)筆記、實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)結(jié)束后教師可查看學(xué)生實(shí)驗(yàn)完成情況以及對實(shí)驗(yàn)的記錄，以便后續(xù)有針對性的進(jìn)行指導(dǎo)。
(3)課堂活動(dòng)
教師可通過簽到、主題討論、提問、分組任務(wù)、投票、問卷、計(jì)時(shí)器等課堂活動(dòng)綁定“HTML簡介”教學(xué)課堂，配合教師講授，發(fā)揮課堂中教師主導(dǎo)地位、學(xué)生主體地位，實(shí)現(xiàn)教學(xué)雙邊活動(dòng)，提高教學(xué)效果。如教師發(fā)布簽到活動(dòng)，了解學(xué)生“HTML簡介”課堂到課情況。
?
2.3課后拓展
知識(shí)的學(xué)習(xí)離不開任務(wù)（作業(yè)）的鞏固，云課堂提供標(biāo)準(zhǔn)形式任務(wù)（作業(yè)）、任意形式任務(wù)（作業(yè)）兩種形式。
(1)布置任務(wù)（作業(yè)）
如下圖所示，教師可選擇平臺(tái)提供的標(biāo)準(zhǔn)形式任務(wù)（作業(yè)），包含單選題、多選題、判斷題、填空題、主觀題，從題庫選擇或自行創(chuàng)建，創(chuàng)建完成的題目自動(dòng)進(jìn)入題庫；也可自行創(chuàng)建任意形式（作業(yè)），包含音頻、視頻、壓縮文件、文檔等多種形式的題目。
如完成“HTML簡介”章節(jié)學(xué)習(xí)后，教師可發(fā)布”HTML簡介“章節(jié)練習(xí)題，設(shè)置提交時(shí)間，對學(xué)生學(xué)習(xí)HTML成果進(jìn)行檢驗(yàn)，并可自行對”隱藏答案“按鈕進(jìn)行開關(guān)設(shè)置，選擇合適的節(jié)點(diǎn)讓學(xué)生核對自己的答案，也可在平時(shí)通過作業(yè)模塊在題庫選題或創(chuàng)建題檢驗(yàn)學(xué)生對所學(xué)知識(shí)是否融會(huì)貫通。對于任意形式的任務(wù)（作業(yè)），不限形式，不限地點(diǎn)（可轉(zhuǎn)發(fā)至群里），學(xué)生掃碼即可作答，實(shí)現(xiàn)多維度檢驗(yàn)。
?
(2)檢查任務(wù)（作業(yè)）
任務(wù)（作業(yè)）完成后，教師可看到完成學(xué)生數(shù)量，并對學(xué)生任務(wù)（作業(yè)）進(jìn)行批閱，HTML簡介是Web教學(xué)中的基礎(chǔ)章節(jié)，針對學(xué)生的對錯(cuò)情況，對后續(xù)章節(jié)進(jìn)行有目的的教學(xué)。
?
2.4期末考核
本學(xué)期的Web課程告一段落后，學(xué)生已基本掌握相關(guān)知識(shí)，教師可進(jìn)行期末考試對學(xué)生學(xué)習(xí)成果進(jìn)行檢驗(yàn)，通過對學(xué)生考試情況的整體分析，為升學(xué)做好準(zhǔn)備。考試流程如下圖所示，教師采用手動(dòng)或自動(dòng)兩種方式之一創(chuàng)建試卷，選取題目，創(chuàng)建完成的試卷自動(dòng)進(jìn)入試卷庫后，教師從試卷庫中發(fā)布試卷。
(1)考卷設(shè)置
教師選擇手動(dòng)創(chuàng)建新試卷或隨機(jī)從題庫中抽取試題組卷，簡化教師教學(xué)過程，減少不必要的時(shí)間浪費(fèi)，具體的“HTML5+CSS3網(wǎng)頁設(shè)計(jì)與制作“試卷主觀題展示圖如下所示。
?
(2)發(fā)布試卷
創(chuàng)建完成試卷后，教師可從試卷庫中找到“Web前端框架應(yīng)用”試卷并發(fā)布，發(fā)布過程中教師可綁定班級，設(shè)置開卷交卷時(shí)間、限制進(jìn)入時(shí)間，并可設(shè)置題目亂序、切屏監(jiān)控、允許監(jiān)考教師強(qiáng)制交卷、系統(tǒng)自動(dòng)提交作弊試卷、作弊試卷是否計(jì)分，提高考核有效性。
?
2.5中職升學(xué)模擬技能考試平臺(tái)
平臺(tái)還提供中職升學(xué)模擬技能考試平臺(tái)，切實(shí)模仿中職升學(xué)環(huán)境，在整個(gè)中職階段技能學(xué)習(xí)差不多后，可設(shè)置仿真模擬卷，既能讓學(xué)生通過?？济鞔_考試流程，適應(yīng)考試題型，熟悉考試環(huán)境，又能讓學(xué)習(xí)對考試不會(huì)的內(nèi)容進(jìn)行查漏補(bǔ)缺，有效的對Web相關(guān)課程進(jìn)行復(fù)習(xí)，達(dá)到“以考促教”、“以考促學(xué)”。
?
2.6學(xué)習(xí)行為統(tǒng)計(jì)
有的學(xué)生不熟悉框架屬性，有的同學(xué)不熟悉電子郵件鏈接，平臺(tái)對考試學(xué)生錯(cuò)題情況進(jìn)行統(tǒng)計(jì)，統(tǒng)計(jì)結(jié)果匯報(bào)教師，做到教師對學(xué)生了然于心，及時(shí)更改教學(xué)方式。
?
整個(gè)教學(xué)過程中各環(huán)節(jié)可自由切換，實(shí)現(xiàn)平臺(tái)一體化教學(xué)，使教學(xué)過程化繁為簡。
三、唯眾云課堂的內(nèi)置豐富的教學(xué)資源
平臺(tái)內(nèi)置豐富的教學(xué)資源，涵蓋課程教學(xué)和實(shí)驗(yàn)教學(xué)兩方面。
在課程教學(xué)方面，平臺(tái)提供共享課和云優(yōu)選課兩個(gè)模塊。
(1)共享課由平臺(tái)工程師根據(jù)教學(xué)的需要、學(xué)生的認(rèn)知發(fā)展水平和已有的經(jīng)驗(yàn)為基礎(chǔ)，創(chuàng)建分層次的Web前端應(yīng)用課程，作為公有資源課由學(xué)校購買供教師使用；另一種共享課則是由優(yōu)秀教師創(chuàng)建，共享為校有資源課供其他教師使用。共享課作為一種優(yōu)效資源有效共享的實(shí)現(xiàn)途徑，能夠減少教學(xué)區(qū)資源的浪費(fèi)，有效提高課程利用率，一定程度上減輕教師負(fù)擔(dān)，增加各種課程種類，更多的培養(yǎng)復(fù)合型、技能型人才，提高了高校的教育質(zhì)量、教學(xué)質(zhì)量。
(2)云優(yōu)選課則由平臺(tái)工程師精心從互聯(lián)網(wǎng)上搜集、甄別相關(guān)課程的第三方資源，如B站上的優(yōu)秀教學(xué)課程，并進(jìn)行整合梳理為不同類別的教學(xué)資源，方便教師搜索關(guān)鍵字，擇取符合當(dāng)堂課程的教學(xué)的優(yōu)質(zhì)資源。
(3)針對Web前端開發(fā)的教學(xué)，唯眾云課堂基于“1+X”證書制度下的專業(yè)課程體系，創(chuàng)建階梯式共享課程，目的是使學(xué)生由淺入深的對Web前端開發(fā)進(jìn)行學(xué)習(xí)，培養(yǎng)適應(yīng)不同級別需求的Web前端開發(fā)人才。為此，平臺(tái)設(shè)置計(jì)算機(jī)公共基礎(chǔ)課、Web專業(yè)基礎(chǔ)課、專業(yè)核心課、專業(yè)拓展課，學(xué)生能夠逐步接觸作為Web前端開發(fā)師所要掌握的內(nèi)容。
公共基礎(chǔ)課包括思想政治理論、黨史國史教育、健康教育、職業(yè)素養(yǎng)等，力求培養(yǎng)具有職業(yè)道德、合作意識(shí)、質(zhì)量意識(shí)、服務(wù)意識(shí)、學(xué)習(xí)意識(shí)的Web前端開發(fā)就業(yè)者。
專業(yè)基礎(chǔ)課程包括計(jì)算機(jī)應(yīng)用基礎(chǔ)、靜態(tài)網(wǎng)頁設(shè)計(jì)與制作、HTML5+CSS3 Web前端開發(fā)技術(shù)等。
專業(yè)核心課程則是加強(qiáng)Web基礎(chǔ)知識(shí)與其他相關(guān)應(yīng)用知識(shí)的聯(lián)系，培養(yǎng)掌握 Web 前后端數(shù)據(jù)交互、響應(yīng)式開發(fā)等知識(shí)，具備動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)、開發(fā)、調(diào)試、維護(hù)等能力，能從事 Web 前端軟件編程、軟件測試、軟件技術(shù)服務(wù)、智能終端界面開發(fā)等工作的中級技術(shù)技能人才。具體的Web專業(yè)核心課程教學(xué)內(nèi)容如下表所示。
表 ?Web前端教學(xué)專業(yè)核心課及教學(xué)內(nèi)容
?
為使學(xué)生更容易的構(gòu)建Web前端教學(xué)完整的知識(shí)體系框架，平臺(tái)工程師在Web共享課中內(nèi)置了優(yōu)質(zhì)的云優(yōu)選資源，穿插在課程的不同環(huán)節(jié)，方便串聯(lián)起課程之間的內(nèi)在聯(lián)系。
2.在實(shí)驗(yàn)教學(xué)方面，針對不同的專業(yè)，平臺(tái)提供軟件開發(fā)平臺(tái)、網(wǎng)絡(luò)仿真、大數(shù)據(jù)、數(shù)據(jù)媒體等板塊共享實(shí)訓(xùn)課，創(chuàng)造實(shí)訓(xùn)環(huán)境，依托虛擬仿真、人機(jī)交互技術(shù)建立起來的虛擬仿真實(shí)訓(xùn)系統(tǒng)，可以逼真的模擬操作的流程，實(shí)現(xiàn)java、Web、大數(shù)據(jù)等多種互聯(lián)網(wǎng)新興技術(shù)的學(xué)習(xí)，同時(shí)，平臺(tái)結(jié)合職校學(xué)生技能的需要，以基礎(chǔ)實(shí)驗(yàn)項(xiàng)目為導(dǎo)引, 完成對Web編程知識(shí)技能的學(xué)習(xí), 重點(diǎn)培養(yǎng)學(xué)生的綜合設(shè)計(jì)能力。在此基礎(chǔ)上, 通過對工程實(shí)踐項(xiàng)目的開發(fā), 培養(yǎng)學(xué)生的基本項(xiàng)目管理能力。項(xiàng)目實(shí)施過程中, 項(xiàng)目組成員協(xié)作、配合、團(tuán)結(jié), 逐步具備較好的團(tuán)隊(duì)協(xié)作能力;引導(dǎo)學(xué)生閱讀與項(xiàng)目相關(guān)的科研資料, 并對學(xué)科相關(guān)的科技前沿進(jìn)行初步探索, 培育初步的科研創(chuàng)新能力。
（1）基礎(chǔ)實(shí)驗(yàn)項(xiàng)目涉及的內(nèi)容主要包括互聯(lián)網(wǎng)和Web基礎(chǔ)、HTML、CSS、JavaScript、數(shù)據(jù)庫、Cookie和Session、Web安全等, 但在具體內(nèi)容的組織上, 并不像傳統(tǒng)模式那樣先練習(xí)基本知識(shí)技能, 再進(jìn)行某單元的綜合訓(xùn)練, 而是遵循項(xiàng)目驅(qū)動(dòng)理念, 在某單元開始先推出一個(gè)項(xiàng)目, 即基礎(chǔ)實(shí)驗(yàn)項(xiàng)目, 明確項(xiàng)目需求, 然后讓學(xué)生根據(jù)項(xiàng)目需求了解與學(xué)習(xí)相關(guān)知識(shí), 最終目的是通過實(shí)驗(yàn)完成項(xiàng)目的所有要求。此部分共設(shè)計(jì)了6個(gè)基礎(chǔ)實(shí)驗(yàn)項(xiàng)目, 具體的項(xiàng)目實(shí)驗(yàn)安排見下表。
表 ?基礎(chǔ)實(shí)驗(yàn)項(xiàng)目實(shí)驗(yàn)安排
?
四、小結(jié)
職業(yè)院校專業(yè)教育的缺失，確實(shí)是目前亟待關(guān)注的問題，針對Web專業(yè)教學(xué)，教師可有充分利用用互聯(lián)網(wǎng)資源、企業(yè)教學(xué)資源進(jìn)行特色備課，借助云平臺(tái)開展泛在化、個(gè)性化、精準(zhǔn)化的教學(xué)，有效使用理實(shí)一體教學(xué)平臺(tái)實(shí)現(xiàn)實(shí)驗(yàn)課程與理論課程并重的教學(xué)方式，并且可以做到教學(xué)全流程師生互動(dòng)教學(xué)，極大的降低了教師進(jìn)行Web教學(xué)的難度，激發(fā)學(xué)生的學(xué)習(xí)興趣、培養(yǎng)學(xué)生的創(chuàng)新思維、擴(kuò)寬學(xué)生的視野，提升課堂教學(xué)效率，提高了Web人才培養(yǎng)的有效性，為職業(yè)院校與企業(yè)之間建立人才輸送的穩(wěn)定橋梁。
