Vue3前端开发零基础入门到实战教程

本课程循序渐进地介绍了Vue框架的用法,帮助学员掌握用Vue3开发前端Web的技能

422人学习

中级15课时2023/10/18更新

二维码下载学堂APP缓存视频离线看

零巴哒
    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
Web前端:框架技术(套餐系列)
通俗易懂的Bootstrap视频课程(适合初学者的教程)
57895人学习
¥29.00
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)
1576250人学习
¥69.00
AngularJS基础入门视频课程
15584人学习
¥29.00
更 多 3 门 课 程
Vue.js系列专题课(套餐)
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)
1576250人学习
¥69.00
Vue 3.0 新特性多面解析(走在技术前沿)
4823人学习
¥69.00
【精品课】Vue.js实现电商后台管理系统(企业项目实战)
16947人学习
¥199.00
更 多 5 门 课 程
前端零基础学习VUE
HTML + CSS零基础经典教程系列
72613人学习
¥29.00
JavaScript经典教程系列
137241人学习
¥129.00
JavaScript - ES6系列视频教程
35707人学习
¥20.00
更 多 5 门 课 程
Vue全家桶实战+后台管理权限实战+小程序项目实战
2020新vue2.5视频教程 核心技术讲解+实战精讲教程 vue快速入门
21283人学习
¥28.00
20全新 vue2.5视频教程 vue项目实战 cubeui全家桶单页面仿京东电商实战
78927人学习
¥49.00
2020全新elementUI项目实战教程 vue整合Echarts后台权限视频教程
22495人学习
¥59.80
更 多 6 门 课 程
Vue全家桶实战+后台管理权限实战+小程序项目实战
2020新vue2.5视频教程 核心技术讲解+实战精讲教程 vue快速入门
21283人学习
¥28.00
20全新 vue2.5视频教程 vue项目实战 cubeui全家桶单页面仿京东电商实战
78927人学习
¥49.00
2020全新elementUI项目实战教程 vue整合Echarts后台权限视频教程
22495人学习
¥59.80
更 多 6 门 课 程
  • 课程介绍
  • 课程大纲

适合人群:

本课程适合所有对前端开发有兴趣的学员学习,不仅介绍了Vue的基本用法,还介绍了企业应用的实战开发技能,可以帮助学员在前端开发领域顺利找到工作。

你将会学到:

本课程循序渐进地介绍了Vue框架的用法,帮助学员掌握用Vue3开发前端Web的技能

课程简介:

课程详情

本课程循序渐进地介绍了Vue框架的用法,主要内容包括前后端分离的基本原理、MVVM设计模式、Vue的基本用法、内置指令、自定义指令、计算属性与数据监听、绑定表单、绑定CSS样式、CSS过渡和动画、Vue组件的开发、路由器、Vue CLI脚手架工具、组合API、Axios和状态管理等。


课程大纲


本课程主要包括以下内容:

第1课 Vue3简介

第2课 Vue指令

第3课 计算属性和数据监听

第4课 绑定表单

第5课 绑定CSS样式

第6课 CSS过渡和动画

第7课 Vue组件开发基础

第8课 Vue组件开发高级技术

第9课 虚拟DOM和render()函数

第10课 Vue CLI脚手架工具

第11课 Vue Router路由管理器

第12课 组合(Composition)API

第13课 通过Axios访问服务器

第14课 通过Vuex进行状态管理

第15课 创建前后端分离的综合购物网站应用(Vue+Spring)


讲师简介


本课程由Java开发专家孙卫琴老师讲解,孙卫琴老师除了有着丰富的软件项目开发和设计经验,还擅长著书写作,而且是优秀的软件开发讲师,在复旦大学、上海交大等高校,以及大型知名培训机构和企业里授课,获得学员的一致好评。孙卫琴姐姐一直细心制作系列软件开发教程,不断提升教学技巧和方法,其课程在网上阅读量累计达上百万。

孙卫琴老师著书立说,创作了十多本经典的软件开发书籍:


《精通Vue.js:Web前端开发技术详解》

《精通Spring:Java Web开发技术详解》

《Java面向对象编程》

《Java网络编程核心技术详解》

《Java逍遥游记》

《Hibernate逍遥游记》

《精通JPA与Hibernate: Java对象持久化技术详解》

《精通Struts: 基于MVC的Java Web设计与开发》

《Tomcat与Java Web开发技术详解》

《Java 2认证考试指南与试题解析》

《大话Java程序设计从入门到精通》


授课特色

孙卫琴老师学识丰富,精通前端到后端的各个软件层的知识,在授课时,深入浅出,融会贯通,开阔学员的知识面和技术格局。


课程参考书籍


本课程的推荐参考书籍是孙卫琴老师创作的《精通Vue.js:Web前端开发技术详解》

cover (1).png


展开更多

课程大纲-Vue3前端开发零基础入门到实战教程

  • 第1章第1节课:Vue3简介(24分钟1节)

  • 1-1

    第1节课:Vue3简介本节课先介绍了MVVM设计模式,接着介绍了借鉴这种设计模式的Vue框架的特点,随后通过具体的范例,介绍了Vue框架的基本用法。

    「仅限付费用户」点击下载“vue-sourcecode.rar”

    [24:42]
  • 第2章Vue指令的用法(29分钟1节)

  • 2-1

    Vue指令的用法本节课介绍如何开发和运用自定义的Vue指令。

    [29:39]
  • 第3章计算属性和数据监听(21分钟1节)

  • 3-1

    计算属性和数据监听本节课介绍计算属性、数据监听,以及Vue的响应式系统的基本原理。

    [21:46]
  • 第4章绑定表单(11分钟1节)

  • 4-1

    绑定HTML表单本节课介绍通过v-model指令绑定表单中其他类型的数据框的方法,这些数据框包括:文本域、单选按钮、复选框和下拉列表。

    [11:58]
  • 第5章绑定CSS样式(22分钟1节)

  • 5-1

    绑定CSS样式本节课介绍为DOM元素动态绑定CSS样式的方法。

    [22:48]
  • 第6章CSS过渡和动画(32分钟1节)

  • 6-1

    CSS过渡和动画本节课介绍通过组件来实现CSS过渡和动画的用法。

    [32:32]
  • 第7章Vue组件开发基础(31分钟1节)

  • 7-1

    Vue组件开发基础本节课介绍普通Vue组件的创建方式和用法。这些普通Vue组件可以像DOM元素一样插入到其他Vue组件的模板中,从而组合成复杂的网页。

    [31:40]
  • 第8章Vue组件开发高级技术(36分钟1节)

  • 8-1

    Vue组件开发高级技术本节课介绍组件的高级开发技术:插槽、动态组件、生命周期钩子函数、混入块,以及$root、$parent和$refs等组件的内置变量的用法。

    [36:15]
  • 第9章虚拟DOM和render()函数(14分钟1节)

  • 9-1

    虚拟DOM和render()函数本节课介绍render()函数生成虚拟DOM的原理以及用法。

    [14:37]
  • 第10章Vue CLI脚手架工具(27分钟1节)

  • 10-1

    Vue CLI脚手架工具本节课介绍CLI的安装,以及用它来创建Vue项目的过程,还会介绍Visual Studio Code开发工具的用法,它为编辑、编译、运行,以及调试Vue项目提供了集成开发环境。最后还介绍了正式发布Vue项目的方法。

    [27:07]
  • 第11章Vue Router路由管理器(51分钟1节)

  • 11-1

    Vue Router路由管理器本节课介绍通过Vue Router来管理单页Web应用的路由的方法。

    [51:54]
  • 第12章组合(Composition)API(24分钟1节)

  • 12-1

    组合(Composition)API本节课介绍了setup()函数的用法,以及通过组合API来对组件进行分割的方法。

    [24:48]
  • 第13章通过Axios访问服务器(33分钟1节)

  • 13-1

    通过Axios访问服务器本节课介绍前端通过Axios插件与后端服务器进行通信的方法。

    [33:39]
  • 第14章通过Vuex进行状态管理(37分钟1节)

  • 14-1

    通过Vuex进行状态管理本节课介绍了通过Vuex插件来管理状态的方法。组件可以通过Vuex插件提供的全局仓库,来读取和更新仓库的状态。

    [37:30]
  • 第15章创建综合购物网站应用(38分钟1节)

  • 15-1

    创建综合购物网站应用本节课将创建一个实用的netstore购物网站应用。整个网站分为前端与后端两部分:(1)前端:采用Vue框架,负责生成网站的界面。(2)后端:采用Spring框架,控制器层负责与前端交互,模型层通过Spring Data API来访问数据库。

    [38:04]
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部