Quasar Fundamentals: Build Cross-Platform Vue.js Apps
Course description
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
Watch Online Quasar Fundamentals: Build Cross-Platform Vue.js Apps
All Course Lessons (40)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsSimilar courses
Using Vue 2 to Create Beautiful SEO-Ready Websites
Chakra UI Pro (Marketing + Application UI + E-Commerce)
Airbnb App Clone
Want to join the conversation?
Sign in to comment