Изучение Vue JS за час в одном видео! Разработка приложения на Vue
HTML-код
- Опубликовано: 26 июн 2024
- Разработка проектов на Vue JS является приятным и быстрым процессом. В ходе урока вы с нуля изучите фреймфорк Vue JS и разработаете на его основе приложение для получения погоды в разных городах.
✅ Полезные ссылки:
- Программа обучения Node JS: itproger.com/intensive/node-js
- Официальный сайт Node: nodejs.org/en/
- Программа VS Code: code.visualstudio.com/
- Курс React JS: itproger.com/course/react-js
- Сайт Vue JS: vuejs.org/
⏰ Тайм-коды:
00:00 - Начало
00:31 - Информация про Vue JS
00:59 - Зачем он вам, если есть jQuery?
02:02 - Альтернативы
02:53 - План урока
03:11 - Настройка проекта
08:10 - Структура проекта
17:33 - Vue JS сервер
18:55 - Подключение стилей
24:02 - Основные теги
27:20 - Переменные
29:55 - Обработчики
32:24 - Данные от пользователя
34:55 - Условия
38:15 - Computed свойства
39:58 - Создание методов
44:46 - Получение погоды
46:54 - Библиотека axios
51:36 - Красивый вывод
55:02 - Заключительный урок
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼💻
- Все уроки по хештегу #goshaLessons
![Vue 3 Основы для Начинающих - Полный Курс [2021]](/img/1.gif)
Офигенно! Очень понятные обьянения. Спасибо!!!
Большое спасибо. Мой первый опыт работы в Vue! Получение рабочего приложения на выходе хорошо мотивирует
Очень доступно, легко воспринимается материал, спасибо!
Если кто-то тоже столкнулся с 401-й ошибкой при использовании Open Weather API - подождите минут 5, Ваш API будет активирован, и данные появятся.
спасибо бро, со мной такое случилось, прочитав твой комментарий, я зашёл на сайт и увидел, что API-ключ работает
@@shaxzodalimov356 рад, что смог помочь!)
Гоша большое спасибо, столько видео про вью пересмотрел но толком ничего от них не взял и плюс потратил огромное количество времени, а тут быстро и понятно, желаю тебе только успехов
Спасибо ! Идеальное видео для старта ! Не перегружает и не отвращает. Знакомит с новым синтаксисом. Не усложняет. И в итоге красивое работающее мини приложение. Этого не хватает в большинстве видеоуроков. Чтобы в конце можно было получить какой то итог. Рабочий. И при этом красивый, а не бесконечные тудушки страшные )
И правда очень интересно и понятно! Спасибо огромное!)))
Привет! Долго смотрю твои видео, надеюсь скоро добьëшь лям
Как всегда смотрится приятно. Радует что на выходе практически готовый проект. Ни разу ничего не писал на Vue, но есть опыт в других ЯП. Мне кажется что нужно больше специфичных для данного фреймворка деталей, более глубоко копнуть тему. А не относящееся к Vue, например css можно вообще пропустить
большое спасибо!
Благодарю!
Сделай пожалуйста быстрый курс по React
После слов "Удаляем папку components", можно закрывать видео.
Большую часть видео занимает написание стилей, что в уроке по vue явно является лишним. Автор показал только одну фишку вьюхи - двустороннее связывание, и потратил на это целый час. В чём смысл урока по vue, если не было рассказано про компоненты, про роутинг, про vue store. Не показал как работает devtools во vue, и как удобно с помощью него можно дебажить приложение.
Если вы только собираетесь изучать vuejs, то лучше найдите более подробный материал.
Хз по мне, так офигенный ролик
@@nth-prog8562, очень жаль, многие люди могут быть сбиты с толку данным видео. Кто-то и в правду может подумать, что автор показал всё, что нужно знать о vue (название видео об этом как раз и говорит). По факту тут нет и меньшей части того, что нужно знать
Ну так чел, думаешь он от хорошей жизни начал контент записывать? Если бы он был норм прогером сидел бы в крутой айти компании, а не записывал видео в Ютуб..
Ну так чел, думаешь он от хорошей жизни начал контент записывать? Если бы он был норм прогером сидел бы в крутой айти компании, а не записывал видео в Ютуб..
@@nikladpavlovskii8443, так себе оправдание
что делать если при редактировании кода в app vue, редактор не хочет работать, а именно не закрывает теги и тд
Теперь сделаем тоже самое в рамках feature sliced design pattern
сделал, всё работает. Но когда закинул на хостинг, то там пустая страница, а если открыть код страницы, то там всё есть. Почему?
P.S. закинул всё, что лежит в папке itproger
Здравствуйте!
На 41:30 мин вы сказали что при клике нужно вызывать метод, то есть обязательно ставить круглые скобки. Это не так! Круглые скобки ставятся когда что ни будь нужно передавать внутрь метода. Если ничего не передавать, то соответственно не нужно. Благодарю за внимание :)
Автор канала обучает по куче языков программирования, он уникальный человек, эксперт во всех областях, что ты к нему с какими-то ничтожными скобками прикопался
@@fflyerdev Дурачек что ли? На ошибки нужно указывать. Я ни слова не сказал что автор глупый или тому подобное!
спасибо. Лично мне твоё объяснение помогло@@MaratHighlander
можно было Axios дописать в заголовок, норм видос
спасибо
вчера все работало а сегодня
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.
смотрю в ответе с сайту json уже нету data а начинается с { "coord": {
к чему относится this на 39:03? в ванилла джаваскрипте он связан с compute()
Славно бы добавить сюда округление, так как выглядит ужасно без него, но, дабы знания js имеются
Кто как и я нуб, и начал с самого начала. У автора минимум установлены два плагина (чтобы у вас было как на видео)
1. Material Icon Theme v4.23.1
2. vue
Причем тут vue - пол видео стили пишешь
Прикольно
маленькая поправочка, vite ето не сервер, а сборщик приложения (замена webpack), а под капотом у него уже сервер поднимаеться)
Гоха, расскажи про WebRTC пж
что за обратная кавычка и как ее поставить?? 48:40
нашел ответ: просто нажмите на букву "ё" на англ раскладке
Заметка для себя.
Видео просмотрел, название видео "Изучение Vue JS за час в одном видео" не соответствует с реальностью. Упущено и недосказано много важных тем. Скорее это поверхностное ознакомление как выглядит Vue
третий
в очередной раз благодарю вас, от всего сердца!
Ваши передачи - отдохновение и наслаждение души!
Передающие спокойствие и незыблемость вечной красоты!🙏 Настоящий кладезь, совершенно уникальный контент! Пожалуйста, продолжайте! И поклон всему вашему коллективу этого канала !
ПОЖАЛУЙСТА ПОМОГИТЕ МНЕ В СЛОЖНОЙ СИТУАЦИИ🙏
мне стыдно просить помощи у незнакомых мне людей, но я очень хочу отучиться на Программиста.
Я уже Шестой месяц как начал обучаться, но мне нужна практика, а для практики ноутбук) Почему программист? так как я сирота и недавно я закончил обучение в техникуме по этой причине меня Государство больше не содержит да и сестра всё отбирала а на данный момент я не имею никакого дохода живу в небольшом посёлке и работу найти крайне трудно. хоть и есть своя квартира но уже счёт за ЖКХ не платил второй год и говорят уже что отберут квартиру если не стану оплачивать, а я очень хочу начать лучшую жизнь для себя. На работу даже в Пятёрочку не взяли так как после смерти матери у меня были Панические Атаки и депрессия и поэтому меня сестра Отправила в Психиатрическую больницу пусть это было давно но не дают мне зелёный сигнал светофора к нормальной жизни после этого. недавно знакомый мне предложил помощь и сказал поможет в обучении но надо для этого хороший ноутбук
Обучение будет бесплатным но ноутбук самый дешёвый и подходящий в нашем поселке стоит 26.690. Сумма довольно большая для меня. И навряд ли в ближайшее время я смогу её накопить но сейчас даже решил выставить на продажу свой стол и комод. Если вам не трудно, можете пожалуйста приблизить исполнение моей мечты. Я буду очень благодарен любой сумме. Хоть 5 рублей. Я думаю что в мире полно добрых людей. все кто хочет помочь мне с исполнением моей маленькой но крепкой мечты, может перевести любую сумму по номеру Сбер: 4276 6702 8262 4070
Всем заранее Спасибо)))
Сделай курс по svelte js.
Ясно хайп vue
ахаххаха ето пиздець
Многие вещи что рассказаны здесь для упрощения, исказили смысл. Я ваш канал смотрю редко редко - без хейта, но материал откровенно слабый. Для новичков, рекомендую посмотреть vue 3 фундаментальный курс от А до Я - от Ulbi TV.
Вашему каналу желаю прирост в качестве материала и не быть всем по верхам по чучуть. Хотя смысл охвата новичков из разных тем и продажи им курсов понятен.
ну лучше поди сначало доку почитать а потом чсв татарчонка смотреть :D
Не соглашусь. Пыталась посмотреть улби 3 часовой. Для начала он сложный. В итоге дело не двигалось совсем. Никуда. Тупик. Зато этот урок села и посмотрела. И уже представление появилось о вью. И особенно радует проект итоговый на выходе красивый.
@@user-pe1pu5ij6v Ну каждому конечно своё)) Я улби посмотрел в начале раза 3 - 4 и повторял всё, въезжая в то что делаю. И даже после этого - я начал проходить разные курсы и я понял на сколько я не понимаю что тут творится. Но как говорится - дорогу осилит идущий. В целом мне нравиться вью, а вам успехов в изучении)
Лучше на заводе гайки крутить
хуже
@@hpnticЗначительно хуже
руки оторвать бы за опшинс API. Вы в 22 году живете или каком? Смысл учить тому, чему не отдается уже приоритет?
а что сейчас в приоритете?
Дослушать до конца эту тупую нудоту почти невозможно.
Конечно, это кликбейт, за что жесточайший диз, в видео показаны только вершины айсберга. Начали для новичков вроде понятными объяснениями, потом понеслось накидование непонятной терминологии, для новичков видео только вредит
Лучше react
Офигенно! Очень понятные обьянения. Спасибо!!!