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

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
{}
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
15.
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
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