Video Creation Form - Text Inputs + Vuetify + Axios + VueX (Building a VueJS App Part 5)
In this tutorial we learn how to add more videos to our VueJS app.
We'll start with building our own Create Video form using the basic input tags, then we'll greatly simplify it by using Vuetify's text input components.
We'll also see how to persist the new videos to the server using Axios, then save it with VueX.
0:00 Start
2:13 Our First Input
8:50 The Create Video Form
16:38 Creating the Video
23:46 Using Vuetify Input Components
26:58 Review
Previous Video: https://youtu.be/WOv3w2tSp-Y
Next Video: https://youtu.be/cjRst4qduzM
Playlist: https://www.youtube.com/playlist?list=PLPwpWyfm6JADRf8x1Jc0Da8R71WJyt-Jn
*** Github links ***
The Create Video form: https://github.com/jeffreybiles/vue-screencasts/commit/981965100d6f63a3c1c33b89abb62a0059360e66
Creating and persisting the video: https://github.com/jeffreybiles/vue-screencasts/commit/495de853ce72a72e17ced69a9ee145b6c38100ac
Using Vuetify input components: https://github.com/jeffreybiles/vue-screencasts/commit/9cf3d6090cf943fa478a846fbd194248e9292495
Server code for creating videos: https://github.com/jeffreybiles/vue-screencasts-server/commit/00cf927c0cc12ab7a9c1a9f25a181883ae50f846
As always, thanks for watching! Be sure to comment/like/subscribe!
*** Find me online! ***
Twitter: https://twitter.com/VueScreencasts
Website coming soon.
#VueX #Vuetify #Forms #Axios #VueJS #Vue #TextInput
Видео Video Creation Form - Text Inputs + Vuetify + Axios + VueX (Building a VueJS App Part 5) канала Vue Screencasts
We'll start with building our own Create Video form using the basic input tags, then we'll greatly simplify it by using Vuetify's text input components.
We'll also see how to persist the new videos to the server using Axios, then save it with VueX.
0:00 Start
2:13 Our First Input
8:50 The Create Video Form
16:38 Creating the Video
23:46 Using Vuetify Input Components
26:58 Review
Previous Video: https://youtu.be/WOv3w2tSp-Y
Next Video: https://youtu.be/cjRst4qduzM
Playlist: https://www.youtube.com/playlist?list=PLPwpWyfm6JADRf8x1Jc0Da8R71WJyt-Jn
*** Github links ***
The Create Video form: https://github.com/jeffreybiles/vue-screencasts/commit/981965100d6f63a3c1c33b89abb62a0059360e66
Creating and persisting the video: https://github.com/jeffreybiles/vue-screencasts/commit/495de853ce72a72e17ced69a9ee145b6c38100ac
Using Vuetify input components: https://github.com/jeffreybiles/vue-screencasts/commit/9cf3d6090cf943fa478a846fbd194248e9292495
Server code for creating videos: https://github.com/jeffreybiles/vue-screencasts-server/commit/00cf927c0cc12ab7a9c1a9f25a181883ae50f846
As always, thanks for watching! Be sure to comment/like/subscribe!
*** Find me online! ***
Twitter: https://twitter.com/VueScreencasts
Website coming soon.
#VueX #Vuetify #Forms #Axios #VueJS #Vue #TextInput
Видео Video Creation Form - Text Inputs + Vuetify + Axios + VueX (Building a VueJS App Part 5) канала Vue Screencasts
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Learn Vuex in 30 MINUTES! (Vue JS 3)](https://i.ytimg.com/vi/nFh7-HfODYY/default.jpg)
![One Day Build: Pintrest Clone in VueJS and Vuetify](https://i.ytimg.com/vi/40NUc3JiEsI/default.jpg)
![How to post HTML form data in NodeJs backend | NodeJs | ExpressJs](https://i.ytimg.com/vi/vegqqDjulKg/default.jpg)
![VueX Edit and Delete + Admin Page (Building a VueJS app Part 6)](https://i.ytimg.com/vi/cjRst4qduzM/default.jpg)
![Getting started with Laravel Fortify and Sanctum](https://i.ytimg.com/vi/W7owQcBYerA/default.jpg)
![18. Vue Js Axios Library - Install Axios in Vuejs and making the ajax call in the Vue.js project](https://i.ytimg.com/vi/-y1V_TyEU8w/default.jpg)
![Creating a Register Component using Vuetify the Vuejs Library | 3 - Fedorae Education](https://i.ytimg.com/vi/6WFAJWbJinU/default.jpg)
![Vuex Crash Course | State Management](https://i.ytimg.com/vi/5lVQgZzLMHc/default.jpg)
![Vuelidate (Form Validation) with Vue.js](https://i.ytimg.com/vi/SW5OfTAxtDY/default.jpg)
![Vue JS 2 Tutorial #32 - HTTP Requests](https://i.ytimg.com/vi/btDfVBPYI-U/default.jpg)
![Vue Image Upload Made Easy](https://i.ytimg.com/vi/VqnJwh6E9ak/default.jpg)
![Notifications using Vuetify's snackbar component (Building a VueJS App Part 10)](https://i.ytimg.com/vi/SGGW8qbsXTg/default.jpg)
![Vue Authentication Full Course | Login, Logout, Forgot and Reset Password](https://i.ytimg.com/vi/uqpM7WVTKI4/default.jpg)
![Vuex Tutorial #5 - Getters](https://i.ytimg.com/vi/OtLRQdjmFvs/default.jpg)
![Quasar Framework: Vue.js Cross Platform App (6/10): Vuex - State Management - Setting up & Getters](https://i.ytimg.com/vi/v99txxSCBDA/default.jpg)
![Create, Build, and Serve Apps with the Vue CLI](https://i.ytimg.com/vi/WmrawkHYMTg/default.jpg)
![Demo - Simple CRUD App using #Express & #NuxtJS with help of serverMiddleware](https://i.ytimg.com/vi/OM_0B_WLVZQ/default.jpg)
![Vue Forms Made Easy - Vue Formulate & Vue Form Generator](https://i.ytimg.com/vi/XZF71ij463Y/default.jpg)
![2-Way Binding in Vue with V-Model - Vue.js 2.0 Fundamentals (Part 6)](https://i.ytimg.com/vi/nEdsu6heW9o/default.jpg)
![Vuex CRUD Application](https://i.ytimg.com/vi/GhiHoz_AQdU/default.jpg)