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

Подписаться 102 тыс.

Просмотров 16 тыс.

50% 1

Облачный сервер для деплоя: 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

Развлечения

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 73

@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 20 дней назад

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

@oxanaluzenko4709 Месяц назад

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

@user-ww7iq8eh2l Месяц назад

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

@user-wy4zl9ue4u Месяц назад

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

@farmlingarchontas2216 Месяц назад

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

@KindSanya Месяц назад

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

@yurok1991 Месяц назад

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

@Tallkme Месяц назад

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

@yurok1991 Месяц назад

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

@yuliya2790 Месяц назад

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

@user-bz8wg2lw1c Месяц назад

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

@user-hb4xk8yv2c Месяц назад

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

@funnyclubb3 Месяц назад

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

@WERWOLION Месяц назад

То чего ждали

@user-fk1ld7ro2d Месяц назад

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

@user-ty4jh6kf6k Месяц назад

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

@user-uk3xg6cg3g Месяц назад

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

@user-xg4ji5vd1r Месяц назад

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

@DuDu_Play-np1hf Месяц назад

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

@alexsrazni2541 Месяц назад

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

@user-qm6dq3jp7w Месяц назад

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

@MultiEchelon Месяц назад

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

@kopchik1000 Месяц назад

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

@user-ct2dv3vr1n Месяц назад

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

@BDfyfGfhdjkw Месяц назад

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

@user-cq1tq2go4s Месяц назад

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

@user-hs7im8su7g Месяц назад

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

@alexzom. Месяц назад

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

@usr_sh1q Месяц назад

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

@ant3413 3 дня назад

Что за облачный сервер у тебя в Тае ?

@usr_sh1q 3 дня назад

@@ant3413 от провайдера ReadyIDC

@usr_sh1q День назад

@@ant3413 вот так: « ศูนย์อินเตอร์เน็ต ดาต้า เซ็นเตอร์ โดยมีอาคารเป็นของตนเอง ตั้งอยู่บริเวณเมืองทองธานี » загугли, и найдёшь.

@dembelsky Месяц назад

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

@Alex-mi2ij Месяц назад

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

@alexeylungul7406 Месяц назад

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

@annblok_webdev Месяц назад

Image Preview

@takyehossain475 Месяц назад

It’s really helpful information video

@sergeymickolaenko1161 Месяц назад

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

@artemunix5223 Месяц назад

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

@nuytaV 26 дней назад

Всем привет! Подскажите, пожалуйста, что делать с ошибкой: "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 из соображений безопасности? Как исправить данную ошибку? 🥺🙏

@user-FedorVorobyev Месяц назад

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

@BugzzV Месяц назад

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

@centaurwarrunner8579 Месяц назад

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

@cooperanderson8651 Месяц назад

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

@LostInspector Месяц назад

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

@user-fn8no3oh1i Месяц назад

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