Web前端通識課的教學探索與實踐

萬敏 侯松鸝

摘要：針對在非理工科專業(yè)中開設的Web前端通識課教學，如何在有限的學時內使文科生、藝術生盡快掌握Web前端知識，通過分析大學本科通識教育和學生現(xiàn)狀，結合教學實踐，提出了以培養(yǎng)學生自主學習能力為目標的案例驅動教學，并論述了具體實施方案和整體效果。

關鍵詞：通識課;Web前端;案例驅動;自主學習

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

文章編號：1009-3044（2019）18-0154-02

大學本科的一個主要任務是通識教育，其中計算機通識教育是面向高校中的非計算機專業(yè)的學生，以培養(yǎng)學生的信息素養(yǎng)和建立起與專業(yè)相關的計算機使用能力為目標[1]，通識教育面臨著更為廣泛的學生群體，因此通識教學效果的好壞對本科教學具有重要的意義。

我們學校大一第一學期開設了計算機公共課，這門課程作為一門必修課，并進行了分級教學。第二學期學校要求每個院都開設幾門通識課，考慮到互聯(lián)網(wǎng)時代，網(wǎng)頁無處不在，而且對于網(wǎng)絡爬蟲，數(shù)據(jù)處理與分析，都要用到Web中的一些基礎知識，所以決定選取《Web前端開發(fā)基礎》作為計算機通識課當中的一門，主要是面向非理工科的學生，是一門選修課，這學期開設了4個班，每班限選65位學生。

1 Web前端通識課教學探索與實踐

1.1案例驅動教學

在開設這門課程之前有很多顧慮，讓一些非理工科的學生敲代碼，能行嗎？該課程每周兩節(jié)課，全部在機房完成，根據(jù)課程安排的這個特點，開課前認真準備了教學大綱和實驗大綱，特別是實驗大綱，根據(jù)教學經(jīng)驗給每次課都精心設置了相應的案例。這學期總共準備了15個案例，其中有4個是綜合案例，是相對于不同階段的綜合性練習。

在授課時主要是采用邊講邊練的方式，采用案例驅動教學，案例的選擇和設計尤為重要[2]。每次上課前先把下一次所用到的知識點及案例布置下去，學生先思考，自己去尋求解決問題的辦法，課堂上老師圍繞這些案例來展開教學，每講完一兩個知識點，給學生一些時間練習理解。每次課結束了，案例也基本完成了，當學生看到自己的網(wǎng)頁效果時，很有成就感，激發(fā)了學生學習這門課的興趣。

從學生反饋的情況來看大多數(shù)學生對這門課很感興趣，感覺這門課很有意思，并且能夠跟上老師的教學進度，所以對于開課前的那些顧慮都打消了。并且學生們學習的積極性也很高，興趣是最好的老師，只有感興趣了，他們才會主動地去學習。

1.2學生自主探究學習

大學學習和初高中階段學習的主要不同，學生要會利用各種資源自主地去學習。老師需要指明大的方向，所以教師也需要不斷學習跟隨學科發(fā)展，才能高瞻遠矚。把體現(xiàn)計算機發(fā)展，具有時代特征的內容反映到課程體系中，讓學生跟隨時代，不斷掌握計算機的新知識和新技術，培養(yǎng)學生利用計算機解決實際問題的能力。

在互聯(lián)網(wǎng)時代，有很多在線課程和參考手冊，這些都給學生自學提供了方便。所以在學期開始時，給學生提供一些參考手冊，包括常用的一些網(wǎng)站，以便于學生自主地去探究學習。學生在碰到一些不懂的問題時也可以去查找這些參考手冊，例如w3school等。另外提供一些后續(xù)課程，指明這門課進一步學習的方向，為感興趣的學生提供幫助，學生通過課下自學掌握了更多自己感興趣的知識。學生的能力是無限的，但需要教師合理的引導，為學生指明學習方向。

在互聯(lián)網(wǎng)背景下，學生獲取知識的途徑很多，已經(jīng)不再限于從老師講授中獲取知識，例如通過慕課或其他的網(wǎng)絡課程等來學習。大學的一個主要任務就是學習能力的培養(yǎng)，這比學到一定的知識更為重要。創(chuàng)新型人才需要大量知識積累為基礎，這就需要具有主動獲取知識的意識和能力，在沒有他人教授的情況下，能夠主動通過自我學習獲取所需的知識[3]。在教授這門課的過程中發(fā)現(xiàn)部分學生的自學能力很強，而且能夠帶動其他同學的學習。在學期開始時創(chuàng)建了QQ群，有問題時，可以相互討論，有很多問題是在同學之間討論的過程中解決的，增強了同學之間的互助，方便了學生課下學習。

1.3展示個人成果，增強學生成就感

在學期開始時，就給學生布置了一個任務，這門課結束時需要提交一個綜合網(wǎng)站，內容可以根據(jù)個人興趣愛好或者和本專業(yè)相關，因為是通識課，各個專業(yè)的學生都有。要求學生課下收集素材，并在學習的過程中根據(jù)講授內容不斷補充自己的網(wǎng)站。另外每個階段學習完成之后，布置一些綜合作業(yè)，在課堂上經(jīng)常性的展示學生的作業(yè)，并鼓勵學生發(fā)布自己的網(wǎng)站，其他學生可訪問瀏覽。

在教學的過程中注重培養(yǎng)學生發(fā)現(xiàn)問題、分析問題和解決問題的能力，把學生真正放到教學的主導地位，激發(fā)學生學習的積極性和主動性。學期的最后一次課，專門用來展示自己的網(wǎng)站，整體效果還不錯，特別是一些藝術類的學生做出來的網(wǎng)站賞心悅目，這也正是開設通識課的意義所在，學生把學到的計算機知識和本專業(yè)的素養(yǎng)相結合。

1.4過程性評價考核方式

該課程采用過程性評價考核方式，注重學習過程的評價，打破了傳統(tǒng)的教學評價體系中只重結果不重過程的現(xiàn)象。采用這種考核方式教師可以及時了解學生的學習情況，更好地開展教學。重點考核實踐操作能力，注重學生創(chuàng)新意識和合作意識的培養(yǎng)。同時也應重視對整體教學效果的把控和考核，真實地反映學生的掌握程度和操作水平，調動學生學習的積極性。

2 教學中存在的問題

2.1課程安排時間不太合理

這次通識課時間主要安排在周末和晚上，學生請假比較多，特別是后面內容難度加大時，學生缺一次課就可能導致后面跟不上進度，在一定程度上影響了學習效果。大學本科教學是一個寬口徑的教學，非專業(yè)課程的學習也非常重要，所以在上課時間和學時上，學校也應該和對待專業(yè)課一樣同等重視。

2.2缺少貫穿課程始終的案例

這學期的教學雖然每次課都有相應的案例，并且也有幾個綜合案例，但是缺少一個貫穿始終的案例。若有這樣一個案例，整個課程將會更系統(tǒng)更連貫，但也可能會限制學生思維的創(chuàng)新，最后交過來的綜合網(wǎng)站可能會出現(xiàn)千篇一律的結果，如何解決該問題還有待進一步的探索。

2.3缺乏小組合作

小組合作太少，應該把學生分成不同的小組，增強小組的合作性。如果能夠把不同專業(yè)的學生組合在同一個小組下，相互合作，互補長短，最后做出來的網(wǎng)站將更加完善和豐富多彩。

2.4改善機房條件

有很多在線手冊都需要網(wǎng)絡，機房不能上網(wǎng)，影響了學生自學能力的培養(yǎng)。如果機房給學生提供網(wǎng)絡，學生碰到問題時可以及時地從網(wǎng)上查找，自己解決，增強自學能力。當然從網(wǎng)上查找答案是在自己思考的基礎上進行的，理解批判性的去接受一些答案，借助網(wǎng)絡不能脫離思考，否則會失去創(chuàng)新性。

3 結語

對于一些非理工科學生如何學習計算機方面的通識課程，考慮到操作性強的課程特點，以及文科生、藝術生對于這些知識的接受程度，提出了以培養(yǎng)自主學習為目標的案例教學法，取得了較好的學習效果。計算機學科相對于其他學科更新快，為了取得更好的教學效果，教師還需要主動更新觀念，提高教學理論水平和實踐能力，學習本專業(yè)領域的新知識，向企業(yè)學習項目開發(fā)經(jīng)驗，提高業(yè)務和科研能力。

參考文獻：

[1] 朱煒.大學計算機公共課教學改革探索[J].教育現(xiàn)代化，2017，4 （49）：121-123.

[2] 喬善平，荊山，隋永平.基于案例驅動的Java程序設計課程實驗教學探討[J].計算機教育，2018（6）：145-148.

[3] 張昱，李金雙，徐斌，等. 以自主學習培養(yǎng)為目標的大學計算機課程教學改革[J].計算機教育，2016（9）：103-105.

[4] 劉凌波，曹杰，宣恒農，等. 基于創(chuàng)新型人才培養(yǎng)的高校計算機公共課教學模式研究[J].教育現(xiàn)代化，2017（51）：9-11.

【通聯(lián)編輯：唐一東】