Udemy

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

立即報名
  • 842 名學生
  • 更新於 3/2022
4.5
(157 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
1 小時 36 分鐘
教學語言
英語
授課導師
Danny Connell
評分
4.5
(157 個評分)
1次瀏覽

課程簡介

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

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

評價

  • L
    Lucas Silva Lopes
    5.0

    Great Course

  • T
    Troy Moreland
    5.0

    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.

  • I
    Istvan Rolland Orgonas
    5.0

    I think is a great short intro into mobile APP development. Has a lot's of things to learn & experiment. Thanks!

  • F
    Fritz Ebner
    3.0

    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.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意