Тёмный

Изучение Vue JS за час в одном видео! Разработка приложения на Vue 

Подписаться
Просмотров 35 тыс.
% 967

Разработка проектов на 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

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

 

20 авг 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@iapfone
@iapfone Год назад
Офигенно! Очень понятные обьянения. Спасибо!!!
@alanpuch2243
@alanpuch2243 Год назад
Большое спасибо. Мой первый опыт работы в Vue! Получение рабочего приложения на выходе хорошо мотивирует
@jemanov
@jemanov Год назад
Очень доступно, легко воспринимается материал, спасибо!
@user-pe1pu5ij6v
@user-pe1pu5ij6v 8 месяцев назад
Спасибо ! Идеальное видео для старта ! Не перегружает и не отвращает. Знакомит с новым синтаксисом. Не усложняет. И в итоге красивое работающее мини приложение. Этого не хватает в большинстве видеоуроков. Чтобы в конце можно было получить какой то итог. Рабочий. И при этом красивый, а не бесконечные тудушки страшные )
@amaronov
@amaronov 8 месяцев назад
Если кто-то тоже столкнулся с 401-й ошибкой при использовании Open Weather API - подождите минут 5, Ваш API будет активирован, и данные появятся.
@shaxzodalimov356
@shaxzodalimov356 5 месяцев назад
спасибо бро, со мной такое случилось, прочитав твой комментарий, я зашёл на сайт и увидел, что API-ключ работает
@amaronov
@amaronov 5 месяцев назад
@@shaxzodalimov356 рад, что смог помочь!)
@AbylaiMaratkhan
@AbylaiMaratkhan 4 месяца назад
Гоша большое спасибо, столько видео про вью пересмотрел но толком ничего от них не взял и плюс потратил огромное количество времени, а тут быстро и понятно, желаю тебе только успехов
@romafeelcame7982
@romafeelcame7982 Год назад
Как всегда смотрится приятно. Радует что на выходе практически готовый проект. Ни разу ничего не писал на Vue, но есть опыт в других ЯП. Мне кажется что нужно больше специфичных для данного фреймворка деталей, более глубоко копнуть тему. А не относящееся к Vue, например css можно вообще пропустить
@mosfds
@mosfds Год назад
Привет! Долго смотрю твои видео, надеюсь скоро добьëшь лям
@Duh280
@Duh280 Месяц назад
И правда очень интересно и понятно! Спасибо огромное!)))
@zmmr013
@zmmr013 9 месяцев назад
Теперь сделаем тоже самое в рамках feature sliced design pattern
@tyler6845
@tyler6845 10 месяцев назад
большое спасибо!
@Anatoli-bq1pe
@Anatoli-bq1pe 2 месяца назад
Благодарю!
@snooopikris696
@snooopikris696 Год назад
что делать если при редактировании кода в app vue, редактор не хочет работать, а именно не закрывает теги и тд
@user-ri4fu3zu7g
@user-ri4fu3zu7g Год назад
Сделай пожалуйста быстрый курс по React
@ashimov1970
@ashimov1970 8 месяцев назад
к чему относится this на 39:03? в ванилла джаваскрипте он связан с compute()
@elezthemdev
@elezthemdev Год назад
спасибо
@MaratHighlander
@MaratHighlander Год назад
Здравствуйте! На 41:30 мин вы сказали что при клике нужно вызывать метод, то есть обязательно ставить круглые скобки. Это не так! Круглые скобки ставятся когда что ни будь нужно передавать внутрь метода. Если ничего не передавать, то соответственно не нужно. Благодарю за внимание :)
@KrasavchikSelivan
@KrasavchikSelivan 8 месяцев назад
Автор канала обучает по куче языков программирования, он уникальный человек, эксперт во всех областях, что ты к нему с какими-то ничтожными скобками прикопался
@MaratHighlander
@MaratHighlander 8 месяцев назад
@@fflyerdev Дурачек что ли? На ошибки нужно указывать. Я ни слова не сказал что автор глупый или тому подобное!
@marlen011
@marlen011 5 месяцев назад
спасибо. Лично мне твоё объяснение помогло@@MaratHighlander
@unicoxr5tj417
@unicoxr5tj417 Год назад
можно было Axios дописать в заголовок, норм видос
@Mr.Capone-
@Mr.Capone- 11 месяцев назад
сделал, всё работает. Но когда закинул на хостинг, то там пустая страница, а если открыть код страницы, то там всё есть. Почему? P.S. закинул всё, что лежит в папке itproger
@user-ie9vd8vj9g
@user-ie9vd8vj9g Год назад
вчера все работало а сегодня npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript. смотрю в ответе с сайту json уже нету data а начинается с { "coord": {
@chell3457
@chell3457 Год назад
Гоха, расскажи про WebRTC пж
@shaykhinurov
@shaykhinurov 5 месяцев назад
Прикольно
@marlen011
@marlen011 5 месяцев назад
что за обратная кавычка и как ее поставить?? 48:40
@marlen011
@marlen011 5 месяцев назад
нашел ответ: просто нажмите на букву "ё" на англ раскладке
@user-jc4ys6nr3t
@user-jc4ys6nr3t Год назад
маленькая поправочка, vite ето не сервер, а сборщик приложения (замена webpack), а под капотом у него уже сервер поднимаеться)
@vitaliymochalov
@vitaliymochalov Год назад
Причем тут vue - пол видео стили пишешь
@Chekhxxv
@Chekhxxv 11 месяцев назад
Славно бы добавить сюда округление, так как выглядит ужасно без него, но, дабы знания js имеются
@zvd1660
@zvd1660 Год назад
Кто как и я нуб, и начал с самого начала. У автора минимум установлены два плагина (чтобы у вас было как на видео) 1. Material Icon Theme v4.23.1 2. vue
@BboyAkep
@BboyAkep Год назад
После слов "Удаляем папку components", можно закрывать видео. Большую часть видео занимает написание стилей, что в уроке по vue явно является лишним. Автор показал только одну фишку вьюхи - двустороннее связывание, и потратил на это целый час. В чём смысл урока по vue, если не было рассказано про компоненты, про роутинг, про vue store. Не показал как работает devtools во vue, и как удобно с помощью него можно дебажить приложение. Если вы только собираетесь изучать vuejs, то лучше найдите более подробный материал.
@nth-prog8562
@nth-prog8562 Год назад
Хз по мне, так офигенный ролик
@BboyAkep
@BboyAkep Год назад
@@nth-prog8562, очень жаль, многие люди могут быть сбиты с толку данным видео. Кто-то и в правду может подумать, что автор показал всё, что нужно знать о vue (название видео об этом как раз и говорит). По факту тут нет и меньшей части того, что нужно знать
@nikladpavlovskii8443
@nikladpavlovskii8443 Год назад
Ну так чел, думаешь он от хорошей жизни начал контент записывать? Если бы он был норм прогером сидел бы в крутой айти компании, а не записывал видео в Ютуб..
@nikladpavlovskii8443
@nikladpavlovskii8443 Год назад
Ну так чел, думаешь он от хорошей жизни начал контент записывать? Если бы он был норм прогером сидел бы в крутой айти компании, а не записывал видео в Ютуб..
@BboyAkep
@BboyAkep Год назад
@@nikladpavlovskii8443, так себе оправдание
@NikoPrick
@NikoPrick Год назад
Сделай курс по svelte js.
@user-vw8dm9vl7s
@user-vw8dm9vl7s Год назад
Заметка для себя. Видео просмотрел, название видео "Изучение Vue JS за час в одном видео" не соответствует с реальностью. Упущено и недосказано много важных тем. Скорее это поверхностное ознакомление как выглядит Vue
@Ce-ew2yt
@Ce-ew2yt Год назад
в очередной раз благодарю вас, от всего сердца! Ваши передачи - отдохновение и наслаждение души! Передающие спокойствие и незыблемость вечной красоты!🙏 Настоящий кладезь, совершенно уникальный контент! Пожалуйста, продолжайте! И поклон всему вашему коллективу этого канала ! ПОЖАЛУЙСТА ПОМОГИТЕ МНЕ В СЛОЖНОЙ СИТУАЦИИ🙏 мне стыдно просить помощи у незнакомых мне людей, но я очень хочу отучиться на Программиста. Я уже Шестой месяц как начал обучаться, но мне нужна практика, а для практики ноутбук) Почему программист? так как я сирота и недавно я закончил обучение в техникуме по этой причине меня Государство больше не содержит да и сестра всё отбирала а на данный момент я не имею никакого дохода живу в небольшом посёлке и работу найти крайне трудно. хоть и есть своя квартира но уже счёт за ЖКХ не платил второй год и говорят уже что отберут квартиру если не стану оплачивать, а я очень хочу начать лучшую жизнь для себя. На работу даже в Пятёрочку не взяли так как после смерти матери у меня были Панические Атаки и депрессия и поэтому меня сестра Отправила в Психиатрическую больницу пусть это было давно но не дают мне зелёный сигнал светофора к нормальной жизни после этого. недавно знакомый мне предложил помощь и сказал поможет в обучении но надо для этого хороший ноутбук Обучение будет бесплатным но ноутбук самый дешёвый и подходящий в нашем поселке стоит 26.690. Сумма довольно большая для меня. И навряд ли в ближайшее время я смогу её накопить но сейчас даже решил выставить на продажу свой стол и комод. Если вам не трудно, можете пожалуйста приблизить исполнение моей мечты. Я буду очень благодарен любой сумме. Хоть 5 рублей. Я думаю что в мире полно добрых людей. все кто хочет помочь мне с исполнением моей маленькой но крепкой мечты, может перевести любую сумму по номеру Сбер: 4276 6702 8262 4070 Всем заранее Спасибо)))
@damirasanov8993
@damirasanov8993 Год назад
третий
@_regman
@_regman Год назад
Ясно хайп vue
@user-sd2ix2qk8q
@user-sd2ix2qk8q 4 месяца назад
ахаххаха ето пиздець
@SofaAircraftCarrier
@SofaAircraftCarrier Год назад
Лучше на заводе гайки крутить
@hpntic
@hpntic 8 месяцев назад
хуже
@user-wm5wk8pe9o
@user-wm5wk8pe9o 5 месяцев назад
@@hpnticЗначительно хуже
@artem_ib
@artem_ib Год назад
Многие вещи что рассказаны здесь для упрощения, исказили смысл. Я ваш канал смотрю редко редко - без хейта, но материал откровенно слабый. Для новичков, рекомендую посмотреть vue 3 фундаментальный курс от А до Я - от Ulbi TV. Вашему каналу желаю прирост в качестве материала и не быть всем по верхам по чучуть. Хотя смысл охвата новичков из разных тем и продажи им курсов понятен.
@hikkikomori9072
@hikkikomori9072 11 месяцев назад
ну лучше поди сначало доку почитать а потом чсв татарчонка смотреть :D
@user-pe1pu5ij6v
@user-pe1pu5ij6v 8 месяцев назад
Не соглашусь. Пыталась посмотреть улби 3 часовой. Для начала он сложный. В итоге дело не двигалось совсем. Никуда. Тупик. Зато этот урок села и посмотрела. И уже представление появилось о вью. И особенно радует проект итоговый на выходе красивый.
@artem_ib
@artem_ib 8 месяцев назад
@@user-pe1pu5ij6v Ну каждому конечно своё)) Я улби посмотрел в начале раза 3 - 4 и повторял всё, въезжая в то что делаю. И даже после этого - я начал проходить разные курсы и я понял на сколько я не понимаю что тут творится. Но как говорится - дорогу осилит идущий. В целом мне нравиться вью, а вам успехов в изучении)
@ivanselyt
@ivanselyt Год назад
руки оторвать бы за опшинс API. Вы в 22 году живете или каком? Смысл учить тому, чему не отдается уже приоритет?
@xoce2315
@xoce2315 Год назад
а что сейчас в приоритете?
@madarasan0
@madarasan0 Год назад
Конечно, это кликбейт, за что жесточайший диз, в видео показаны только вершины айсберга. Начали для новичков вроде понятными объяснениями, потом понеслось накидование непонятной терминологии, для новичков видео только вредит
@Garry_Levin
@Garry_Levin 8 месяцев назад
Дослушать до конца эту тупую нудоту почти невозможно.
@highwhite
@highwhite Год назад
Лучше react
@user-mh1pm7qm3x
@user-mh1pm7qm3x 8 месяцев назад
Офигенно! Очень понятные обьянения. Спасибо!!!