✅ Пишем простое приложение на Vue за 30 минут

Облачный сервер для деплоя: slc.tl/25ub6
Текстовая версия инструкции: slc.tl/satr2
Скачать готовые файлы (код, изображения и пр.) можно по подписке по одному из вариантов:
✅ Boosty: clck.ru/34QLTr
✅ VK donut/tpverstak
✅ через разовую оплату new.donatepay.ru/@annblok (в комментариях напишите email и название видео)
Посмотрев это видео, вы сможете пополнить своё портфолио новой работой. Рекомендую не останавливаться на том, что я показала и попробовать добавить новые функции к текущему приложению. Например, вывести больше данных о погоде, добавить состояния или увеличить количество страниц.
Используемые технологии: HTML, CSS, JavaScript, Vue 3, Vite, API.
🟡 Плейлист с практикой Vue: • Практика на Vue.js 3
🟡 Плейлист с практикой верстки сайтов: • Создание сайтов на пра...
✅ Таймкоды:
00:00 Вступление
00:41 Начало работы
02:51 Подготовка проекта
05:02 Верстка приложения
18:20 Работа с Vue
29:52 Деплой проекта
🔵 Telegram - t.me/frontendblok
🔵 Чат Telegram - t.me/frontendblokchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔴 Обучение - frontendblok.com

[@Ecto-Gamet]

Спасибо за видео. Есть пара замечаний/вопросов: 1. Сообщение об ошибке не выведется никогда, т.к. блок .card с ошибкой v-if="error" находится внутри блока .weather-info с условием v-show="!error && ....". 24:45 (строки листинга 12-14) 2. Если значение температуры будет равно 0°С, то данный блок .weather-info также не отобразится из-за условия v-show="... && temperature !== 0 && ...". 24:45 (строка листинга 12)

[@vanzo16]

Тоже про ошибку интересно.

[@user-pd6ge1km8d]

решает проблему.

[@usr_sh1q]

Аня, а ты сейчас в Таиланде проживаешь?) _(на preview этого ролика город Phuket)_ А то у меня пока что только облачный сервер в Тае 🙃 Если будет желание, запишешь ролик из рубрики «не об IT» ?) Просто интересно, - как _идёт/[прошло]_ путешествие, как страна, и впечатления в общем... 🙂

[@oxanaluzenko4709]

Как же много нового. Я порой просто не успеваю всё узнать и понять. Спасибо за видео😊

[@user-wy4zl9ue4u]

Всегда с интересом смотрю ваши видео, объясняете всё доступно и даже новичку без опыта будет достаточно просто, если следовать вашим советам.

[@yuliya2790]

Спасибо большое за отличную информацию. Рекомендую

[@user-ww7iq8eh2l]

Интересно было вас послушать, первый раз на вашем канале 😊

[@KindSanya]

Благодаря вашему подробному видео я теперь буду знать как мне написать данное приложение. Уверен, данное видео будет многим полезным, кто начинает в этом разбираться

[@user-hb4xk8yv2c]

Спасибо за интересное и информативное видео!😊

[@farmlingarchontas2216]

Интересно. Достаточно доходчиво и понятно. Мне очень понравилось. Лайк без всяких сомнений.

[@funnyclubb3]

довольно познавательное видео,благодарю за обучение и ясность

[@yurok1991]

ооооооо супер!!!! теперь я знаю, чем займусь на майских праздниках, спасибо!

[@Tallkme]

Займись сейчас

[@yurok1991]

@@Tallkme сичас не успею

[@user-xg4ji5vd1r]

Это все дело много чего упрощает в работе, спасибо за совет.

[@WERWOLION]

То чего ждали

[@user-fk1ld7ro2d]

Спасибо за интересное и познавательное видео,мне очень пригодится.

[@user-ty4jh6kf6k]

Было очень интересно посмотреть ваше видео узнала много полезной информации

[@user-bz8wg2lw1c]

Подробнейшая инструкция, супер, понятно думаю даже ребёнку, спасибо

[@alexsrazni2541]

Очень интересное информационное видео просмотрел и прослушал с большим интересом.

[@MultiEchelon]

Спасибо тебе огромное за это

[@user-hs7im8su7g]

Спасибо ха годный совет. мне лично это много поможет.

[@kopchik1000]

Совсем далек от всего этого но за подробные инструкции спасибо. Было интересно.

[@user-ct2dv3vr1n]

Если далёк то изучай и время не теряй.

[@BDfyfGfhdjkw]

Очень интересно и познавательно

[@user-qm6dq3jp7w]

Безусловно конечно было полезно узнать, какие именно существуют методы, чтобы написать приложение на Vue

[@user-uk3xg6cg3g]

У вас очень познавательный контент

[@user-FedorVorobyev]

Да, спасибо, хорошо, что посмотрев это видео, мы сможем пополнить своё портфолио новой работой.

[@alexzom.]

в тему информативное видео и было интересно смотреть

[@sergeymickolaenko1161]

Порекомендую ваше видео также моим друзьям.

[@BugzzV]

думаю при желании и небходимости стоит использовать вот такие возможности

[@user-fn8no3oh1i]

Важная информация часто скрыта в тонкостях. Ваша способность обращать внимание на важные нюансы свидетельствует о вашей проницательности и умении извлекать максимум из информации.

[@DuDu_Play-np1hf]

Интересный урок. Котик топ!!!

[@takyehossain475]

It’s really helpful information video

[@user-cq1tq2go4s]

Такой контент мне очень нравится

[@LostInspector]

Показаны важные вещи, на которые следует обращать внимание. Очень признателен

[@Alex-mi2ij]

Можно для себя побаловаться. Почему бы нет?! Прикольно 🙂

[@marinka-es2dw]

реально очень просто и быстро можно сделать)

[@centaurwarrunner8579]

Всё классно и понятно, более чем понятно, но с твоей красотой трудно понимать код, так как ты очень красивая и шаришь в кодинге)

[@artemunix5223]

а пиня будет с модулями?

[@dembelsky]

Для такого казалось бы простого приложения нужно столько применить технологий?

[@alexeylungul7406]

Подскажите расширения для VS которое показывает превьюшки когда указываешь путь к картинкам

[@annblok_webdev]

Image Preview

[@nuytaV]

Всем привет! Подскажите, пожалуйста, что делать с ошибкой: "Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure resource ''. This request has been blocked; the content must be served over HTTPS." Локально приложение Vue работает, но при загрузке на GitHub Pages не работает кнопка и в консоли такая ошибка. Как понимаю, браузер блокирует запрос http из соображений безопасности? Как исправить данную ошибку? 🥺🙏

[@bogdan-borisoff]

фтп необязательно устанавливать. файлы спокойно по ssh копируются. например через filezilla, протокол sftp, логин/пароль от ssh

[@yurok1991]

а есть где-то инструкция об этом?

[@bogdan-borisoff]

@@yurok1991 на хостинге обычно есть такие инструкции. но можно поискать по слову sftp

[@user-nh2vy6rc7z]

Очень полезное и информативное видео, но для новичков это сложно.

[@sashabest1479]

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

[@user-dw2tc4cq9x]

Видео явно не для всех. Но для разбирающихся в этом деле, они, конечно, пригодятся.

[@cooperanderson8651]

Это же круто, что у вас в голове столько разных интересных мыслей. А если их нету?

[@user-lt7ov6us6f]

Интересно было узнать что и как

[@mystreetlifting76]

Кому тридцать минут понадобится, а кому и все триста на такую работу)))

[@user-ek1sz6ie4k]

На перший погляд все здається зрозуміло та просто.

[@404Negative]

а с таким приложением в портфолио возьмут на мидл фронтенд ?

[@yuritian8830]

техничкой в школу разве что.

[@usr_sh1q]

К чему такой сарказм? И ежу понятно что если и возьмут, то на Traine/Junior, и не только с этим приложением, а еще и с множеством других...

[@yuritian8830]

@@usr_sh1q я бы не взял. а вы?

[@LexiAlexi-xb1ik]

Типа слишком умная?😅 Ок неплохо работаешь и соображаешь

[@Ukrainka8456]

Если честно - нужно начиналась из самых азов...

[@user-lg4zx5mi2t]

Взагалі відео довге, але цікаве. Стараюсь такі довгі відео не дивитись, але тут інший випадок.

[@Mylife-hl6ph]

Для кого-то это очень просто,а как по мне так без помощи точно не справиться

[@user-dh1gs5lj8w]

Для специалистов такую работу сделать очень просто, но для новичков не очень.

[@tolasnisar2494]

Да для новичков будит не просто но нужно учиться.

[@usr_sh1q]

В том то и сложность IT-шки...