Quasar Fundamentals: Build Cross-Platform Vue.js Apps
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

Start learning or
Previous
Next

Forms - Extracting the Form to a Dialog

In this video, we’ll cover the basics of making forms with Quasar. We’ll use QInput, QSelect, QCheckbox, QColor and QDialog to craft a form that can be displayed with the click of a button!

Links

GO PREMIUM
UnlockTo unlock this feature
DOWNLOAD VIDEO HD SD
GO PREMIUM
UnlockTo unlock this feature
{}
DOWNLOAD SOURCE CODE
GO PREMIUM
UnlockTo unlock this feature
Transcript icon
DOWNLOAD TRANSCRIPT
Quasar Fundamentals: Build Cross-Platform Vue.js Apps
  • Chapter 1

Quasar Fundamentals

1.
A Taste of What’s to Come…
FREE
9:20
2.
Setup Using Quasar's Vite Cli
FREE
8:18
3.
Setting up Your Editor
FREE
7:50
4.
QBtn
FREE
4:46
5.
Layouts
6:43
6.
Pages and Routing
7:47
7.
Building A Mobile App (Capacitor - Android - Window)
9:00
8.
Building A Mobile App (Capacitor - Android - Mac)
10:09
9.
Building A Mobile App (Capacitor - Android - Linux)
9:55
10.
Building A Mobile App (Capacitor - iOS - Mac)
8:54
11.
QTable (Props and Events)
18:20
12.
QTable (Slots, Methods and Computeds)
14:48
13.
Icons
FREE
11:41
14.
Forms - Creating a Form
15:31
Forms - Extracting the Form to a Dialog
8:54
16.
Forms - Basic Validation
15:19
17.
QList
FREE
13:52
18.
Color & Typography
9:27
19.
Quasar’s Grid System
10:31
20.
CSS Utility Classes - Positioning and Spacing
9:35
21.
CSS Utility Classes - Body, Visibility and More!
7:15
22.
Boot Files - Creating a Boot File (Using Wretch)
7:55
23.
Boot Files - Understanding, and Using the Axios Boot File
9:19
24.
Boot Files - i18n (Translating A Quasar App)
7:47
25.
Vite Plugins - UnoCSS
7:43
26.
Tailwind CSS
FREE
3:51
27.
Mobile App - Bluetooth (Scanning For Devices)
16:33
28.
Mobile App - Bluetooth (Associating Devices With Friends)
18:19
29.
Mobile App - GPS (Geolocation) and Capacitor Docs
9:30
30.
Plugins (Notify, Dialog, Loading)
10:28
31.
Desktop App - Notifications
11:38
32.
Top of the Component Tree - App.vue
4:21
33.
Top of the Component Tree - An Authentication Example
10:45
34.
Component Bonanza
14:58
35.
Component Rampage Part 1
13:22
36.
Component Rampage Part 2
12:11
37.
Component Rampage Part 3
10:58
38.
Component Rampage Part 4
13:42
39.
Component Rampage Part 5
14:43
40.
Component Rampage Part 6
9:07