| 标题 | WEB前端开发课程教学研究与实践 |
| 范文 | 雷蕴 摘要：该文介绍了WEB前端开发课程的教学方法，通过递进式阶段教学了解并掌握WEB前端开发技术。 关键词：WEB前端；HTML5；CSS3技术 中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）34-0153-01 1 课程定位和应用前景 如今，前端开发工程师的职责，不是只有切图、制作网页这么简单。前端开发工程师，会熟练使用时下非常流行的HTML5、CSS3技术，架构炫酷的页面；3D、旋转、粒子效果，页面变得越来越炫，对人才的要求也越来越高。会全面掌握PC、手机、iPad等多种设备的网页呈递解决方案，响应式技术不仅仅是使用，更多的探讨使用领域。会开发微信小游戏『2048』、『围住神经猫』，借助于H5轻松开发小成本游戏。使用Facebook推出的React Native或是HTML5 Plus技术构建手机APP！HTML5颠覆原生指日可待，不管苹果还是安卓，都能用上新的APP，降低企业开发成本。掌握Ajax技术，页面不刷新，就能获得后台或是数据库中的数据，更好地呈递给用户。掌握高级面向对象、设计模式、MVC、Angular等高级程序书写技术。做大项目的时候，这些技术，能够让你的项目结构清晰，易于维护！大数据的前端可视化、借助Node.js完成全栈开发、集成测试、自动化工作流、版本控制系统、团队协同、自动化部署等等。 2 实验案例教学 我们可以分为以下這几个教学阶段： 1） 基本功；2）H5移动Web；3）HTTP；4）框架；5）模块化；6）Native App；7）Node.js；8）项目实战。 第一个阶段主要是介绍HTML+CSS、JavaScript基础、JavaScript特效、编程能力提升、jQuery基本使用等。通过项目开发掌握HTML+CSS整站开发，定时器和焦点图，常见特效，例如：tab，导航，整页滚动轮播图，用JS制作幻灯片弹出层，手风琴菜单等，掌握基于前端开发的面向对象编程基础，应用jQuery的特效和动画。 第二个阶段主要是介绍HTML5和移动WEB开发，包括HTML5、CSS3、Bootstrap移动Web开发，通过电商移动Web整站项目、CSS3炫酷活动页项目、响应式金融平台移动端项目让学生掌握该阶段开发技术。 第三个阶段主要是介绍JavaScript高级，第四个阶段主要是模块化组件化开发。面向模块编程和面向组建编程。基于组件化思想开发网站应用程序和淘宝的SeaJS实践开发。后续几个阶段内容有HTTP服务和AJAX编程、《某教育平台》综合项目、主流的流行框架、Node.js全栈开发、HTML5原生移动应用开发等。 3 课程应用领域特点 一名优秀的前端开发工程师，不单单需要掌握前端必需的各种技术，同时还要掌握其它技术，需要掌握一点后台的知识，同时也要对网站构架有一定的了解，同时还要掌握一定的SEO网站优化技术，这样才可以称之为一个“优秀的web前端开发工程师”。所以对于前端开发这门课程来说，涵盖面很广既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。需要不断的实践沉淀累积开发经验。 参考文献： [1] WEB前端开发工程师百度百科[EB]. |
| 随便看 |
|
科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。