传智播客广州校区前端项目实战引入Vue.js技术

时间:2017-11-26 15:02

  自前端与移动开发学科入驻传智播客广州校区以来,受到了广大学子热捧,一个班级上百人开班的盛况不时涌现。同时,通过传智播客完善的课程体系和老师们尽职尽责的教导,也使得学员们无论在就业速度还是在就业薪资上,都取得了不错的成绩。

传智播客广州校区前端项目实战引入Vue.js技术

  那么,为什么传智播客的学员可以如此快速的就业,并取得高薪呢?因为传智播客教授给学员的内容结合了当下市场和企业的需求。比如在前端与移动开发市场上,传智播客的教研团队发现,大多数应聘者在招聘网站搜索web前端职位信息时,都会发现大量与VUE相关的岗位要求,比如:熟练vue、react、angularjs 框架之一;熟悉React、AngularJS、VUE者优先;熟悉Angular、React、webpackjQuery、vue.js等语言/框架;有vue2.0 和webpack开发经验等等。

  对此,传智播客广州校区前端教研团队在课程体系中增加了许多企业常用的真实业务和技术,将企业实际操作引入课堂,传授时下最新、最尖端的技术与知识。另外, 在2017年10月,传智播客广州校区还将率先启用由教研部门升级后的前端与移动课程。据悉,此次升级后的课程在项目实战中引入了Vue.js技术。

  据了解,传智播客前端课程采取了当下流行的、完全的前后端分离技术结构,整个系统分为三个子系统:

  1.后台管理系统:主要给系统管理员访问,负责系统数据的维护,订单数据的维护。后台管理系统主要使用技术:webpack3 + Vue2.0 + ES6 + axios + Vue-Router + elementUI, 组合来开发的一个单页应用程序。

  2.网站前台:主要提供给互联网用户访问。主要使用:webpack3 + Vue2.0 + ES6 + axios + Vue-Router + elementUI以及iView的独立组件按需引入和Vue单页应用中如何使用jQuery插件完成相应业务(这个很重要,因为有些功能vue并没有相关的组件来实现,需要借助于强大的jQuery插件来完成,实际开发中经常碰到的问题)。

  3.NodeJS开发的数据和状态管理中心:主要给后台管理系统和网站前台提供它们所需的数据,以及给这两个系统提供登录后的session状态管理,ajax跨域访问问题。使用:NodeJS + Express + Express-Session + body-parser + orm + mysql数据库组合来开发。

  系统开发完成后,传智播客还将教授学员如何优化单页应用,如何在整个系统开发过程中,使用git结合oschina.net或者github.com来进行源码管理、通用组件的单独打包、css内容单独打包、腾讯云服务器的相关操作以及将打包后的系统发布到云服务器中供互联网访问。

  在此,传智播客也希望学员们能够通过后台管理系统、网站前台和管理中心等技术的学习和实操,提升个人的系统开发经验和业务能力,使学员们能够更早的接触到实际项目,为未来升级加薪增加筹码。