Course Code: quasarframe
Duration: 14 hours
Prerequisites:
  • Experience with JavaScript

Audience

  • Web Developers
Overview:

Quasar Framework is a framework based on Vue.js for building PWAs (Progressive Web Application) and SSR (Server-Side Rendering) apps. Vue.js is an open source JavaScript framework for building user interfaces and single-page applications. Using Quasar Framework, users can create cross-platform applications with a single Vue JS codebase.

This instructor-led, live training (online or onsite) is aimed at web developers who wish to use Quasar Framework and Vue JS to create cross-platform applications.

By the end of this training, participants will be able to:

  • Build a cross-platform application for iOS, Windows, etc.
  • Manage states and data with Vuex.
  • Create a backend application with Firebase.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Course Outline:

Introduction

Quasar Framework Overview

  • What is Quasar Framework?
  • Quasar Framework features

Vue JS at a Glance

  • Virtual DOM
  • Data binding
  • Components
  • Animation/transition
  • Templates

Preparing the Development Environment

  • Installing and configuring Quasar Framework
  • Installing and configuring VueJS

Vue.js Quick Start

  • Binding data
  • Displaying lists
  • Handling events
  • Creating custom components

State and Data Management Vuex

  • Setting up a store
  • Working with tasks

Forms and Validation

  • Adding and editing tasks
  • Validating forms and input

Data Persistence with Firebase

  • Creating a project
  • Importing data
  • Reading and writing data
  • Handling errors

Development on Platforms

  • Using Electron
  • Using Cordova
  • Building for production

Testing the Application

  • Testing with unit tests and mock tests

Debugging the Application

  • Handling errors

Deploying the Application

  • Deploying a cross-platform application
  • Hosting a cross-platform application
  • Running on different emulated OS devices

Securing the Application

  • Hiding data

Troubleshooting

Summary and Conclusion

Sites Published:

United Arab Emirates - Quasar Framework and Vue.js

Qatar - Quasar Framework and Vue.js

Egypt - Quasar Framework and Vue.js

Saudi Arabia - Quasar Framework and Vue.js

South Africa - Quasar Framework and Vue.js

Brasil - Quasar Framework and Vue.js

Canada - Quasar Framework and Vue.js

中国 - Quasar Framework and Vue.js

香港 - Quasar Framework and Vue.js

澳門 - Quasar Framework and Vue.js

台灣 - Quasar Framework and Vue.js

USA - Quasar Framework and Vue.js

Österreich - Quasar Framework and Vue.js

Schweiz - Quasar Framework and Vue.js

Deutschland - Quasar Framework and Vue.js

Czech Republic - Quasar Framework and Vue.js

Denmark - Quasar Framework and Vue.js

Estonia - Quasar Framework and Vue.js

Finland - Quasar Framework and Vue.js

Greece - Quasar Framework and Vue.js

Magyarország - Quasar Framework and Vue.js

Ireland - Quasar Framework and Vue.js

Luxembourg - Quasar Framework and Vue.js

Latvia - Quasar Framework and Vue.js

España - Quasar Framework and Vue.js

Italia - Quasar Framework and Vue.js

Lithuania - Quasar Framework and Vue.js

Nederland - Quasar Framework and Vue.js

Norway - Quasar Framework and Vue.js

Portugal - Quasar Framework and Vue.js

România - Quasar Framework and Vue.js

Sverige - Quasar Framework and Vue.js

Türkiye - Quasar Framework and Vue.js

Malta - Quasar Framework and Vue.js

Belgique - Quasar Framework and Vue.js

France - Quasar Framework and Vue.js

日本 - Quasar Framework and Vue.js

Australia - Quasar Framework and Vue.js

Malaysia - Quasar Framework and Vue.js

New Zealand - Quasar Framework and Vue.js

Philippines - Quasar Framework and Vue.js

Singapore - Quasar Framework and Vue.js

Thailand - Quasar Framework and Vue.js

Vietnam - Quasar Framework and Vue.js

India - Quasar Framework and Vue.js

Argentina - Quasar Framework and Vue.js

Chile - Quasar Framework and Vue.js

Costa Rica - Quasar Framework and Vue.js

Ecuador - Quasar Framework and Vue.js

Guatemala - Quasar Framework and Vue.js

Colombia - Quasar Framework and Vue.js

México - Quasar Framework and Vue.js

Panama - Quasar Framework and Vue.js

Peru - Quasar Framework and Vue.js

Uruguay - Quasar Framework and Vue.js

Venezuela - Quasar Framework and Vue.js

Polska - Quasar Framework and Vue.js

United Kingdom - Quasar Framework and Vue.js

South Korea - Quasar Framework and Vue.js

Pakistan - Quasar Framework and Vue.js

Sri Lanka - Quasar Framework and Vue.js

Bulgaria - Quasar Framework and Vue.js

Bolivia - Quasar Framework and Vue.js

Indonesia - Quasar Framework and Vue.js

Kazakhstan - Quasar Framework and Vue.js

Moldova - Quasar Framework and Vue.js

Morocco - Quasar Framework and Vue.js

Tunisia - Quasar Framework and Vue.js

Kuwait - Quasar Framework and Vue.js

Oman - Quasar Framework and Vue.js

Slovakia - Quasar Framework and Vue.js

Kenya - Quasar Framework and Vue.js

Nigeria - Quasar Framework and Vue.js

Botswana - Quasar Framework and Vue.js

Slovenia - Quasar Framework and Vue.js

Croatia - Quasar Framework and Vue.js

Serbia - Quasar Framework and Vue.js

Bhutan - Quasar Framework and Vue.js

Nepal - Quasar Framework and Vue.js

Uzbekistan - Quasar Framework and Vue.js