浅谈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）.
转载注明来源:https://www.xzbu.com/1/view-15246693.htm