項目教學法在“Web 前端開發”教學中的探索

福建省三明職業中專學校 余明珍

放眼當前傳統的“Web 前端開發”教學，其不太注重學生對于實際項目的設計，課本上的知識點都是分散的，教材中設計的案例知識點單一，并且很多知識點理論性強。在傳統的教學過程中，教師更多重視理論知識的灌輸和制作技巧的傳授，學生很少接觸項目，所以學習到的理論、技巧很容易脫離實際工作中項目本身的設計。相反，項目教學法能讓學生在項目中進行實踐，將掌握的知識運用到項目制作上，讓學生在實踐的過程中掌握與理解知識點，并且可以充分將企業對人才的要求與知識傳授相結合。由此可見，項目教學法在“Web 前端開發”教學中的運用具有不可替代的作用。

一、“Web 前端開發”的課程特點

隨著社會的進步、科技的飛速發展、新技術的層出不窮，現在的用戶對網站頁面效果要求越來越高。“Web 前端開發”是一門綜合性實踐類課程，其中不僅涉及HTML 基礎、CSS3運用、JavaScript 基本語法與編程等計算機操作，還對版面設計、色彩搭配等有一定的要求。這門課程不同于Flash、PS 等軟件操作類課程，單純點擊操作按鈕就能完成相應的操作，它涉及的內容相對復雜、使用的知識面廣，而且需要學生耐心地在軟件中編輯代碼。這門課程不僅要求學生有一定的審美能力，對學生的邏輯思維能力的要求更高。它要求學生擁有良好的編寫代碼習慣，具有運用色彩搭配、頁面布局來設計有較好用戶體驗的網站頁面的能力。

二、中等職業學校學生的特點

中等職業學校的學生是特殊群體，他們大部分在中學時期的學習并不是很理想，在學習上缺乏積極的學習動機，學習目標不明確，學習惰性強，對枯燥的知識點不感興趣。雖然他們知識基礎比較薄弱，但是智力素質卻不差，他們對自己的職業和社會期望較高。因此，在中等職業教育過程中要“因材施教”，注重開發學生的職業潛力，強化教學實踐環節，培養學生操作能力，將教學與職業掛鉤，極大程度提升學生的學習積極性及未來工作應用能力。

三、傳統教學方法在“Web 前端開發”教學中的不足

傳統的教學方法以教師的知識講授為主，教師在課堂上講授知識點，學生在接受知識的基礎上進行練習鞏固。傳統教學法的初衷是教師在課堂上的教學能讓學生牢牢掌握知識，而“Web 前端開發”這門課涉及很多標記的使用、CSS的引用、函數的調用等，這些知識點并不需要學生的死記硬背。在實際Web 前端開發過程中，程序員是可以上網查詢各種資料的，這門課不僅需要學生記住知識點，更重要的是要讓學生掌握實際運用的方法。傳統教學方法所體現出來的問題便是教師只顧完成讓學生掌握知識點的教學任務，并不太關注學生在實際項目操作的時候是否懂得如何將知識點與實際操作相結合。很多學生是帶著一臉茫然上機實操的，對于該如何將所學知識運用到實際案例中這個問題充滿疑惑。由于Web 前端開發涉及復雜的代碼和復雜的制作流程，教師在表述的過程中如果單純講解軟件如何運用、每個步驟如何操作，那么，整個教學過程在學生腦海中只是留下沒有實際意義的空白操作，甚至有些學生只讓知識點在腦中一掠而過。以Dreamweaver 軟件的教學而言，教師主要是遠程操控學生的電腦，讓學生觀看操作步驟，在操作的過程中教師的速度比較快，即使學生開始學習的時候充滿興趣，久而久之也會覺得枯燥無聊。學生只能觀看視頻、跟著步驟操作，學到知識卻不懂如何進行整合和運用，與實際聯系很少，這便拉遠了學生與Web 前端開發的距離。同時傳統的教學模式不夠注重知識與企業需求的對接，容易造成知識與技能的脫軌，存在教師傳授的知識在企業中并不適用的問題。

四、項目教學法在“Web 前端開發”教學中運用的優勢

項目教學法在“Web 前端開發”中運用的最大優勢就是利用實際企業中的項目，將企業需求與知識傳授相結合，教師不再簡單依賴教材中的案例，而是結合上課的知識點將項目分解，提取出本次課的項目運用案例，將教學任務分解得更為透徹。案例更加貼合實際運用，讓學生學習起來更直觀清晰和有目的性，讓他們對于知識的掌握也更具實際意義。比如在“Web 前端開發”實踐課時，教師發布一個大項目，并且分解為很多子項目，每個項目涉及的知識點不一樣，教師根據分解的項目進行知識講解，有針對性地進行知識傳授，再讓學生以小組為單位進行組內的分工與協作，讓學生在項目中實踐。在以完成項目為目標的引導下，課堂上教師不僅完成了對知識的傳授，還讓學生對知識進行了整合運用，培養了學生運用知識解決實際問題的能力。可以看出，項目教學法不僅有助于高效教學課堂的實現，更有助于學生吃透知識，快速掌握Web 前端開發的項目運用，讓每個學生都積極參與進來并且完成好自己的任務，在掌握知識的同時又培養了合作與溝通能力。

五、項目教學法在“Web 前端開發”教學中的探索

（一）課堂項目導入

在“Web 前端開發”課程正式展開時，教師可以通過欣賞優秀的Web 前端開發作品的方式進行課堂導入，以此充分調動課堂氣氛。優秀的網頁作品本身就具有很大的感染力，當學生欣賞到這些優秀網頁時，會激起自身也成為Web 前端開發“大神”的欲望。這種案例展示，能夠讓學生展望到好好學習的成果，從而能利用學生的敬仰之心調動起他們的學習積極性。

教師在授課過程中，要將企業實際需求項目案例帶入課堂，使企業對人才的要求與授課知識點相結合，充分將職業教育與企業需求相結合，摒棄傳統課堂中的“閉門造車”，讓學生不只是簡單地記住知識點，更是要將知識點運用到實際的項目中去，讓學生在“項目”中學習，在“項目”中掌握知識點。教學核心在于讓學生掌握的不僅是知識，更是一項技能。

（二）合作小組的建立

Web 前端開發項目的完成不可能只憑借一人之力，除了要求學生具有代碼編寫能力，還要求學生有色彩搭配基礎、審美能力、設計能力等，這需要分工合作，因此自然要對學生進行分工。教師在課前可以根據學生的不同特點和知識掌握情況等，將學生分成幾個合作小組。有針對性地進行分組，可以避免組內的成員因知識掌握較為薄弱而不能完成實踐項目，同時也能擴大學生的人際交往范圍，培養學生的協作能力。課上，教師根據授課內容發布相關項目任務，各小組定好組長之后對任務進行合理分配，保障小組成員都能夠發揮自己的長項，充分利用學生的團結協作來完成項目的制作。

（三）課堂項目教學實施

課堂項目教學的實施過程與傳統課堂有別，不再以教師講授知識點為主，而是以項目的實現來貫穿整個教學過程。以學生項目實踐為主，以教師分析項目、講解重難點為輔，課本上的知識點多是以微課的形式讓學生利用課前時間進行預習而不占用太多的課內時間。

課中教師要首先將項目內容進行分解，提取出本次課涉及的項目內容，對內容進行分析和示范。例如項目可以分為框架搭建模塊、CSS 美化模塊、JavaScript 模塊等，當涉及其中的知識點時，教師提取其中的項目分塊為案例進行分析講解，以一個項目的制作來貫穿整個教學，讓學生的知識掌握更具有連續性。然后，學生根據教師布置的要求共同完成項目。在教學過程中，注重學生的知識與技能的轉換，將職業教育與企業需求相結合，意在培養學生將知識運用到實際案例中去的能力。在整個教學過程中要給學生傳輸一種理念：“Web 前端開發”項目進行的過程中不免會遇到問題，我們應該有團結協作的精神，無論是項目設計還是突破環節，都需要組內人員相互配合，只有組內人員都積極轉動自己的大腦才能將項目順利進行下去。

（四）項目評價

“Web 前端開發”教學過程中的評價，不能僅僅局限于教師一人，應該將評價責任落到每位學生身上，甚至是企業身上。學生除了能夠對他人進行客觀評價之外，還要能對自己進行真實評價。比如，教師在項目回收的時候可以讓學生在課堂上對作品進行分享、互評和投票，進行小組間的項目評價。之后便要對小組內部的每個成員進行貢獻和能力的評價，評價之后還要進行有效的獎勵措施。這樣一來，學生便能夠找到學習的動力，從而激勵學生在小組內多多出力，同時防止不動腦“混”成績的情況出現。除此之外，學生對自己的評價也是很重要的，定位準確可以讓學生找到最客觀的自己，從而查缺補漏。當然，學生學到的知識最后要運用到工作中去的，讓企業介入評價不僅有助于學生對這門課程的學習，還有利于學生日后對工作崗位的了解。

網絡化的發展將“Web 前端開發”這門課程逐漸推向了熱點，其實，Web 前端開發很大程度上融合了時代的元素，科技的發展和進步都能夠在Web 前端開發的水平上體現出來。Web 前端開發面向的群體很廣，網頁幾乎與人們的日常生活密不可分。針對目前“Web 前端開發”教學效果不佳的狀況和學生不愛學的現象，教師應該先從改變自身教學方法入手，項目教學法便是一種實用、有效的，將知識轉換為技能并且讓課堂不再枯燥的教學方法，它能讓學生將知識應用到項目中去，在實踐中出真知。