劉小園 戴春平
(1.羅定職業(yè)技術學院 信息工程系,廣東 羅定 527200;2.廣東食品藥品職業(yè)學院 軟件學院,廣東 廣州 510520)
為了深化復合型技術技能人才培養(yǎng)培訓模式改革,夯實學生可持續(xù)發(fā)展基礎,2019年2月國務院印發(fā)了《國家職業(yè)教育改革實施方案》(以下簡稱“職教20條”),方案中明確規(guī)定要在職業(yè)院校、應用型本科高校啟動1+X證書制度試點工作,鼓勵職業(yè)院校學生在獲得學歷證書的同時,積極取得多類職業(yè)技能等級證書[1]。Web前端開發(fā)職業(yè)技能等級證書是首批啟動的6個職業(yè)技能等級證書之一,廣東食品藥品職業(yè)技術學院是Web前端開發(fā)職業(yè)技能等級證書的首批試點院校之一,于2019年12月28日組織了Web前端開發(fā)職業(yè)技能等級證書初級考試,培訓200余人,參加考證的學生45人,合格以上34人,考證合格率高達75.6%,是全國平均34.76%的實考合格率的1倍多。為了進一步推動1+X證書制度試點工作在職業(yè)院校的實施和改進,在1+X證書制度下進一步完善高職院校相關教育教學標準體系,特別是作為落實教學計劃、執(zhí)行專業(yè)人才培養(yǎng)方案和實現(xiàn)培養(yǎng)目標最基本的綱領性教學文件的課程標準的制定,關系到高職教與學的效果和人才培養(yǎng)的質(zhì)量[2]。Web前端開發(fā)課程作為Web前端開發(fā)職業(yè)技能等級中級的核心課程,如何以崗位技能目標達成為導向,以提升學生就業(yè)競爭力和可持續(xù)發(fā)展為目標,在1+X證書制度下,按照高職院校學生達到的“中級”職業(yè)技能等級的要求,研究制定Web前端開發(fā)課程標準有效促進“課證融合”,就顯得尤為重要。
Web前端開發(fā)是軟件技術專業(yè)核心課程,主要對接的崗位有網(wǎng)頁設計師和網(wǎng)站管理員,崗位核心能力是具備桌面應用程序及Web應用程序開發(fā)能力。課程通過講授以下主要教學內(nèi)容來實現(xiàn)崗位能力培養(yǎng)。使用HTML5和CSS3進行頁面基礎布局的搭建與樣式美化;利用JavaScript進行動畫效果與用戶交互邏輯的編寫;利用Bootstrap搭建后臺開發(fā)框架并創(chuàng)建數(shù)據(jù)庫;編寫后臺邏輯代碼;實現(xiàn)前后端數(shù)據(jù)交互處理;運用HTML5與CSS3進行頁面美化與性能調(diào)優(yōu);利用服務器進行網(wǎng)站發(fā)布。課程具體的崗位能力目標概括為以下四點:
(1)具備基本的HTML5編程能力,制作網(wǎng)站前期的策劃能力;
(2)具備使用HTML5+CSS3進行網(wǎng)頁整體布局和局部設計美工能力;
(3)具備利用JavaScript或其他工具進行數(shù)據(jù)交互能力;
(4)具備運用Bootstrap進行響應式網(wǎng)站開發(fā)能力。
職業(yè)技能等級證書是體現(xiàn)畢業(yè)生職業(yè)技能水平的重要憑證,可以較好地反映職業(yè)活動和個人職業(yè)生涯發(fā)展所需要的綜合能力,職業(yè)技能等級證書的取得是提升高職畢業(yè)生就業(yè)競爭力的有效手段。Web前端開發(fā)職業(yè)技能等級證書分為初、中、高三個等級,每個等級的職業(yè)技能要求有所差別,其中高級證書職業(yè)技能總體要求是具有復雜網(wǎng)頁設計開發(fā)能力和網(wǎng)站架構設計規(guī)劃能力;中級證書職業(yè)技能總體要求是具有動態(tài)網(wǎng)頁設計開發(fā)能力;初級證書職業(yè)技能總體要求是具有靜態(tài)網(wǎng)頁開發(fā)能力。按照高職畢業(yè)生對應中級證書職業(yè)技能的標準, Web前端開發(fā)對接具體崗位及教學目標,課程對應的Web前端開發(fā)職業(yè)技能等級證書(中級)職業(yè)技能具體要求見表1。
表1 Web前端開發(fā)職業(yè)技能等級證書(中級)職業(yè)技能要求
“職教20條”要求2019年啟動1+X 證書制度試點工作,是對我國職業(yè)教育改革的重要部署,也是對職業(yè)教育的重大創(chuàng)新[3]。1+X 證書制度中“1”代表學歷證書,“X”代表若干職業(yè)技能等級證書。學歷證書是培養(yǎng)德智體美勞全面發(fā)展的高素質(zhì)復合型技術技能人才的主渠道,職業(yè)技能等級證書主要突出職業(yè)技能的培養(yǎng)和考核。通過校企深度融合,引入行業(yè)和企業(yè)開發(fā)的等級證書、允許學生跨專業(yè)跨學科考證等,不僅豐富和深化了學歷教育的內(nèi)容,還使得高等職業(yè)教育能緊跟產(chǎn)業(yè)發(fā)展的新需求,為高等職業(yè)教育培養(yǎng)跨行業(yè)、跨等級的復合型技術技能人才提供了更大組合空間[4]。但由于高職學生在校時間較短,只有將學歷教育的課程崗位能力與職業(yè)技能等級證書的職業(yè)技能要求對接,才能有效結合兩者的優(yōu)勢,進而有效滿足我國產(chǎn)業(yè)轉(zhuǎn)型升級對產(chǎn)業(yè)工人的素質(zhì)和技術技能水平的提高后的要求。原來很多簡單重復的操作性職業(yè)將逐步被智能化的機器人取代,但操作性與專業(yè)性交叉融合的新型職業(yè)工種將大量涌現(xiàn),高職院校作為高素質(zhì)的復合型技術技能人才培養(yǎng)的主陣地,制定基于課程崗位能力與證書職業(yè)技能對接的課程標準,并付諸實踐,是達到社會對高職畢業(yè)生培養(yǎng)要求的重要手段之一[5]。
綜合考慮高職學生的總體情況,將Web前端開發(fā)課程崗位能力定位為職業(yè)技能等級證書中級的職業(yè)技能要求,同時兼顧初級的職業(yè)技能培養(yǎng)和后期的高級的職業(yè)技能提升,但為減少與其他課程在知識技能學習過程中的重疊,Web前端開發(fā)課程總目標定位于使學生掌握常用的網(wǎng)頁設計和網(wǎng)站工具,掌握網(wǎng)頁設計的基本技能,熟悉HTML5語言,能夠利用HTML5和CSS3知識進行Web前端網(wǎng)頁設計、制作及站點管理的基本知識和技能,能夠獨立制作中小型的靜態(tài)網(wǎng)站。
Web前端開發(fā)課程教學內(nèi)容的制定充分考慮到了Web前端開發(fā)從業(yè)人員的職業(yè)發(fā)展路徑與成長路徑,根據(jù)課程定位和課程技能目標合理安排教學內(nèi)容,主要包括:
(1)HTML5開發(fā)工具的安裝和使用;
(2)HTML5文檔結構、頁面、表單、圖形元素和屬性;
(3)使用 CSS3 的選擇器、邊框特性、新增顏色、字體、盒陰影、背景特性、盒模型、漸變功能設計移動端靜態(tài)網(wǎng)頁設計;
(4)JavaScript基本語法、函數(shù)、面向?qū)ο蠊δ艿氖褂梅椒ǎ?/p>
(5)jQuery中選擇、插件、事件和動畫功能的使用方法;
(6)jQuery事件和動畫等開發(fā)交互效果頁面設計;
(7)Bootstrap內(nèi)核解碼開發(fā)響應式頁面設計;
(8)Bootstrap布局、組件、基本樣式、插件、組件的使用方法;
(9)使用 HTML5 新增語義化元素、頁面增強元素與屬性及多媒體元素等功能美化頁面。
Web前端開發(fā)課程主要教學目標:以企業(yè)用人為導向,以崗位技能和綜合素質(zhì)為核心,掌握HTML5+CSS3網(wǎng)頁設計思想及基本設計技巧,具備運用JavaScript腳本編程語言編寫客戶端程序和Bootstrap響應式開發(fā)的能力,能從事Web 前端編程、測試、終端界面開發(fā)和網(wǎng)站發(fā)布與維護等工作的技術技能人才。通過Web前端開發(fā)課程的學習,一方面讓學生熟悉網(wǎng)頁設計師和網(wǎng)站管理員等對接崗位的職責、業(yè)務內(nèi)容和流程,具備與之適應的職業(yè)素養(yǎng);另一方面具備靜態(tài)、動態(tài)網(wǎng)站搭建工作領域和工作崗位任務所需的職業(yè)技能。考慮到職業(yè)技能的培養(yǎng)是一個整體而漫長的過程,本課程的技能目標分為職業(yè)基本技能和職業(yè)遷移技能兩個維度。
其中,職業(yè)基本技能主要包括:
(1)使用HTML5和CSS3進行頁面基礎布局的搭建與樣式美化;
(2)HTML5本地存儲與離線存儲原理及應用;
(3)HTML5 Canvas繪圖、媒體查詢及響應式開發(fā);
(4)基于 HTML5 制作響應式單頁面應用;
(5)Bootstrap樣式的統(tǒng)一使用方法;
(6)利用Bootstrap制作響應式炫彩網(wǎng)頁。
職業(yè)遷移技能主要包括:
(1)利用 JavaScript進行動畫效果與用戶交互邏輯的編寫;
(2)搭建后臺開發(fā)框架并創(chuàng)建數(shù)據(jù)庫;
(3)編寫后臺邏輯代碼;
(4)實現(xiàn)前后端數(shù)據(jù)交互處理;
(5)運用HTML5與CSS3進行頁面美化與性能調(diào)優(yōu);
(6)利用服務器進行網(wǎng)站發(fā)布。
根據(jù)上述課程內(nèi)容和課程技能目標達成,職業(yè)基本技能培養(yǎng)是重點,職業(yè)遷移目標培養(yǎng)是難點,同時結合課程團隊真實項目開發(fā),在教學過程中嵌入2個自主開發(fā)項目:學生成績管理系統(tǒng)和新生報到管理系統(tǒng)。以“新生報到管理系統(tǒng)”設計過程為主線安排教學內(nèi)容,作為教師上課示范項目,讓學生在課堂上進行練習;通過“學生成績管理系統(tǒng)”以實訓和課外大作業(yè)等實踐教學方式解決教學中的重點和難點,培養(yǎng)學生項目合作、團隊精神及創(chuàng)新能力。課程教學重點、難點及學時分配見表2。
表2課程教學重點、難點及學時分配
本課程配有豐富的網(wǎng)絡教學資源。校本資源方面:課程團隊通過學校云平臺課程資源庫建有“Web前端開發(fā)”網(wǎng)絡課程,教師可以通過網(wǎng)絡課程資源庫進行輔助教學,包括發(fā)布多媒體課件、微視頻、在線答疑、話題討論、作業(yè)提交等;學生可以通過在線輔助教學資源進行自主學習,利用該平臺可以有效打破課程教與學的時空限制。企業(yè)合作平臺方面:課程團隊與傳智播客高校教輔平臺合作,利用該平臺可以實時跟蹤學生的學習進度,并可以開展在線考試和網(wǎng)絡教學簽名等眾多功能。
衡量高職教育教學質(zhì)量的標準,不僅要注重理論“知不知道”,更要注重實踐動手能力 “會不會干”。Web前端開發(fā)課程作為職業(yè)能力培養(yǎng)的核心課程,其考核的核心是學生能夠做出一個應用系統(tǒng)。課程采用筆試、上機考試(設計)等多種考核方式。為提高學生就業(yè)競爭力,可以用獲獎或證書成果直接認定,置換學分。(如圖1所示)
Web前端開發(fā)課程標準的制定以崗位技能目標達成為導向,以提升學生就業(yè)競爭力和可持續(xù)發(fā)展為課程教學總目標,實踐證明,其實施效果良好。根據(jù)對畢業(yè)生的就業(yè)跟蹤反饋調(diào)查發(fā)現(xiàn),通過課程學習使學生掌握了Web前后端數(shù)據(jù)交互、響應式開發(fā)等知識,具備了靜態(tài)網(wǎng)頁設計、開發(fā)、調(diào)試、維護等能力,能迅速與用人單位“接軌”,受到了用人單位的好評。教學團隊的師生共同參與,先后開發(fā)了新生報到管理系統(tǒng)、基于貧困因素加權模式的高校貧困生動態(tài)數(shù)據(jù)庫系統(tǒng),并進行了學校招生信息網(wǎng)等軟件的開發(fā)和網(wǎng)站建設,上述成果都已被學校相關部門所采用,收到良好的效果,達到了能力培養(yǎng)、產(chǎn)學結合的目的。
圖1 課程考核構成
“職教20條”明確提出要完善教育教學相關標準,發(fā)揮標準在職業(yè)教育質(zhì)量提升中的基礎性作用。課程標準作為高職院校課程建設的基礎性指導綱領,在 1+X 證書制度下,基于課程崗位能力與證書職業(yè)技能對接制定的Web前端開發(fā)課程標準,有效推動了學歷證書與職業(yè)技能等級證書的有機銜接,達到了進一步夯實學生可持續(xù)發(fā)展基礎、提升畢業(yè)生就業(yè)競爭力的目的。對于推進國家職業(yè)教育教學改革,實現(xiàn)“課證融通”,具有積級作用;同時對其他相關課程標準的制定也提供了一種思路,具有一定的借鑒意義。