轻量级MVVM框架Vue.js快速上手(MVVM、SEO单页面应用、SSR服务器端渲染、Nuxt.js)
  
收藏课程
9999+

轻量级MVVM框架Vue.js快速上手(MVVM、SEO单页面应用、SSR服务器端渲染、Nuxt.js)

Vue.js是一套构建用户界面的轻量级MVVM框架,与其他重量级框架不同的是, Vue.js 的核心库只关注视图层,并且非常容易学习,很容易与其它前端技术或已有...

适合人群:中级
课时数量:18课时
用到技术:WebStorm、Node.js、Java、Tomcat、Eclipse
涉及项目:动态评分案例、图片轮播案例、管理界面案例、聊天室案例

  • 课程顾问贴心解答

    为你推荐精品课程,无论就业还是升职加薪,毫无压力。

  • 名企定制紧随大流

    量身打造紧贴企业需求的实用性课程。

  • 系统教学把控效果

    集学、测、练为一体的学习系统为你科学的安排学习进度,提高效率。

  • 一线大师1对1指导

    课程研发团队内一线资深讲师一对一指导,手把手教学,直到学会。

  • 点播答疑完美结合

    每周2-3次直播解答,保证学员日常学习问题能得到解决。

  • 量身定制学习计划

    告别杂乱的学习方式,我们会根据你的情况定制学习计划。

 

最近一个时期,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的水平。

 

 

杨迪老师,13年软件开发和教学经验,供职于美企、加企、日企等多家世界500强企业。曾经担任过高级软件工程师、高级项目经理、产品研发部部长、系统分析师、首席架构师、技术总监等职务。主持设计了工业私有云(SIPC)、教育系统公用(ARK)、蜂巢存储云(HoneyComb)、Kylin消息中间件、 Gemini混合编译器等。擅长架构设计、OpenStack、Hadoop、Spark、Docker、HBase、Java、Python、Ruby、Xtend等。

 

 

第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

 

 

 

 

 

本系课程,主要分为两部分完成
第一部分:掌握Vue.js设计规范的语法。
第二部分:通过一些实际的前端案例来强化同学们对该技术的灵活运用。
学完本系列课程后,学员将会达到以下学习目标:
只要具有JavaScript基础的学员都能灵活运用Vue.js技术设计前端程序。

 

 

亮点一、最前沿的Web前端技术

 

亮点二、单页面应用

 

亮点三、服务器端渲染

 

亮点四、Nuxt.js

 

 

1.课程针对人群

  有JavaScript和JQuery基础的同学,因为后续的Nuxt.js框架要用到Node.js,案例要用到JAVA,所以建议学习后面的课程,要有Node.js和Java的知识基础。


2.我该怎么学,如何才能学好这门课程,给些建议。

  4.1、时间上的安排建议

  建议每天收看4集教学视频

  4.2、学习要求

  建议结合Vue.js的官网教程学习,视频中的更深入知识点在Vue.js的官网教程中都有。

  4.3、讲师建议

    1.最好看完视频之后,抛开视频,独立自己去把上课中的示例写一遍,看自己是否理解,如果不正确,可以回过头看再看下视频,如果反复,达到真正理解和熟练掌握的目的。

    2.对于项目实战部分,一定要自己亲自动手做一遍,不要满足听完就OK了

    3. 建议一般听视频,一般拿个纸和笔,做一些记录和笔记,这是一种非常好的学习习惯。

    4. 一定不要过于依赖视频,要学会看API和使用百度,学会思考,学会举一反三

    5. 最后祝您学有所成

 

 

课程是属于某个特定的专业技术,掌握该技术后,你可以从事以下职位的相关工作
1.Web前端开发工程师
2.Java软件开发工程师

3.PHP工程师