Quasar Fundamentals: Build Cross-Platform Vue.js Apps

7h 6m 8s
English
Paid

Quasar Framework will amaze you with its capabilities! By the end of this course, you will be able to develop applications in Vue.js for Android, iOS, Windows, Mac, Linux, and other platforms, including web applications (SPA), progressive web applications (PWA), server-side renders (SSR), and even browser extensions.

Read more about the course

Why Choose Quasar?

Quasar not only offers cross-platform development but also includes a rich library of Material Design components that make interfaces stylish, intuitive, and easily customizable.

Moreover, Quasar is future-oriented and constantly updated, maintaining compatibility with previous versions. It was one of the first to adopt Vue 3 with minimal changes, which allows for creating powerful applications without complex transitions and time losses.

Pour yourself a coffee and get ready to dive into one of the most exciting frameworks. By the end of the course, you will be confidently developing applications for any platform.

What You Will Learn:

  • Development Environment Setup: Quick start with Quasar using Vite CLI and editor configuration.
  • Core Components: Learn Quasar components such as QBtn, QTable, QList, and how to efficiently use props, events, and slots.
  • Layouts and Routing: Understanding the system of layouts and routes for convenient navigation through the application.
  • Styling and Utilities: Working with grid systems, colors, typography, and CSS utilities for positioning and space management.
  • Mobile and Desktop Applications: Developing mobile applications using Capacitor for Android and iOS. Setting up features like Bluetooth and GPS. Creating desktop applications with notifications and other specific settings.
  • Forms and Validation: Creating dynamic forms with the ability to transfer to dialog windows and add validation.
  • Advanced Topics: Configuring plugins such as Axios, i18n, and integration with Vite plugins (UnoCSS and Tailwind CSS). Using Quasar plugins like Notify, Dialog, and Loading.

Why Take This Course?

  • Rapid Development: Reduce time thanks to an intuitive API and powerful command line.
  • Development for All Platforms: Deploy applications on mobile devices, desktops, and browsers from a single codebase.
  • Modern Technologies: Take advantage of compatibility with Vue 3 and support for modern libraries.
  • Mastery in Working with Components: Create custom, adaptive, and interactive interfaces with minimal effort.

Get ready for an exciting journey into the world of Quasar!

By the end of the course, you will have mastered all the necessary skills to create impressive cross-platform applications using Vue.js and Quasar Framework.

Watch Online Quasar Fundamentals: Build Cross-Platform Vue.js Apps

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

Similar courses to Quasar Fundamentals: Build Cross-Platform Vue.js Apps

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advancedudemy

Category: NestJS, Vue, Nuxt
Duration 7 hours 37 minutes 36 seconds
Firestore Queries and Data Modeling

Firestore Queries and Data Modelingfireship.io

Category: Other (Mobile Apps Development)
Duration 1 hour 5 minutes 47 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)udemy

Category: Vue
Duration 19 hours 57 minutes 29 seconds
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)udemy

Category: Vue, Progressive Web App (PWA)
Duration 14 hours 36 minutes 16 seconds
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Appsvueschool.io

Category: Vue, Nuxt
Duration 3 hours 5 minutes 56 seconds
Real-Time Data with Laravel Reverb and Vue.js

Real-Time Data with Laravel Reverb and Vue.jsvueschool.io

Category: Vue, Laravel
Duration 44 minutes 56 seconds
React Native Expo Boilerplate | Ship Mobile Fast

React Native Expo Boilerplate | Ship Mobile Fastshipmobilefast

Category: React Native, Other (Mobile Apps Development)
Duration