Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
15 Hour(s) 26 Minute(s)
Language
English
Taught by
Danny Connell
Rating
1 views
Course Overview
Use Quasar V1, Vue JS 2, Vuex & Firebase to build a Cross Platform App for Web, iOS, Android, Mac & Windows
In this course I’ll show you how to use Quasar Framework V1 (along with Vue JS 2, Vuex & Firebase) to create real-world, cross-platforms apps using a single Vue JS codebase; and get these apps production-ready and deployed to all the major platforms - Web, iOS, Android, Mac & Windows.
Throughout this course we'll create a real-world app called Awesome Todo. In this app we can add, edit or delete tasks and mark them as completed.
We can also sort tasks by name or date and search through tasks using a search bar.
It's also going to have a Settings page, with 2 real settings which change the way the app works - and which persist when app is closed and restarted (or the browser reloaded on the web version). It will also have a help page, a "visit our website" link and an "email us" link.
The app will have its own back-end created using a Firebase Realtime Database. Users can register, log in and see their data sync in realtime across all of their devices.
We'll get the app production ready for all the different platforms - web, iOS, Android, Mac & Windows.
You'll learn all of the basics of Quasar Framework, including the Quasar CLI, Quasar Components, Quasar Plugins, Quasar Directives, Platform Detection, Layouts, Theming & various Quasar Utilities.
I'll also show you all of the basics of Vue.js, including Data Binding, Events, Computed Properties, Components, Directives, Filters, Lists & Lifecycle Hooks.
You'll learn how to manage the state of your app using Vuex, where I'll cover State, Mutations, Actions & Setters.
I'll cover all of the basics of Firebase, including Authentication, Reading data, Writing data & protecting your data with Database Rules.
By the end of this course, you will be able to create your own real-world apps, with real back-ends which work on all the different platforms.
NOTE: This course is for Quasar V1 (with Vue 2). Quasar V2 (with Vue 3) is not covered in this course.
Course Content
- 10 section(s)
- 262 lecture(s)
- Section 1 Introduction
- Section 2 Getting started
- Section 3 Vue.js Basics
- Section 4 Vue.js Lists and Components
- Section 5 Start building the Awesome Todo app
- Section 6 Create the List of Tasks
- Section 7 Vuex - State Management - Setting Up
- Section 8 Vuex - Actions & Mutations
- Section 9 Add Task - Forms, Fields & Validation
- Section 10 Edit Task - Child Components in-depth, Update and Sync, Slots
What You’ll Learn
- How to create a real-world, cross-platform app for web, iOS, Android, Mac and Windows using Quasar Framework V1 and Firebase
- How to manage the state of your app using Vuex
- How to create a back-end for the app using Firebase Realtime Database - including user authentication, reading and writing data
- All the essentials of Quasar Framework V1 and VueJS 2
Skills covered in this course
Reviews
-
ssriram gopalan
This is complete course on Quasar framework. If you are a Vue JS develeoper, I highly recommend this framework. Danny has explained all the concepts in a simpler way. You could master Quasar, Firebase & bit of VUE in single course. Thanks to Danny for this course.
-
SSalvador Martinez
It was a great match and I am very grateful to have accessed this huge amount of knowledge!! Thanks again Danny !! Great job in my opinion, and please keep on doing courses!! ;D
-
RRobert Gorczyca
This course was well-designed and delivered. Danny responded to questins in a timely manner. The only caveat is that as of 2022 the course, like most tech courses, is becoming slightly dated over time, so when it comes to building the apps on the latest mobile platforms, it can be a bit tricky. Would be nice to see a Quasar v2 with Vue 3 course in the near future.
-
JJohn Kent
What a great course! Danny has a wonderful presentation style and actually includes troubleshooting his errors. I couldn't be happier as the course provided experience in creating and stitching VueJs's many crucial components together. Quasar for the most part pressed the easy button on much of the HTML, CSSS lifting and made quick work importing a lot of utilities. As a bonus If your wanting to get to know firebase and deploying your app through Cordova you won't be disappointed.
