項目化新形態(tài)Web前端開發(fā)類教材建設(shè)與探索

摘要：為提高Web前端開發(fā)專業(yè)學(xué)生的學(xué)習(xí)效率，提出了開發(fā)項目化新形態(tài)Web前端開發(fā)類教材，點(diǎn)明了此類教材特色，配合省級精品在線開放課程助力開展以學(xué)生為中心的混合式教學(xué)。此類教材適合采用項目化模式組織內(nèi)容，培養(yǎng)學(xué)生的項目實踐能力和創(chuàng)新精神，并體現(xiàn)育人功能，建立立體豐富的配套資源，方便教師教學(xué)和學(xué)生學(xué)習(xí)。

關(guān)鍵詞：項目化;新形態(tài)教材;Web前端開發(fā);混合式教學(xué)

中圖分類號：G642 ? ? ? ?文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2021）32-0257-02

項目化新形態(tài)教材，是項目化的紙質(zhì)教材與精品在線開放課程有機(jī)融合的新型教材。通過項目化的紙質(zhì)教材內(nèi)容與數(shù)字資源、在線開放課程同步規(guī)劃，實現(xiàn)教材與數(shù)字資源、在線開放課程的有效聯(lián)結(jié)。紙質(zhì)教材提供項目化教學(xué)實現(xiàn)路徑，內(nèi)容體系相對完整，并利用二維碼等技術(shù)，將優(yōu)質(zhì)數(shù)字資源與紙質(zhì)教材上相關(guān)知識點(diǎn)鏈接，實現(xiàn)優(yōu)質(zhì)數(shù)字資源即掃即得與良好互動[1]。我們對其具體的實施方案及科學(xué)性和可操作性進(jìn)行一系列的研究與實踐。課前教師引導(dǎo)學(xué)生通過在線課程對相關(guān)知識點(diǎn)進(jìn)行預(yù)習(xí)，課堂上進(jìn)行綜合項目實施，帶領(lǐng)學(xué)生逐步攻克重難點(diǎn)，給學(xué)生職業(yè)實踐與體驗、學(xué)習(xí)思路與方法引領(lǐng)[2]，用項目來帶動理論的學(xué)習(xí)，在項目實施的基礎(chǔ)上通過“學(xué)-仿-創(chuàng)”[3]達(dá)到理論與實踐統(tǒng)一、知識的內(nèi)化與應(yīng)用的教學(xué)目的。線上資源隨時更新豐富，沒有傳統(tǒng)紙質(zhì)教材的局限性，根據(jù)技術(shù)的不斷更新，及時補(bǔ)充更新知識點(diǎn)和相關(guān)案例的應(yīng)用，滿足學(xué)生個性化發(fā)展需求[4-5]，融入思政和工匠精神，強(qiáng)化了育人功能，適合采用注重過程性的綜合學(xué)生評價[6]。

1 項目化新形態(tài)教材建設(shè)流程

課程教學(xué)改革的過程中邁出的每一步都應(yīng)以科研為基礎(chǔ)，配套的在線課程開發(fā)也是如此。教師應(yīng)積極開發(fā)線上資源，包括微課、技術(shù)文檔、題庫、討論等，并發(fā)布到網(wǎng)上，形成系統(tǒng)性的在線課程，供線上線下混合教學(xué)使用。

教材建設(shè)遵循“一體化設(shè)計、結(jié)構(gòu)化課程、顆?；Y源”[7]的建設(shè)理念。實現(xiàn)以“學(xué)生為中心”的個性化學(xué)習(xí)方案，調(diào)動學(xué)生的學(xué)習(xí)積極性，多維度綜合評價學(xué)生。教材難度遵從“螺旋上升”規(guī)律，方便分層教學(xué)和學(xué)生進(jìn)階。配套的在線開放課程可以不斷地根據(jù)師生的需求來完善和修改，以實現(xiàn)活頁效果，有效地拓展課程的深度和廣度，推動混合教學(xué)改革，提高課堂教學(xué)效果，提升人才培養(yǎng)質(zhì)量。

2 項目化新形態(tài)教材建設(shè)思路

在教材編寫過程中，時刻以學(xué)生的學(xué)習(xí)特點(diǎn)分析為出發(fā)點(diǎn)，在強(qiáng)調(diào)基礎(chǔ)理論學(xué)習(xí)的基礎(chǔ)上，結(jié)合Web前端技術(shù)的不斷發(fā)展，通過相關(guān)案例詳細(xì)介紹Web前端技術(shù)的實踐運(yùn)用，既實現(xiàn)理論學(xué)習(xí)的體系化，又與實踐應(yīng)用進(jìn)行了結(jié)合，強(qiáng)化對相關(guān)知識的理解。

教材設(shè)計以任務(wù)驅(qū)動，以行動為導(dǎo)向，突出能力目標(biāo)，教材內(nèi)容以符合課程要求的項目為載體，課堂教學(xué)是領(lǐng)著學(xué)生完成項目，把支撐實踐的理論知識融入項目任務(wù)中，精心設(shè)計能力的訓(xùn)練過程。教學(xué)過程以學(xué)生為主體，評價標(biāo)準(zhǔn)以學(xué)生的能力提高為主要衡量尺度，實現(xiàn)教、學(xué)、做一體化。課前和課后通過在線課程進(jìn)行預(yù)習(xí)和復(fù)習(xí)，課中進(jìn)行知識的內(nèi)化，綜合項目實踐，增強(qiáng)學(xué)生的職業(yè)體驗感?；旌鲜浇虒W(xué)有效實施。

項目化新形態(tài)教材系統(tǒng)化設(shè)計、碎片化資源生成、多樣化資源、便捷化平臺架構(gòu)、項目化驅(qū)動。針對性適用性強(qiáng)，同時精心設(shè)計教學(xué)內(nèi)容與精品在線開放課程有機(jī)整合。設(shè)計思路如圖1所示，項目化新形態(tài)教材是紙質(zhì)項目化教程、精品在線開放課程以及配套的數(shù)字資源的一體化。

3 項目化新形態(tài)教材建設(shè)特色

3.1 教材緊跟崗位需求與1+X證書

深入推進(jìn)Web前端開發(fā)人才的培養(yǎng)，將真才實學(xué)發(fā)揮在工作崗位中。教材內(nèi)容貼近1+X實戰(zhàn)，注重案例的趣味性和實用性，讓學(xué)生備考不再枯燥。為促進(jìn)“課證融通”人才培養(yǎng)和教學(xué)改革提供了便捷條件。教材融合當(dāng)前Web前端開發(fā)新技術(shù)，綜合實戰(zhàn)項目體現(xiàn)挑戰(zhàn)性，培訓(xùn)學(xué)生的團(tuán)隊合作意識和創(chuàng)新能力。

3.2 加強(qiáng)意識形態(tài)，融入工匠精神

教材中的專業(yè)知識與意識形態(tài)教育、工匠精神培養(yǎng)有機(jī)結(jié)合。引導(dǎo)他們在專業(yè)發(fā)展道路上立下鴻鵠之志。Web前端開發(fā)類的工作，要有精益求精的精神，程序出問題，往往是細(xì)節(jié)太大意，剛?cè)腴T的學(xué)生大都是輸入性錯誤，到了一定的代碼量就要考慮如何更快更高效實現(xiàn)類似應(yīng)用，如何讓用戶的體驗感更好，就要從細(xì)節(jié)認(rèn)真的思考和反復(fù)的琢磨，邊實踐邊進(jìn)行各方面的測試，并進(jìn)行反思和總結(jié)，避免類似問題重復(fù)出現(xiàn)。

3.3 教材內(nèi)容設(shè)計模塊清晰，體例新穎

教材以豐富的案例為載體，精心設(shè)計教學(xué)內(nèi)容，設(shè)計由易到難、層層遞進(jìn)的教學(xué)項目，有實戰(zhàn)項目貫穿知識體系，讓讀者學(xué)以致用。

為了讓學(xué)習(xí)者更快地上手，教材應(yīng)特別設(shè)計適合初學(xué)者的學(xué)習(xí)方式，用準(zhǔn)確的語言總結(jié)概念;用直觀的圖示演示效果;用詳細(xì)的注釋解釋代碼。每章先簡述學(xué)習(xí)目標(biāo)，然后描述任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣，再開始知識點(diǎn)介紹，讓零基礎(chǔ)的讀者了解相關(guān)概念和知識點(diǎn)應(yīng)用，順利入門后就可以進(jìn)行任務(wù)實施，通過綜合項目實踐，提高學(xué)生系統(tǒng)的運(yùn)用知識的能力，課后根據(jù)任務(wù)訓(xùn)練部分的內(nèi)容鞏固和拓展實現(xiàn)相關(guān)的一些應(yīng)用。

3.4 針對性適用性強(qiáng)，教學(xué)內(nèi)容安排遵循學(xué)生職業(yè)能力培養(yǎng)基本規(guī)律

教材針對學(xué)生，設(shè)計精美、隨掃隨學(xué)，自學(xué)中享受升華過程;針對教師，素材豐富、資源立體，備課中不斷創(chuàng)造。教材滿足生源多樣化學(xué)生學(xué)習(xí)需求，在認(rèn)真分析高職學(xué)生學(xué)習(xí)規(guī)律和認(rèn)知規(guī)律的基礎(chǔ)上，采用項目化模式組織教學(xué)內(nèi)容，增強(qiáng)職業(yè)體驗感和學(xué)習(xí)動力;教材內(nèi)容精煉，通俗易懂，既便于教學(xué)，又適合自學(xué)，培養(yǎng)學(xué)生的學(xué)習(xí)自信心、自主性與自學(xué)能力，從而提高學(xué)生Web前端開發(fā)的綜合能力。

3.5 新形態(tài)一體化設(shè)計，省級在線開放課程輔助學(xué)習(xí)

豐富的數(shù)字化資源與紙質(zhì)教材形成一體化的設(shè)計，教學(xué)中實現(xiàn)翻轉(zhuǎn)，滿足高職學(xué)生線上線下學(xué)習(xí)需求，微課等資源配有二維碼索引功能，與紙質(zhì)教材形成一體化的設(shè)計，能有效解決教學(xué)中的重點(diǎn)和難點(diǎn)。形成新型活頁式教材，實現(xiàn)“因材施教”，有利于個性化教學(xué)和Web前端開發(fā)人才培養(yǎng)。教材還配套課件、課程整體設(shè)計、課程單元設(shè)計、教學(xué)計劃、考核單、習(xí)題解答、試卷、教案等，配套資源豐富，方便教師教學(xué)和學(xué)生學(xué)習(xí)。有效彌補(bǔ)紙質(zhì)教材不能承載的內(nèi)容，及時更新擴(kuò)展，有效拓展了教學(xué)內(nèi)容的廣度和深度。

3.6 明確目標(biāo)與方向，突出學(xué)習(xí)重點(diǎn)與難點(diǎn)

每章開始有明確知識目標(biāo)和技能目標(biāo)，內(nèi)容選擇不僅注重學(xué)生知識與技能的培養(yǎng)，同時關(guān)注學(xué)生未來職業(yè)發(fā)展所需的方法與社會能力。教材涉獵面廣，并及時通過在線開放課程補(bǔ)充最新內(nèi)容，比如考慮到部分同學(xué)基礎(chǔ)不牢，在線上課程上補(bǔ)充了HTML5和CSS3相關(guān)的微課、技術(shù)文檔和相關(guān)練習(xí)，同時考慮到學(xué)得快的同學(xué)需要拓展，可以及時補(bǔ)充更多主流框架的應(yīng)用，除了jQuery、jQuery UI，還增加MUI移動端布局及交互實現(xiàn)、Bootstrap響應(yīng)式布局及交互實現(xiàn)，而且使用的是當(dāng)前的最新版本進(jìn)行講解，并突出學(xué)習(xí)重點(diǎn)與難點(diǎn)。

3.7 項目驅(qū)動理論學(xué)習(xí)，難度遵從“螺旋上升”規(guī)律

教材內(nèi)容編寫滿足學(xué)生知識與技能反復(fù)學(xué)習(xí)與應(yīng)用的需求。通過任務(wù)、項目情境等將知識與技能進(jìn)行結(jié)合，通過基礎(chǔ)性練習(xí)與拓展性活動，讓學(xué)生在知識習(xí)得與技能訓(xùn)練“反復(fù)推演”的過程中獲得建構(gòu)式的成長[8]。以項目驅(qū)動理論學(xué)習(xí)，難度遵從“螺旋上升”規(guī)律，方便分層教學(xué)。教材以培養(yǎng)職業(yè)能力為核心，以工作實踐為主線，以項目為導(dǎo)向，兼顧界面布局樣式與交互性，增加課程內(nèi)容的視覺沖擊力，以創(chuàng)建出更富交互性、更有趣、對用戶更友好的前端應(yīng)用。

3.8 根據(jù)應(yīng)用領(lǐng)域不同和不同框架支撐，打造系列教材

針對不同應(yīng)用領(lǐng)域和框架支撐，課程組編寫了多部相關(guān)的項目化新形態(tài)教材，滿足各方面的需求，我校有“十三五”江蘇省高等學(xué)校重點(diǎn)教材《JavaScript程序設(shè)計實例教程（第2版）》，移動端MUI框架教程《JavaScript移動開發(fā)項目教程》，Bootstrap響應(yīng)式開發(fā)教程《HTML5跨平臺開發(fā)基礎(chǔ)與實戰(zhàn)》（“十三五”江蘇省高等學(xué)校重點(diǎn)教材），原生JavaScript及jQuery框架應(yīng)用教程《JavaScript與jQuery案例教程》等。這些成果不僅讓本校學(xué)生獲益，也為全國高校Web前端教學(xué)做出貢獻(xiàn)，讓越來越多的學(xué)生很方便地獲得更優(yōu)質(zhì)的教學(xué)資源、更高的學(xué)習(xí)效率，更好的學(xué)習(xí)效果。

4 結(jié)語

我校Web前端開發(fā)課程組不斷地豐富和完善在線課程資源，于2019年《JavaScript及框架應(yīng)用》立項為江蘇省精品在線開放課程，其中有微課資源獲江蘇省高等學(xué)校微課教學(xué)比賽二等獎。課程面向社會學(xué)習(xí)者、高職學(xué)生、專接本學(xué)生及應(yīng)用型本科學(xué)生開放，用戶覆蓋全國31個省、自治區(qū)和直轄市。

項目化新形態(tài)教材《JavaScript與jQuery案例教程》由高等教育出版社出版，教材內(nèi)容與江蘇省精品在線開放課程配套，將項目化新形態(tài)教材與在線開放課程深度融合，有效服務(wù)于課程的混合式教學(xué)，內(nèi)容貼近1+X實戰(zhàn)，遵循職業(yè)能力培養(yǎng)規(guī)律，課程中的專業(yè)知識與意識形態(tài)教育、工匠精神培養(yǎng)有機(jī)結(jié)合。培訓(xùn)學(xué)生的團(tuán)隊合作意識和創(chuàng)新能力。幫助學(xué)生收獲學(xué)術(shù)知識、理解研究方法、熟練掌握開發(fā)技巧。通過實驗班和非實驗班教學(xué)效果的比較研究，發(fā)現(xiàn)實驗班學(xué)生對學(xué)習(xí)資源的主動利用率、項目綜合效果均好于非實驗班學(xué)生。教材對提高學(xué)生的學(xué)習(xí)積極性、培養(yǎng)學(xué)生自信、提高學(xué)習(xí)能力等方面都達(dá)到了預(yù)期效果。

定期收集部分師生的學(xué)習(xí)反饋，學(xué)生普遍反映“實戰(zhàn)性強(qiáng)，可以學(xué)到前端新知識和實用技術(shù)”。使用了本教材教學(xué)的教師反饋“課件精美，案例和素材相當(dāng)豐富，學(xué)生能順利入門，還能仿改挑戰(zhàn)性的綜合項目，課后還能線上復(fù)習(xí)和預(yù)習(xí)，很實用的教材?！睂?yīng)的線上資源根據(jù)技術(shù)的發(fā)展，不斷地完善和擴(kuò)充中，充分體現(xiàn)出新形態(tài)的優(yōu)勢。

參考文獻(xiàn)：

[1] 張尕琳.新形態(tài)一體化教材建設(shè)的教學(xué)適用性探索：以“機(jī)械制圖”課程教材為例[J].中國職業(yè)技術(shù)教育，2019（17）：50-53.

[2] 杜德昌.教材改革：新時代職業(yè)院校高質(zhì)量發(fā)展的基本保障[J].中國職業(yè)技術(shù)教育，2019（29）：11-14.

[3] 高偉明，劉青昆.創(chuàng)客教育理念下技能類課程教學(xué)模式研究：以“Flash動畫制作”為例[J].軟件， 2020，41（5）：271-274.

[4] 蔣寒宇.“互聯(lián)網(wǎng) +”背景下高職教育的學(xué)習(xí)需求與學(xué)情分析[J].才智，2019（15）：100.

[5] 王云鳳.“三教”改革背景下職業(yè)院校教材建設(shè)的實踐探索與策略[J].中國職業(yè)技術(shù)教育，2020（35）：93-96.

[6] 黃濤.可用于軟件開發(fā)類課程過程性評價的信息化工具研究[J].電腦知識與技術(shù)，2021，17（5）：32-33.

[7] 趙清梅.“互聯(lián)網(wǎng)+”背景下職業(yè)教育教材新形態(tài)一體化建設(shè)[J].中國職業(yè)技術(shù)教育，2018（20）：76-79.

[8] 蘭金林，石偉平.職業(yè)教育教材內(nèi)容的選擇與組織：職業(yè)知識的工作邏輯[J].職業(yè)技術(shù)教育，2019，40（31）： 30-35.

【通聯(lián)編輯：王力】

收稿日期：2021-03-18

基金項目：2019年江蘇省精品在線開放課程立項項目，課程名稱：JavaScript及框架應(yīng)用（蘇教高函[2019]23號），主持人：鄭麗萍;2018年省級骨干專業(yè)建設(shè)子項目：項目化課程建設(shè)與改革（PP-610205-K-06），主持人：鄭麗萍;2021年中國高等教育學(xué)會“數(shù)字化課程資源研究”專項課題：“中國高等教育學(xué)科專業(yè)類金課建設(shè)實踐及評價”研究（項目編號：21SZYB20），主持人：鄭麗萍;2021年江蘇省社科應(yīng)用研究精品工程課題（項目編號：21SYC-148），主持人：鄭麗萍;2021年中國通信工業(yè)協(xié)會：職業(yè)教育改革創(chuàng)新課題，主持人：鄭麗萍

作者簡介：鄭麗萍（1980—），女，河南開封人，講師，工程師，碩士，研究方向：高等職業(yè)教育、軟件技術(shù)等。