CourseFlix

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.

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, enabling the creation of 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

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. Embark on this path and start building the future of application development!

Additional

https://github.com/ldiebold/quasar-playground

About the Author: Vue School

Vue School thumbnail

Vue School (vueschool.io) is a Greece-based Vue.js training platform founded by Alex Kyriakidis, an early Vue community member and one of the longest-running independent Vue educators. Vue School operates as both an on-demand course platform and a Vue / Nuxt consulting business, with course material that often emerges from real client engagements.

Course material covers the full Vue ecosystem: Vue 3 fundamentals through advanced Composition API patterns, Nuxt 3 production deployment, Pinia state management, Vue Router, the testing track with Vitest, TypeScript with Vue, real-time features with Pusher / WebSockets, and the broader full-stack Vue work. Vue School also publishes the popular Mastering Pinia course in collaboration with Pinia's author Eduardo San Martín Morote.

The CourseFlix listing under this source carries over 30 Vue School courses spanning that range. Material is paid; Vue School runs on per-course or membership pricing on the original platform. Courses are aimed at Vue developers from beginner through senior level building production Vue applications.

Watch Online 40 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 40 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: A Taste of What’s to Come…
All Course Lessons (40)
#Lesson TitleDurationAccess
1
A Taste of What’s to Come… Demo
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
Unlock unlimited learning

Get instant access to all 39 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

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

Related courses

  • Test with Jest thumbnail

    Test with Jest

    By: Vue School
    Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this course! In this cour
    52 minutes 39 seconds
  • Vue JS 3: The Composition API thumbnail

    Vue JS 3: The Composition API

    By: Udemy
    Vue.js 3 and the Composition API is here! Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils. This
    5 hours 24 minutes 26 seconds
  • Real-time chat with Node.js, Socket.io and Vue.js thumbnail

    Real-time chat with Node.js, Socket.io and Vue.js

    By: Codecourse
    How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
    26 minutes 39 seconds

Frequently asked questions

What is Quasar Fundamentals: Build Cross-Platform Vue.js Apps about?
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…
Who teaches Quasar Fundamentals: Build Cross-Platform Vue.js Apps?
Quasar Fundamentals: Build Cross-Platform Vue.js Apps is taught by Vue School. You can find more courses by this instructor on the corresponding source page.
How long is Quasar Fundamentals: Build Cross-Platform Vue.js Apps?
Quasar Fundamentals: Build Cross-Platform Vue.js Apps contains 40 lessons with a total runtime of 7 hours 6 minutes. All lessons are available to watch online at your own pace.
Is Quasar Fundamentals: Build Cross-Platform Vue.js Apps free to watch?
Quasar Fundamentals: Build Cross-Platform Vue.js Apps is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Quasar Fundamentals: Build Cross-Platform Vue.js Apps online?
Quasar Fundamentals: Build Cross-Platform Vue.js Apps is available to watch online on CourseFlix at https://courseflix.net/course/quasar-fundamentals-build-cross-platform-vue-js-apps. The page hosts every lesson with the integrated video player; no download is required.