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

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

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

中圖分類號：G642 ? ? ? ?文獻標識碼：A

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

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

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

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

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

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

在教材編寫過程中，時刻以學生的學習特點分析為出發(fā)點，在強調基礎理論學習的基礎上，結合Web前端技術的不斷發(fā)展，通過相關案例詳細介紹Web前端技術的實踐運用，既實現(xiàn)理論學習的體系化，又與實踐應用進行了結合，強化對相關知識的理解。

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

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

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

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

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

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

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

3.3 教材內容設計模塊清晰，體例新穎

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

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

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

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

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

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

3.6 明確目標與方向，突出學習重點與難點

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

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

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

3.8 根據應用領域不同和不同框架支撐，打造系列教材

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

4 結語

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

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

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

參考文獻：

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

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

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

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

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

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

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

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

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

收稿日期：2021-03-18

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

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