Quasar V1: Weather App for Mobile, Desktop & Web (Vue JS 2)

Quasar V1: Weather App for Mobile, Desktop & Web (Vue JS 2), available at $49.99, has an average rating of 4.5, with 67 lectures, based on 153 reviews, and has 802 subscribers.

You will learn about How to create a beautiful, cross-platform weather app for Android, iOS, Mac, Windows & Web using Qusasar Framework V2 & Vue JS 2 How to get the user's location on all devices How to create Icons & Splashscreens for all devices How to launch the app for development on Mac, Windows, iOS & Android How to setup simulators for iOS & Android How to debug your app on all platforms How to launch & debug the app on Real iOS & Android devices A quick introduction to creating Cross-Platform apps with Vue JS & Quasar Framework This course is ideal for individuals who are Anyone who wants a quick introduction to creating Cross-Platform apps using Vue JS by creating a simple, beautiful, useful app It is particularly useful for Anyone who wants a quick introduction to creating Cross-Platform apps using Vue JS by creating a simple, beautiful, useful app.

Enroll now: Quasar V1: Weather App for Mobile, Desktop & Web (Vue JS 2)

Summary

Title: Quasar V1: Weather App for Mobile, Desktop & Web (Vue JS 2)

Price: $49.99

Average Rating: 4.5

Number of Lectures: 67

Number of Published Lectures: 67

Number of Curriculum Items: 67

Number of Published Curriculum Objects: 67

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

How to create a beautiful, cross-platform weather app for Android, iOS, Mac, Windows & Web using Qusasar Framework V2 & Vue JS 2
How to get the user's location on all devices
How to create Icons & Splashscreens for all devices
How to launch the app for development on Mac, Windows, iOS & Android
How to setup simulators for iOS & Android
How to debug your app on all platforms
How to launch & debug the app on Real iOS & Android devices
A quick introduction to creating Cross-Platform apps with Vue JS & Quasar Framework

Who Should Attend

Anyone who wants a quick introduction to creating Cross-Platform apps using Vue JS by creating a simple, beautiful, useful app

Target Audiences

Anyone who wants a quick introduction to creating Cross-Platform apps using Vue JS by creating a simple, beautiful, useful app

In this short course, I’ll show you how to use Quasar Framework V1 & Vue JS 2 to create a gorgeous Weather App from scratch – and get it running and working on 5 different platforms – Web, iOS, Android, Mac & Windows.

YES! We’ll be creating real apps that can be deployed to all of the various App Stores!

In this app we can get the user’s location and display the weather where they are (using the OpenWeatherMap API) all within a beautifully designed layout.

We can also search for a location using the Search Bar.

We will display a different background, depending on whether is daytime or nighttime in the current location.

We’ll create beautiful Icons & Splashscreens for all the different devices using Quasar Framework’s incredible IconGenie CLI tool.

We’ll setup Simulators for testing on Android & iOS.

And we’ll setup a Virtual Machine using Virtualbox for testing on Windows (when developing on a Mac computer).

We’ll even get the app running on Real iOS & Android devices. Yes! REAL iOS & Android devices!

If you want a quick introduction to creating Cross-Platform Apps using Vue JS 2 (and Quasar V1), then this is the course for you.

NOTE: This course is for Quasar V1 (with Vue 2). Quasar V2 (with Vue 3) is not covered in this course.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction & Course App

Lecture 2: What is Quasar?

Chapter 2: Getting Started

Lecture 1: Install Node.js and Quasar CLI

Lecture 2: Create & Launch a New Quasar Project

Lecture 3: Update: Quasar V1 Documentation

Lecture 4: Folder Structure – Layouts, Pages & Routes

Lecture 5: Install Vue Devtools on Chrome

Lecture 6: Vue.js Basics

Lecture 7: Clean up the Project

Chapter 3: Layout & Design

Lecture 1: Layout – Remove Header & Drawer

Lecture 2: Add a Gradient Background

Lecture 3: Design – Search Bar

Lecture 4: Design – Location, Weather Description & Temperature

Lecture 5: Design – Add Image & Skyline

Lecture 6: Design – Start Screen

Chapter 4: Get Location & Weather

Lecture 1: Get User's Location

Lecture 2: Setup OpenWeatherMap API

Lecture 3: Get Weather by Coordinates

Lecture 4: Display Data in View

Lecture 5: Get Weather By Search

Chapter 5: Finishing Touches

Lecture 1: Different Backgrounds for Day & Night

Lecture 2: Add Loading Screens

Chapter 6: Icons & Splash Screens

Lecture 1: Install IconGenie

Lecture 2: Generate Icons & Splashscreens

Lecture 3: Create an NPM Script for Easy Icon & Splash Generation

Chapter 7: Platforms – Mac (Electron)

Lecture 1: Module Introduction / If You Don't Have a Mac

Lecture 2: Launch App on Mac for Development

Lecture 3: Add a Geolocation Fallback for Electron

Lecture 4: src-electron folder

Lecture 5: Generate Mac Icons

Lecture 6: Build for Mac

Lecture 7: Publishing to Mac App Store

Chapter 8: Platforms – Windows (Electron)

Lecture 1: Module Introduction

Lecture 2: Install Virtualbox

Lecture 3: Install Windows 10 Virtual Machine

Lecture 4: Setup Virtual Machine & Enable File Sharing

Lecture 5: How to work on the Windows version of your app

Lecture 6: Build the App for Windows

Lecture 7: Launch App on Windows 10 Virtual Machine

Lecture 8: Publishing to the Windows Store

Chapter 9: Platforms – iOS (Cordova)

Lecture 1: Module Introduction / If You Don't Have a Mac

Lecture 2: Install Cordova and Xcode

Lecture 3: Launch App on iOS Simulator for Development

Lecture 4: Generate Icons & Splashscreens

Lecture 5: Debug with Safari Dev Tools

Lecture 6: Src-cordova folder

Lecture 7: Install Cordova Geolocation Plugin

Lecture 8: Simulator – Run on Different iOS Devices

Lecture 9: Develop on a Real iOS Device

Lecture 10: Build the App for Production

Lecture 11: Publishing to iOS App Store

Chapter 10: Platforms – Android (Cordova)

Lecture 1: Module Introduction

Lecture 2: Install Android Studio and SDK

Lecture 3: Add Android to your Path (Mac Users)

Lecture 4: Install Additional Software & Set Environment Variables (Windows Users)

Lecture 5: Setup Android Virtual Device

Lecture 6: Launch on Android Simulator

Lecture 7: Generate Icons & Splash Screens

Lecture 8: Debug with Chrome Dev Tools

Lecture 9: Fix Error On Simulator

Lecture 10: Develop on a Real Android Device

Lecture 11: Build the App for Production

Lecture 12: Publish to Google Play Store

Chapter 11: Finished Source Code

Lecture 1: Finished Source Code

Lecture 2: Finished Source Code (Quasar V2)

Chapter 12: More Quasar & Vue

Lecture 1: More Quasar

Lecture 2: Update: Quasar V2, Vue 3 & Composition API

Instructors

Danny Connell
Indie App Developer & Instructor

Rating Distribution

1 stars: 5 votes
2 stars: 3 votes
3 stars: 10 votes
4 stars: 36 votes
5 stars: 99 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu