課程資料
課程簡介
Use Quasar V1 & Vue JS 2 to create a Beautiful, Cross-Platform Weather App for Web, iOS, Android, Mac & Windows
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.
課程章節
- 10 個章節
- 67 堂課
- 第 1 章 Introduction
- 第 2 章 Getting Started
- 第 3 章 Layout & Design
- 第 4 章 Get Location & Weather
- 第 5 章 Finishing Touches
- 第 6 章 Icons & Splash Screens
- 第 7 章 Platforms - Mac (Electron)
- 第 8 章 Platforms - Windows (Electron)
- 第 9 章 Platforms - iOS (Cordova)
- 第 10 章 Platforms - Android (Cordova)
課程內容
- 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
評價
-
LLucas Silva Lopes
Great Course
-
TTroy Moreland
Danny is a great instructor. If you are new to using Javascript frameworks or at least new to the Vue.js framework, this is a great starting course.
-
IIstvan Rolland Orgonas
I think is a great short intro into mobile APP development. Has a lot's of things to learn & experiment. Thanks!
-
FFritz Ebner
alot of the content is out of date. I've struggled with getting chrome to give location (did one time, then quit, but i got safari to do it if i enable https). the IOS simulator has white space on bottom, and the keyboard doesn't come up right (gets stuck midway). sdkmanager pukes and only worked if i enable the new CLI tools and uninstall the old ones. several other minor things i needed to work around.