Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Quasar V1: Weather App for Mobile, Desktop & Web (Vue JS 2)
1: Introduction
Introduction & Course App (1:32)
What is Quasar? (1:37)
2: Getting Started
Install Node.js and Quasar CLI (1:15)
Create & Launch a New Quasar Project (2:38)
Update: Quasar V1 Documentation
Folder Structure - Layouts, Pages & Routes (3:04)
Install Vue Devtools on Chrome (1:03)
Vue.js Basics (1:04)
Clean up the Project (0:51)
3: Layout & Design
Layout - Remove Header & Drawer (0:39)
Add a Gradient Background (1:13)
Design - Search Bar (2:44)
Design - Location, Weather Description & Temperature (2:25)
Design - Add Image & Skyline (1:59)
Design - Start Screen (2:32)
4: Get Location & Weather
Get User's Location (2:35)
Setup OpenWeatherMap API (0:46)
Get Weather by Coordinates (3:15)
Display Data in View (2:52)
Get Weather By Search (2:17)
5: Finishing Touches
Different Backgrounds for Day & Night (2:21)
Add Loading Screens (1:19)
6: Icons & Splash Screens
Install IconGenie (2:05)
Generate Icons & Splashscreens (3:06)
Create an NPM Script for Easy Icon & Splash Generation (0:51)
7: Platforms - Mac (Electron)
Module Introduction / If You Don't Have a Mac (0:33)
Launch App on Mac for Development (0:36)
Add a Geolocation Fallback for Electron (1:47)
src-electron folder (1:37)
Generate Mac Icons (0:39)
Build for Mac (0:49)
Publishing to Mac App Store (0:46)
8: Platforms - Windows (Electron)
Module Introduction (0:24)
Install Virtualbox (0:57)
Install Windows 10 Virtual Machine (1:26)
Setup Virtual Machine & Enable File Sharing (3:14)
How to work on the Windows version of your app (0:52)
Build the App for Windows (1:44)
Launch App on Windows 10 Virtual Machine (1:17)
Publishing to the Windows Store (0:31)
9: Platforms - iOS (Cordova)
Module Introduction / If You Don't Have a Mac (0:34)
Install Cordova and Xcode (1:21)
Launch App on iOS Simulator for Development (1:06)
Generate Icons & Splashscreens (0:44)
Debug with Safari Dev Tools (0:51)
src-cordova folder (2:05)
Install Cordova Geolocation Plugin (1:20)
Simulator - Run on Different iOS Devices (0:58)
Develop on a Real iOS Device (3:46)
Build the App for Production (2:01)
Publishing to iOS App Store (0:37)
10: Platforms - Android (Cordova)
Module Introduction (0:24)
Install Android Studio and SDK (2:22)
Add Android to your Path (Mac Users) (1:13)
Install Additional Software & Set Environment Variables (Windows Users) (0:20)
Setup Android Virtual Device (1:20)
Launch on Android Simulator (0:50)
Generate Icons & Splash Screens
Debug with Chrome Dev Tools (1:09)
Fix Error On Simulator (1:53)
Develop on a Real Android Device (4:41)
Build the App for Production (0:33)
Publish to Google Play Store (0:27)
11: Finished Source Code
Finished Source Code
Finished Source Code (Quasar V2)
12: More Quasar & Vue
More Quasar (1:05)
Update: Quasar V2, Vue 3 & Composition API (0:32)
Teach online with
Finished Source Code (Quasar V2)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock