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

This lesson is for members. Join us?

Subscribe now to get instant access to this course, plus a full library of Vue.js courses tailored to the plan you choose.

Start learning or

Quasar’s Grid System

Quasar has a grid system built in, that uses flexbox behind the scenes. In this video we’ll cover the grid system, and touch on responsive layout along the way.

Links

GO PREMIUM
UnlockTo unlock this feature
DOWNLOAD VIDEO HD SD
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…
9:21
2.
Setup Using Quasar's Vite Cli
8:19
3.
Setting up Your Editor
7:50
4.
QBtn
4:47
5.
Layouts
6:43
6.
Pages and Routing
7:47
7.
Building A Mobile App (Capacitor - Android - Window)
9:02
8.
Building A Mobile App (Capacitor - Android - Mac)
10:11
9.
Building A Mobile App (Capacitor - Android - Linux)
9:56
10.
Building A Mobile App (Capacitor - iOS - Mac)
8:55
11.
QTable (Props and Events)
18:22
12.
QTable (Slots, Methods and Computeds)
14:50
13.
Icons
11:41
14.
Forms - Creating a Form
15:33
15.
Forms - Extracting the Form to a Dialog
8:55
16.
Forms - Basic Validation
15:21
17.
QList
13:53
18.
Color & Typography
9:29
Quasar’s Grid System
10:32
20.
CSS Utility Classes - Positioning and Spacing
9:36
21.
CSS Utility Classes - Body, Visibility and More!
7:17
22.
Boot Files - Understanding, and Using the Axios Boot File
9:21
23.
Boot Files - Creating a Boot File (Using Wretch)
7:57
24.
Boot Files - i18n (Translating A Quasar App)
7:49
25.
Vite Plugins - UnoCSS
7:44
26.
Tailwind CSS
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:31
30.
Plugins (Notify, Dialog, Loading)
10:28
31.
Desktop App - Notifications
11:39
32.
Top of the Component Tree - App.vue
4:22
33.
Top of the Component Tree - An Authentication Example
10:46
34.
Component Bonanza
15:00
35.
Component Rampage Part 1
13:24
36.
Component Rampage Part 2
12:12
37.
Component Rampage Part 3
10:59
38.
Component Rampage Part 4
13:43
39.
Component Rampage Part 5
14:44
40.
Component Rampage Part 6
9:08