网站首页  词典首页

请输入您要查询的论文:

 

标题 浅谈Web前端开发课程教学研究
范文

    刘大勇

    摘 要 Web前端开发是多门课程穿插结合的综合课程,随着互联网技术、手机移动Web前端等技术兴起,Web前端开发成为计算机软件专业的一门热门课程。作者研究分析国内外高等院校及职业性院校Web前端系统开发课程的特点及现状,汲取精华祛除当前教学中存在的弊端,结合软件工程系学生特点,从专业知识、教学技术、上机教学等方面进行了针对性教学探讨及改进。

    关键词 Web前端开发 移动技术 教学方法

    中图分类号:G642文献标识码:A

    Web前端经历了一个互联网演化过程,在1.0阶段网页主要内容是文字与图片,以及少量的声音或者flash动画,访问者也只能进行相应的信息读取或者浏览。但随着互联网技术的飞速发展,以及相应技术的涌现,Web前端也进入了一个新的技术时代,当今的前端要求已经极大提高,用户要求有更加主动直观的效果或者交互,网页需要提供的功能也更加全面,更加强大。

    随着信息技术在中国不断的发展,计算机进入了千家万户,互联网作为连接14亿人的传输媒介,得到了蓬勃的发展,各种各样功能强大的Web应用如雨后春笋般出现,Web前端作为直接与用户进行交互的工具也发生了大变革。

    1 Web前端开发课程特点

    1.1综合性强

    Web前端开发课程作为一门创建与用户直接交互的界面的课程,对开发者的IT知识要求比较全面而广泛。要求学生掌握较多基础教程与高级知识,包括HTML与CSS开发、JavaScript程序开发、HTML5程序开发、PHP程序开发、MySQL数据库开发、BootStrap、小程序等。虽然PHP程序和MySQL不属于前端范畴,但实际开发当中,还是要求开发者了解后端开发,以便更好的进行前端开发。除此之外,还要求学生具备一定的PhotoShop知识。

    1.2实践性强

    Web前端开发课程的实践性很强。除上课堂上给学生进行知识教学,实践课程也至关重要,占据着非常重要的位置,重要程度不言而喻。通过实践教学,能够行之有效地提高學生对前端技术的理解,提高学生在课程上学习知识的兴趣与积极性,加强学生的代码编写能力。在实践教学中,学生可以迅速把握前端设计和开发的流程,从而全方位地掌握Web前端的开发技巧与能力。

    2课堂教学方法改革

    2.1讲授法与讨论法相结合

    在实际教学中,采用最多的教学方法是教授法,这种方法是过去几十年中最常用也是最基础的教学方法;这种方法以老师讲为主,学生被动听课,这就会导致学生的学习热情下降,会使得学生养成等着老师“喂知识”的习惯,所以还要与其它教学方法相结合。讨论法有利于把学生的被动学习转化为主动,有利于学生自发性地思考问题,自主性地学习。老师在讲授完一定知识之后,适当提出具有一定难度或者对学生来说是有挑战性的问题,让学生积极探讨,给予一定的启发引导,把学生按照一定的原则进行分组,然后进行讨论、对老师提出的问题进行逐步分解与探讨,在探讨中找寻问题解决的可能与方法。这种开放式、启发式教学过程,不仅可以激发学生的进行学习的自主性与积极性,还能够锻炼学生思考能力,提高学生分析问题、运用相应知识解决问题的能力。

    2.2项目驱动式教学方法

    我们学校在教学实施中充分考虑到学生的理解水平与接受水平,以应用型人才为培养目标。

    我们学校针对学生的基础水平设计课程大纲,不仅教授应用型技术,而且还要力争实践与理论相结合,把学生培养成计算机综合性人才。讲授Web前端课程的重点章节内容时,以项目化教学为教学手段,学生在在学习中参与项目,在实践完成项目,掌握相应的教学内容。

    3上机教学方法改革

    Web前端开发是一门要求动手能力与实践能力有高要求的课程,实践教学和项目教学是课程学习的一个重要环节。通过上机实践,可以有效提高学生对知识点的掌握,强化学生对知识点的运用能力,全面掌握Web前端开发的设计、编码与调试技术。

    3.1实验课程的内容安排

    实践采用机房上机实践的模式,教师前期提相应的要求,需要用的技术,给学生提供相应的素材,需要完成的功能和界面的展示方式。上机实践使用Sublime Text软件,对于相应的图片处理,学生可采用PhotoShop CC软件自行处理。

    上机课内容是依照京东商城做一个页面,毕竟是Web前端课程,要求学生做出相应的界面,而不必有产品评论、商品搜索、添加购物车、用户登录等动态功能,但必需要有导航栏、商品分类、产品轮播等静态页面,只要求做第一屏的界面,滚动动态加载不要求实现。

    3.2实验教学改革

    过去的上机实践教学往往通过“验证性为主”的方式,这种方法不利于提高教学中的实践积极性,今后将逐渐转变为“验证性为辅,自己动手创新为主”的实验课程教学设计模式。

    在实现轮播图片的时候,老师用JavaScript原生技术实现,然后让学生用jQuery框架实现。产品分类也要求有相应的人机交互,例如鼠标滑动到手机时,商品页应该显示相应的手机图片。

    4结束语

    通过上述一系列课程教学改革,极大地提高了学生学习的自主性、提高了学生的自发性和加强了学生的参与感,提高了学生独立分析问题、运用各种手段解决问题的能力和培养了学生独立思考的习惯,取得了良好的教学效果。随着大数据和云计算时代的到来,社会对Web前端的人才提出的要求也相应提高,Web前端开发课程必然会遇到更多的机遇和挑战,Web前端开发课程改革任重道远。

    参考文献

    [1] 袁婷.浅谈Web前端开发[J].无线互联科技,2017(02).

    [2] 张鑫,于涌,王典,任利峰.Web前端技术开发的优化与研究[J].产业与科技论坛,2018(24).

    [3] 邵英安.Web前端课程的教学探讨[J].电脑迷,2016(08).

    [4] 白晓.Web前端开发技术以及优化方向探究[J].无线互联科技,2019(07).

    [5] 赵大伟,陈刚.Web前端开发技术人才培养模式研究[J].电脑知识与技术,2015(24).

随便看

 

科学优质学术资源、百科知识分享平台,免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。

 

Copyright © 2004-2023 puapp.net All Rights Reserved
更新时间:2025/2/5 15:44:14