Create & Launch a New Quasar Project | Make Apps Academy

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

Create & Launch a New Quasar Project

Complete and Continue

Discussion

0 comments