CF

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

Related courses

Frequently asked questions

What prerequisites are needed before enrolling in this course?
Before enrolling in the course, it is beneficial to have a basic understanding of JavaScript and Vue.js, as the course focuses on building cross-platform applications with the Quasar Framework, which is based on Vue.js. Familiarity with web development concepts will also be helpful, though the course does cover setting up the Quasar development environment from scratch using Vite CLI.
What type of applications will I be able to build by the end of the course?
By the end of the course, you will be capable of developing a variety of applications including mobile apps for Android and iOS, desktop applications for Windows, Mac, and Linux, as well as web applications such as Single Page Applications (SPA), Progressive Web Applications (PWA), Server-Side Rendered (SSR) applications, and even browser extensions.
Who is the target audience for this course?
The course is designed for developers who are interested in building cross-platform applications using the Quasar Framework. It is suitable for those familiar with Vue.js who want to expand their skills to include mobile and desktop application development, as well as web developers looking to broaden their proficiency in creating applications that work seamlessly across various platforms.
What specific tools and technologies are covered in the course?
The course covers a range of tools and technologies integral to the Quasar Framework. These include the Vite CLI for project setup, Quasar's extensive component library (such as QBtn, QTable, and QList), and utilities for styling like the grid system and CSS utility classes. Additionally, it addresses the use of Capacitor for mobile app development and various plugins like Notify, Dialog, and Loading.
What topics are not covered in this course?
The course does not cover advanced server-side programming or backend integration, as its focus is primarily on the Quasar Framework and front-end development. It also doesn't delve into database management or server configuration, which are outside the scope of building cross-platform applications with Quasar.
How much time should I expect to commit to this course?
The course consists of 40 lessons, covering various aspects of the Quasar Framework. While the total runtime is not specified, students should plan to dedicate time for each lesson and accompanying practical exercises, especially when building applications across different platforms. The time commitment will vary depending on your familiarity with the material and your practice pace.
How will the skills learned in this course carry over to other areas of software development?
Skills gained from this course, such as understanding component-based architecture with Vue.js and using the Quasar Framework for cross-platform development, are transferable to other areas of software development. The experience with responsive design, application structure, and component reusability can benefit any front-end development role. Additionally, familiarity with tools like Vite CLI and Capacitor can be advantageous for projects involving mobile and web app integration.