互聯(lián)網(wǎng)背景下教學(xué)一體化的WEB前端開發(fā)課程教學(xué)模式探究

湯雙霞

摘 要 WEB前端開發(fā)課程是計算機相關(guān)專業(yè)重要的一門專業(yè)基礎(chǔ)課，其教學(xué)目的就是使學(xué)生通過學(xué)習(xí)WEB開發(fā)技術(shù)，具備獨立開發(fā)WEB前端產(chǎn)品的能力。信息技術(shù)的不斷發(fā)展使得原有的WEB前端開發(fā)課程教學(xué)模式已經(jīng)不再適用于當(dāng)下的教學(xué)。信息技術(shù)的教學(xué)以及WEB前端開發(fā)技術(shù)的教學(xué)應(yīng)該與時俱進，本文基于此，對于WEB前端開發(fā)進行了簡介，分析了WEB前端開發(fā)課程教學(xué)中存在的問題，提出了教學(xué)模式改進建議，以期為實際的WEB前端開發(fā)教學(xué)提供指導(dǎo)。

關(guān)鍵詞 互聯(lián)網(wǎng) WEB前端 開發(fā)教學(xué)

中圖分類號：G616文獻標(biāo)識碼：A

1 WEB前端開發(fā)簡介

所謂的WEB前端，通俗地理解就是我們所見到的網(wǎng)頁，但是實際的WEB前端所包括的內(nèi)容遠多于一個單純的網(wǎng)頁。WEB前端開發(fā)的課程主要包含HTML、JavaScript和CSS，但是信息技術(shù)的發(fā)展日新月異，如今的WEB前端又產(chǎn)生了很多的模式、理念、框架等等。因此，如今的WEB前端開發(fā)人員僅僅掌握傳統(tǒng)的HTML、JavaScript和CSS技術(shù)已經(jīng)遠遠不夠了，他們必須對未來的發(fā)展有敏銳的覺察力，并且要努力學(xué)習(xí)適應(yīng)未來發(fā)展的前端開發(fā)技術(shù)。時代的快速發(fā)展以及科技生產(chǎn)力地不斷提升必然對從業(yè)人員提出更高的要求，這同樣在無形中增加了WEB前端開發(fā)課程的教學(xué)難度。

信息技術(shù)的快速發(fā)展使得知識的傳播越來越快速、便捷，對于WEB前端開發(fā)課程而言，它不僅要教會學(xué)生相關(guān)的知識理論，同時要引導(dǎo)學(xué)生學(xué)會利用現(xiàn)代的教學(xué)工具才完成更多的自學(xué)和自練。除此之外，一名合格的、優(yōu)秀的WEB前端開發(fā)人員應(yīng)該具備各方面的知識和技能，如網(wǎng)站的基本構(gòu)建能力、網(wǎng)絡(luò)優(yōu)化能力、后臺操作能力等等。人們的需求是無止境的，經(jīng)濟的發(fā)展和生活水平的不斷提高必然導(dǎo)致人們審美能力的提高，這同樣會增加WEB前端開發(fā)和教學(xué)的難度，因此，WEB前端開發(fā)人員應(yīng)該樹立終身學(xué)習(xí)的觀念。

2 WEB前端開發(fā)課程教學(xué)中存在的問題

2.1教學(xué)內(nèi)容陳舊

時代在不斷進步，技術(shù)也在不斷更新?lián)Q代，但是很多高校的WEB前端開發(fā)課程所安排的教學(xué)內(nèi)容仍然非常老套，課程安排上仍是原有的基礎(chǔ)理論，缺少對前沿技術(shù)的講解。教學(xué)內(nèi)容應(yīng)該與時俱進，不斷更新，在保留原有精華的基礎(chǔ)之上，應(yīng)根據(jù)當(dāng)下社會的實際需求以及常用的WEB開發(fā)技術(shù)作為教學(xué)的主干。由于受到學(xué)校課程教學(xué)安排的限制以及教師自身水平能力等眾多因素的影響，在WEB前端開發(fā)課程中安排較為先進的教學(xué)內(nèi)容仍具有一定的難度，這也導(dǎo)致了很多學(xué)生的學(xué)習(xí)與社會需求產(chǎn)生脫節(jié)。

2.2教學(xué)時間安排不合理

WEB前端開發(fā)課程的教學(xué)時間安排不合理主要體現(xiàn)在兩個方面，一方面是課時安排較少，另一方面是課程教學(xué)缺乏連貫性。當(dāng)下社會對于前端開發(fā)人才的需求量非常大，但一些高校認(rèn)為WEB前端開發(fā)課程比較基礎(chǔ)，缺乏重視，過度相信學(xué)生的自我學(xué)習(xí)能力，從而導(dǎo)致學(xué)生沒有打下良好的基礎(chǔ)，也影響了后續(xù)課程的學(xué)習(xí)。另外，在實際的教學(xué)過程中，WEB前端開發(fā)課程內(nèi)容缺乏連貫性，對于一些基礎(chǔ)薄弱的學(xué)生而言，簡單的內(nèi)容跳躍就可能導(dǎo)致學(xué)生跟不上教學(xué)，這也在一定程度上影響了教學(xué)質(zhì)量。

2.3缺乏課程實踐

課程實踐對于WEB前端開發(fā)而言，是檢驗學(xué)生學(xué)習(xí)效果的最好方式。但目前大多數(shù)的高校將教學(xué)的重點放在了基礎(chǔ)理論知識的講解上，課后缺少統(tǒng)一的教學(xué)實踐課程。這樣一來，學(xué)生雖然能掌握一定的理論知識，但是無法很好的將理論知識應(yīng)用于實際的開發(fā)當(dāng)中。只有在開發(fā)實踐中遇到問題，并通過自己的努力把問題解決掉才能真正成為自己的開發(fā)經(jīng)驗。即使一些高校安排了一些統(tǒng)一的教學(xué)實踐課程，但是教師在課程實踐環(huán)節(jié)往往只讓學(xué)生做，缺少對學(xué)生必要的引導(dǎo)，比如一下開發(fā)中常見的重難點問題，這在開發(fā)過程中很容易遇到，教師應(yīng)該在合適的時機做好解答疑惑的工作，幫助學(xué)生以盡快的速度掌握WEB前端開發(fā)的核心技術(shù)。

2.4教師缺乏正確的引導(dǎo)

對于很多高校的教師而言，他們是學(xué)生的引路人，是學(xué)生學(xué)術(shù)或者職業(yè)生涯的指導(dǎo)者，但是很多教師只是完成教學(xué)任務(wù)而已，缺乏對學(xué)生正確的引導(dǎo)規(guī)劃。在很多的高校中，WEB前端的開發(fā)課程安排在大一或者大二學(xué)年，很多學(xué)生剛剛接觸軟件開發(fā)和編程還沒有入門。學(xué)習(xí)初期只是憑著一點懵懂的愛好與興趣，但是真正學(xué)習(xí)過程中，編程的枯燥和繁瑣很容易打磨掉學(xué)生的學(xué)習(xí)積極性。教師應(yīng)該及時地給予指導(dǎo)，疏通學(xué)生地心理障礙，同時引導(dǎo)學(xué)生學(xué)會編程、學(xué)會學(xué)習(xí)，給學(xué)生指引出一條可以看見未來地道路。這樣學(xué)生地學(xué)習(xí)便會增加很多動力，學(xué)習(xí)的成就感會推動著學(xué)生克服眾多困難。

3互聯(lián)網(wǎng)背景下WEB前端開發(fā)課程教學(xué)模式探究

3.1采用分層教學(xué)模式

興趣是學(xué)生最好的老師，WEB前端開發(fā)課程是整個開發(fā)課程體系中的基礎(chǔ)課程，因此在教學(xué)的過程中要積極地引導(dǎo)培育學(xué)生的學(xué)習(xí)興趣。學(xué)生的學(xué)習(xí)能力和領(lǐng)悟能力有所差異，所以信息化時代背景下的WEB前端開發(fā)課程應(yīng)該以興趣為導(dǎo)向，針對不同水平、不同能力的學(xué)習(xí)開展個性化和層次化教學(xué)。例如，教師可以利用現(xiàn)有的技術(shù)和資源搭建起自主學(xué)習(xí)平臺，教師可以把自己的教學(xué)視頻和眾多的學(xué)習(xí)資源放到教學(xué)平臺上共享，學(xué)生可以根據(jù)自己的特長及興趣點對自己所學(xué)知識進行擴展，提升自身能力。教師還可以采用分組教學(xué)的模式，根據(jù)學(xué)生的特點及學(xué)習(xí)情況分成不同的小組，教師可以根據(jù)每個小組的實際情況來安排合適的任務(wù)，對于學(xué)有余力的小組，教師可以安排一些擴展性的任務(wù)，對于學(xué)習(xí)差點的小組，教師可以安排一些基礎(chǔ)內(nèi)容，增加學(xué)生練習(xí)的機會。這樣既可以在保護學(xué)生學(xué)習(xí)積極性的基礎(chǔ)上，增加教學(xué)內(nèi)容，提升教學(xué)質(zhì)量，同時培養(yǎng)起學(xué)生對于WEB前端開發(fā)的自信心。

3.2多元化教學(xué)方式

現(xiàn)代化的技術(shù)手段為教師提供了豐富的教學(xué)手段，教師對于WEB前端開發(fā)課程的教學(xué)并不一定要以課堂的形式展開。教師可以通過一些教學(xué)平臺制作微課、也可以將更多的教學(xué)內(nèi)容融入到課程實踐當(dāng)中，邊講邊學(xué)邊實踐的教師模式能使得更多的同學(xué)一起投入到學(xué)習(xí)當(dāng)中，能夠盡最大程度的照顧到每一個同學(xué)。另外，教師還可以給學(xué)生安排自學(xué)環(huán)節(jié)，許多的高校都有公開課，這些公開課是比較基礎(chǔ)的內(nèi)容，教師可以在教學(xué)初期給學(xué)生安排一些公開課的教學(xué)，讓學(xué)生掌握基礎(chǔ)知識后再進行深度技術(shù)的學(xué)習(xí)。

3.3加大考核力度

要想真正的提升WEB前端開發(fā)課程的教學(xué)質(zhì)量，應(yīng)該再課程教學(xué)的過程中加大考核力度。所謂的“加大考核力度”可以從兩個角度去理解，一是要在日常的教學(xué)中多安排一些小任務(wù)，讓大部門的學(xué)生都能夠解決，眾多的小任務(wù)便可以組織成一個大任務(wù);二則是要加強考核的質(zhì)量，實際的考核不能僅僅以做題為標(biāo)準(zhǔn)，同時要看學(xué)生課程實踐的表現(xiàn)和效果。同時，要充分利用起一些互聯(lián)網(wǎng)教學(xué)平臺，將平常的教學(xué)考核內(nèi)容利用高效便捷的互聯(lián)網(wǎng)教學(xué)平臺來實現(xiàn)，這也是實踐新的教學(xué)模式的新手段、新方法。

3.4設(shè)定清晰教學(xué)目標(biāo)

不同院校的教學(xué)目標(biāo)可能有所差異，對于高職院校而言，WEB開發(fā)課程的教學(xué)目標(biāo)是為社會輸送實用型人才，因此，教學(xué)課程的設(shè)置應(yīng)該以社會需要為導(dǎo)向。如增加課程內(nèi)容與WEB前端行業(yè)技術(shù)需求的一致性。在大部分高校WEB前端技術(shù)課程教學(xué)遠遠落后于行業(yè)需求的狀況下，若高職院校能將實際的崗位需求進行調(diào)研，根據(jù)社會實際需求調(diào)整課程內(nèi)容，增加H5技術(shù)、交互式網(wǎng)站技術(shù)、移動WEB開發(fā)技術(shù)、響應(yīng)式網(wǎng)頁布局技術(shù)等行業(yè)最新技術(shù)，便可以真正地做到為社會輸送實用型人才的需要。另外，高職院校對于人才的培養(yǎng)可以通過校企合作的方式來進行。高校的開發(fā)技術(shù)總是落后于企業(yè)的，一方面是因為教師的知識更新速度慢，另一方面則是因為企業(yè)以盈利為目標(biāo)，采用最新的技術(shù)就有最大盈利的可能。因此，學(xué)?？梢耘c企業(yè)共同簽訂人才培養(yǎng)協(xié)議，學(xué)生在學(xué)校學(xué)習(xí)基礎(chǔ)知識理論后可以進入企業(yè)二次學(xué)習(xí)，有了基礎(chǔ)理論的支撐，再接觸先進的、市場上常用的技術(shù)加以練習(xí)，則學(xué)生進入社會后便可以很快的投入到工作當(dāng)中，提升學(xué)校人才培養(yǎng)質(zhì)量。

4結(jié)束語

信息化時代信息技術(shù)的發(fā)展日新月異，這意味著社會生產(chǎn)生活對于信息技術(shù)的要求以及對于信息技術(shù)從業(yè)人員的要求會越來越高。WEB前端開發(fā)技術(shù)應(yīng)用到的地方越來越多，過去的WEB前端開發(fā)教學(xué)模式在當(dāng)今時代已經(jīng)暴露出了很多弊端。因此，WEB前端開發(fā)教學(xué)模式應(yīng)該從時代需求出發(fā)，不斷加以創(chuàng)新，以緊跟時代發(fā)展的步伐。

參考文獻

[1] 陳惠娥，胡安明.基于SPOC翻轉(zhuǎn)課堂的教學(xué)模式研究——以《前端設(shè)計》課程為例[J].軟件工程，2019.

[2] 朱紅斌.關(guān)于WEB前端開發(fā)技術(shù)的課程教學(xué)模式的創(chuàng)新研究[J].科技風(fēng)，2018.

[3] 陳霞，吳東.基于就業(yè)導(dǎo)向的HTML5前端開發(fā)課程教學(xué)改革實踐[J].現(xiàn)代計算機（專業(yè)版），2017.

[4] 楊秀生，李挺.“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式思考[J].佳木斯職業(yè)學(xué)院學(xué)報，2016.