最近一个时期,Web前端领域出现了很多MVVM框架技术,如AngularJS、React、Vue.js、Regular等等。其中Vue.js借鉴了AngularJS的设计理念,也吸取了React和AngularJS的教训,Vue被设计成一种轻量级的MVVM框架,文档清晰,容易学习,深受前端开发人员的喜爱。而且Vue.js的市场份额也逐年上升,三年前我第一次听说Vue.js,到如今很多项目团队的前端选择了这门技术,可谓发展迅速。 由于Vue.js的语法较为简单,而且前端技术重在应用,所以本门课程把理论和实际应用结合起来,让学生不仅掌握Vue.js语法,还可以在前端开发中灵活运用。
1.课程研发环境 开发工具:WebStorm 浏览器:Firefox、Chrome 运行环境:Node.js 案例后台环境:Java、Tomcat、Eclipse 2.内容简介 Vue.js是一套构建用户界面的轻量级MVVM框架,与其他重量级框架不同的是, Vue.js 的核心库只关注视图层,并且非常容易学习,很容易与其它前端技术或已有的项目整合。 本系课程,主要分为两部分完成。第一部分:掌握Vue.js设计规范的语法。 第二部分:通过一些实际的前端案例来强化同学们对该技术的灵活运用。学完本系列课程后,学员将会达到学习目标:只要具有JavaScript基础的学员都能灵活运用Vue.js技术设计前端程序。 实践阶段由浅入深分为四个案例:动态评分、图片轮播、OLTP管理界面、聊天室。聊天室程序则体现了Vue和HTML5技术的整合,而OLTP管理界面应用在很多系统之内,是很常用的案例,里面包括CRUD的操作、数据分页、Ajax等等。通过这些案例,最终强化学生驾驭Vue.js的水平。
第1讲 Vue.js简介和MVC、MVP以及MVVM架构
第2讲 Vue.js介绍、开发工具的介绍以及HelloWorld程序演示
第3讲 Vue.js的构造器和扩展
第4讲 Vue实例的属性
第5讲 Vue实例生命周期
第6讲 计算属性
第7讲 计算属性的案例
第8讲 方法调用
第9讲 观察属性
第10讲 文本插值
第11讲 HTML插值
第12讲 属性插值和表达式
第13讲 指令的格式
第14讲 条件指令
第15讲 v-show指令
第16讲 v-bind指令
第17讲 列表渲染
第18讲 过滤器
第19讲 事件处理
第20讲 事件修饰符_1
第21讲 事件修饰符_2
第22讲 表单处理
第23讲 自定义组件_1
第24讲 自定义组件_2
第25讲 过渡效果
第26讲 动画效果
第27讲 过渡和动画的回调函数
第28讲 路由技术_1
第29讲 路由技术_2
第30讲 混合_1
第31讲 混合_2
第32讲 混合_3
第33讲 Render函数_1
第34讲 Render函数_2
第35讲 Render函数_3
第36讲 单文件工程_1
第37讲 单文件工程_2
第38讲 单元测试
第39讲 服务器端渲染_1
第40讲 服务器端渲染_2
第41讲 服务器端渲染_3
第42讲 生产环境部署
第43讲 动态评分案例_1
第44讲 动态评分案例_2
第45讲 图片轮播案例_1
第46讲 图片轮播案例_2
第47讲 图片轮播案例_3
第48讲 OLTP系统的管理界面_1
第49讲 OLTP系统的管理界面_2
第50讲 OLTP系统的管理界面_3
第51讲 OLTP系统的管理界面_4
第52讲 OLTP系统的管理界面_5
第53讲 OLTP系统的管理界面_6
第54讲 聊天室案例_1
第55讲 聊天室案例_2
第56讲 聊天室案例_3
第57讲 聊天室案例_4
第58讲 聊天室案例_5
|