Главная страницаКатегория vueПриложение Weather с Vue JS и Quasar (Mobile, Desktop и Web)

Приложение Weather с Vue JS и Quasar (Mobile, Desktop и Web)

Name: Приложение Weather с Vue JS и Quasar (Mobile, Desktop и Web)
Price: 12.5 USD
Rating: 5 (13 reviews)

Weather App with Vue JS & Quasar (for Mobile, Desktop & Web)

udemy

★5 (всего оценок - 13)

Продолжительность

1 ч 34 мин

Категория

Vue

Количество уроков

62 Видео

Дата добавления

27 июн. 2020 г., 13:47

Язык

Английский

Дата выхода

20 мая 2020 г., 00:00

Дата обновления

29 апр. 2026 г., 08:07

Этот курс поможет вам быстро и практично освоить создание кроссплатформенных приложений на основе Vue JS и Quasar Framework. Вы шаг за шагом построите современное Weather‑приложение, которое работает на Web, iOS, Android, Mac и Windows — все из единого кода.

Что вы создадите в ходе курса

На протяжении обучения вы разработаете полноценное приложение погоды с поддержкой определения текущего местоположения, поиском городов и красивым адаптивным интерфейсом.

Основные возможности будущего приложения

Определение геолокации пользователя и автоматический вывод погоды по текущему адресу.
Интеграция с API OpenWeatherMap для получения точных метеоданных.
Поиск городов через удобную панель поиска.
Стильный интерфейс и визуальные элементы, разработанные с помощью возможностей Quasar.

Практика разработки под 5 платформ

Quasar Framework позволяет собрать одно приложение и развернуть его практически везде. В этом курсе вы освоите полный цикл.

Web‑приложение

Вы научитесь собирать и оптимизировать веб‑версию через Quasar CLI, адаптируя интерфейс под браузеры.

Мобильные платформы iOS и Android

Настройка симуляторов iOS и Android.
Создание иконок и заставок для разных устройств.
Запуск и тестирование приложения на реальных смартфонах.

Десктоп‑версии для Mac и Windows

Вы выполните сборку приложения для настольных систем и протестируете Windows‑версию, используя виртуальную машину в VirtualBox.

Чему вы научитесь

Работе с Vue JS и компонентной структурой Quasar.
Созданию responsive‑интерфейсов под разные платформы.
Интеграции внешних API, включая OpenWeatherMap.
Настройке окружений для разработки, тестирования и сборки.
Созданию универсального приложения с единым кодом.

Кому подойдет этот курс

Если вы хотите быстро понять, как создавать современные кроссплатформенные приложения на базе Vue JS и ищете практичный мини‑проект с реальным результатом, этот курс идеально вам подойдет.

Итог

После прохождения курса вы получите не только готовое приложение Weather, но и фундаментальные навыки, позволяющие разрабатывать собственные мультиплатформенные проекты с помощью Vue JS и Quasar.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:33
Introduction & Course App
Урок 2. 00:01:37
What is Quasar?
Урок 3. 00:01:16
Install Node.js and Quasar CLI
Урок 4. 00:01:40
Create & Launch a New Quasar Project
Урок 5. 00:03:04
Folder Structure - Layouts, Pages & Routes
Урок 6. 00:01:04
Install Vue Devtools on Chrome
Урок 7. 00:01:05
Vue.js Basics
Урок 8. 00:00:52
Clean up the Project
Урок 9. 00:00:40
Layout - Remove Header & Drawer
Урок 10. 00:01:14
Add a Gradient Background
Урок 11. 00:02:45
Design - Search Bar
Урок 12. 00:02:26
Design - Location, Weather Description & Temperature
Урок 13. 00:02:00
Design - Add Image & Skyline
Урок 14. 00:02:33
Design - Start Screen
Урок 15. 00:02:36
Get User's Location
Урок 16. 00:00:47
Setup OpenWeatherMap API
Урок 17. 00:03:16
Get Weather by Coordinates
Урок 18. 00:02:53
Display Data in View
Урок 19. 00:02:18
Get Weather By Search
Урок 20. 00:02:22
Different Backgrounds for Day & Night
Урок 21. 00:01:20
Add Loading Screens
Урок 22. 00:02:06
Install IconGenie
Урок 23. 00:03:07
Generate Icons & Splashscreens
Урок 24. 00:00:52
Create an NPM Script for Easy Icon & Splash Generation
Урок 25. 00:00:34
Module Introduction / If You Don't Have a Mac
Урок 26. 00:00:37
Launch App on Mac for Development
Урок 27. 00:01:48
Add a Geolocation Fallback for Electron
Урок 28. 00:01:38
src-electron folder
Урок 29. 00:00:40
Generate Mac Icons
Урок 30. 00:00:50
Build for Mac
Урок 31. 00:00:47
Publishing to Mac App Store
Урок 32. 00:00:25
Module Introduction
Урок 33. 00:00:58
Install Virtualbox
Урок 34. 00:01:27
Install Windows 10 Virtual Machine
Урок 35. 00:03:15
Setup Virtual Machine & Enable File Sharing
Урок 36. 00:00:53
How to work on the Windows version of your app
Урок 37. 00:01:45
Build the App for Windows
Урок 38. 00:01:18
Launch App on Windows 10 Virtual Machine
Урок 39. 00:00:32
Publishing to the Windows Store
Урок 40. 00:00:35
Module Introduction / If You Don't Have a Mac
Урок 41. 00:01:22
Install Cordova and Xcode
Урок 42. 00:01:06
Launch App on iOS Simulator for Development
Урок 43. 00:00:45
Generate Icons & Splashscreens
Урок 44. 00:00:52
Debug with Safari Dev Tools
Урок 45. 00:02:05
Src-cordova folder
Урок 46. 00:01:21
Install Cordova Geolocation Plugin
Урок 47. 00:00:59
Simulator - Run on Different iOS Devices
Урок 48. 00:03:46
Develop on a Real iOS Device
Урок 49. 00:02:02
Build the App for Production
Урок 50. 00:00:38
Publishing to iOS App Store
Урок 51. 00:00:25
Module Introduction
Урок 52. 00:02:23
Install Android Studio and SDK
Урок 53. 00:01:14
Add Android to your Path (Mac Users)
Урок 54. 00:00:21
Install Additional Software & Set Environment Variables (Windows Users)
Урок 55. 00:01:21
Setup Android Virtual Device
Урок 56. 00:00:51
Launch on Android Simulator
Урок 57. 00:01:10
Debug with Chrome Dev Tools
Урок 58. 00:01:54
Fix Error On Simulator
Урок 59. 00:04:42
Develop on a Real Android Device
Урок 60. 00:00:34
Build the App for Production
Урок 61. 00:00:28
Publish to Google Play Store
Урок 62. 00:01:06
More Quasar

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии

Anonymous
29 нояб. 2021 г., 13:58
одно и то же видео, разберитесь пж