Тёмный

Уроки VUE-CLI 3 учим за 1 час для начинающих с нуля [ vue.js компоненты ]+ много полезной информации 

DKA-DEVELOP
Подписаться 137 тыс.
Просмотров 100 тыс.
50% 1

🔊В данном видео мы пошагово пройдем путь от основ до использования VUE CLI и Vue js
👉Подписывайтесь на канал [ все бесплатно ]
🙈 за 1 час - это название серии выпусков
🙉 Канал в телеграмм: bit.ly/2QcOXD4
💕Канал для ардуинщиков и программистов: bit.ly/2SMUUYs
☕🍗 Патреон - поддержи автора:
/ dkadevelop
- Другие реквизиты на сайте автора:
dka-develop.ru/blog/donation
-----------------------------------------------
🔊Описание и ТаймКод:
0:00 Что будет рассмотрено и требования для изучающих
1:36 Что такое NodeJS
2:52 Npm - что это и какая его роль
5:33 Yarn - что это
6:14 Установка NodeJS в Windows
9:21 Установка NodeJS в Ubuntu
12:24 Vue-CLI - знакомство
15:29 Установка Vue-CLI и разбор команды
18:08 Создание проекта через CLI
20:00 Что такое Babel
22:24 Что такое ESLint
23:07 Выбор между пресетами и запуск проекта в режиме разработки
26:42 Коротко о Webpack
27:20 Терминал в Visual Studio Code
28:20 Знакомство со структурой проекта VUE-CLI
42:11 Разбор структуры компонента (Шаблон, Код, Стиль)
47:39 Пишем простое приложение
-----------------------------------------------
👉Код из видео:
dka-develop.ru/blog/article/u...
⚒ Установка Node.JS под Ubuntu
dka-develop.ru/blog/article/u...
-----------------------------------------------
⚒ Документация Vue-CLI:
cli.vuejs.org/ru/guide/
⚒ Установка Vue-CLI:
cli.vuejs.org/ru/guide/instal...
⚒ PostCSS утилита для работы со стилями:
postcss.org/
⚒ Настройка совместимости с браузерами под которые мы пишем проект.
cli.vuejs.org/ru/guide/browse...
⚒ Vue DevTools расширение для браузера:
chrome.google.com/webstore/de...
⚒ Best Practice VUE
ru.vuejs.org/v2/style-guide/i...
-----------------------------------------------
⚒ Используемый редактор:
Visual Studio Code: code.visualstudio.com/
Sublime: sublimetext.com
🌍 Официальный сайт:
dka-develop.ru
© Music:
RU-vid Library
#dkadevelop #vuejs #ityoutubersru #vue

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

 

8 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 613   
@DKADEVELOP
@DKADEVELOP 4 года назад
Первый (для новичков) выпуск по VUE: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b6Ac0jcqJIg.html
@Nurimendizhen
@Nurimendizhen 4 года назад
ссылку нужно поменять
@kameronkayson7120
@kameronkayson7120 2 года назад
I know im randomly asking but does anyone know a method to log back into an instagram account? I was stupid forgot my login password. I love any tips you can give me!
@brick2h720
@brick2h720 5 лет назад
Невооружённым взглядом видно сколько труда ты вложил и насколько трепетно относишься к подаче, манере, паузам, анимациям и просто поездом :D проходишь по отдельным частям кода либо плагинам (в смысле быстро и доходчиво). Огромный респект тебе!!
@user-bd8rz6ok4z
@user-bd8rz6ok4z 5 лет назад
Огромнейшее спасибо! Прям то, что мне нужно было узнать именно сегодня ) И правда сложно представить сколько сил и времени вложено в этот материал. Очень жду продолжения!
@user-iq7xy1jp1c
@user-iq7xy1jp1c 4 года назад
Кратко, понятно. Лучшее обучающее видео по программированию из всех что я видел. Спасибо
@user-eg2zy1sc7r
@user-eg2zy1sc7r 4 года назад
Спасибо! Лучшая подача материала, которую я видел на просторах ютуба!
@user-hw8he9uk8v
@user-hw8he9uk8v 4 года назад
Замечательный урок! Всё разжёвано, понятно, подача интересная! А ведь за этой легкостью стоит колоссальная работа! Автор, Вы мега молодец! Спасибо! Ждём продолжения!
@alexmercer531
@alexmercer531 3 года назад
Лучшее видео по основам Vue из всех, что я видел. Спасибо.
@SCBestru
@SCBestru 4 года назад
То что в конце показал, что проект может быть скомпилирован и может быть использован на обычном веб сервере, это просто сломало мне шаблон. Я думал что нужно все это корячить на VDS, но это вообще все меняет! Подписка и лайк однозначно. Иду учить VUE JS
@ndreiorekhov777
@ndreiorekhov777 5 лет назад
невероятно качественный видео-контент, редко вообще встретишь качественное объяснение, а тут ещё и в такой легкоусвояемой (вспомнил кроликов 😀) форме. Спасибо за работу.
@nikaleksenko
@nikaleksenko 3 года назад
Алексей, спасибо за очень качественные уроки. У вас определенно способности обучать людей, прекрасное структурированное изложение материала. Желаю сил продолжать ваше благое дело, здоровья!
@user-ug1fk8ob3q
@user-ug1fk8ob3q 5 лет назад
Спасибо огромное! Доступно и понятно! За пол часа узнал больше, чем за целый день.
@user-foresco
@user-foresco 4 года назад
Вы просто умница! Очень доходчиво и убедительно описали инструменты, их несомненную нужность и простоту.
@WebGarmony
@WebGarmony 4 года назад
Толково и без воды. Спасибо!
@maximuspower2672
@maximuspower2672 4 года назад
Лучший видос по vue. Простым и понятным языком и всего за 1 час
@videofan1978
@videofan1978 4 года назад
Дякую за ролик. Доступно і шикарна реалізація візуальної частини. Чекаємо. + к 500 :)
@tobe2339
@tobe2339 5 лет назад
большое спасибо! Наконец-то нашел понятные видео, без лишнего трепа! Очень хотелось бы увидеть на примере какого-нибудь простенького spa-приложения работу php+vue, т.е. на боевых примерах.
@alexandrbalashov7543
@alexandrbalashov7543 4 года назад
Огромная благодарность за труд! Многие вещи разложились по полочкам. Асинхронная работа с сервером была весьма актуальна.
@mr.z5289
@mr.z5289 2 года назад
подача материала - высший пилотаж! спасибо
@user-wk6jm7nk5z
@user-wk6jm7nk5z 3 года назад
супер подача - плотность и качество информации поражает. очень хочется дальше про вью до мидла
@user-ff6do1pl9c
@user-ff6do1pl9c 4 года назад
Замечательная работа! Чувствуется огромный труд. Большое уважение автору.
@vovaka440
@vovaka440 2 года назад
Отличный час за чашечкой кофе! Все доступно, без воды, однозначно лайк и подписка :)
@user-qv4hn6qq4n
@user-qv4hn6qq4n 4 года назад
Божественное видео! Посмотрел многое по Vue, но это видео привело голову в порядок. Теперь хочется VueRouter и VueResource
@aldomoro9414
@aldomoro9414 5 лет назад
Спасибо! Безумная работа! С нетерпением ждем следующего выпуска!
@arinokaz
@arinokaz 5 лет назад
И как всегда! Спасибо за отличный и нужный материал. Спасибо за ваш труд. 👍
@DKADEVELOP
@DKADEVELOP 5 лет назад
🔥👍 Спасибо!
@hitpointn1
@hitpointn1 4 года назад
Спасибо за урок! По работе, хоть и на бэке сижу, приходится периодический ковырять вьюшку, твои ролики очень помогли быстро разобраться что к чему. Поддерживаю комментаторов, про связь с бэком. Особенно интересна вью в связке vue + typescript.
@dzianishrip5139
@dzianishrip5139 4 года назад
Спасибо за отличный материал и качество подачи. Это большой труд!
@user-rq5hm9jm6o
@user-rq5hm9jm6o 4 года назад
огромное спасибо за труд!! только начинаю изучать и твое видео как путевая звезда! все точно и понятно) шикарное видео для старта!
@antonnikolenko3538
@antonnikolenko3538 4 года назад
Шикарно просто шикарно. Только что прочитал где-то 80% доки потом посмотрел твое видео, все структурировалось в голове. Спасибо большое
@Dima-ym2uc
@Dima-ym2uc 5 лет назад
Супер. Спасибо. Идеальный формат видео уроков
@WayToVictoryWTV
@WayToVictoryWTV 2 года назад
Круто. Все доступно и понятно. Спасибо!
@Vladislav3329RUS
@Vladislav3329RUS 4 года назад
Огромное спасибо! Прямо библия разработки! Очень доходчиво и понятно
@postcoderV
@postcoderV 4 года назад
Шикарные, понятные уроки. Спасибо!
@nslinnn
@nslinnn 4 года назад
Очень плотный поток информации. Очень понравилось. Большое спасибо! Хочу продолжения ))
@aleksanderstelmaszok3451
@aleksanderstelmaszok3451 3 года назад
Спасибо за выпуск! Классный формат
@_kornev
@_kornev 4 года назад
Супер. При переходе с React самое понятное объяснение 👕
@magway2004
@magway2004 4 года назад
Очень круто. Вы единственный спикер который рассказывает доступным и понятным языком. Только на Ваших курсах пока изучаю программирование т.к. остальные говорят на непонятном языке
@TheToptish
@TheToptish 4 года назад
Шикарное видео. Спасибо. Очень структурировано и насыщено.
@user-yf2rw3cu3k
@user-yf2rw3cu3k 4 года назад
Просто огонь! Я еще на шаг ближе к цели!) Как только в моём кошельке заделаю брешь, обязательно спонсирую!
@annagri1798
@annagri1798 4 года назад
Ждем следующий ролик!)) Спасибо за этот выпуск!
@ngc-4826
@ngc-4826 3 года назад
Твой канал настоящие откровение. Сколько бы я не смотрел на других канала гайдов и мануалов по JS или чему-то ещё просто всё было глухо. Но когда я нашел твой канал всё сдвинулось с мёртвой точки. Подача контента просто чудесная, объяснение понятное, без воды всё четко и понятно. Спасибо за труды!
@alyxmp4749
@alyxmp4749 3 года назад
Давайте все респектовать автора, это прекрасно! Столько труда проделано. Спасибо большое. Я предпочитаю делать сайты на Django, но решил посмотреть что такое Vue и удивился 😄
@antonidaweber9184
@antonidaweber9184 4 года назад
Спасибо большое за труд! Смотрела и разбирала ваше видео не один час, делала конспекты, пробовала что-то реализовать. Очень понятная подача материала, отличный монтаж, приятный голос, хорошие советы новичкам. Вы объясяете лучше многих преподавателей в университете. От ваших уроков и польза, и удовольствие) Очень хотелось бы увидеть, как связать всю эту красоту с бэкэндом, работа с базой данных меня больше всего интересует.
@user-yd3pn5nu9w
@user-yd3pn5nu9w 4 года назад
Огромная благодарность за видео! Вы вдохновили меня продолжать попытки программировать. Иногда просто руки опускаются от понимания того, сколько всего нужно знать и уметь..
@andredru4278
@andredru4278 11 месяцев назад
Спасибо. Понравилось. Доходчиво и досаточно полно на мой взгляд.
@OB-mq5is
@OB-mq5is 4 года назад
Спасибо, очень доступно и структурировано!
@kaprizov3200
@kaprizov3200 3 года назад
Ай красавец!! какая же четкая подача!
@mykola9212
@mykola9212 3 года назад
Парень, огромная благодарность тебе за такой качественный урок. Очень полезно. Ты сделал огромный вклад в людей!
@RTDox
@RTDox 4 года назад
Очень круто! Молодец! Спасибо за проделанный труд! Я написал на ларавел 3 огромных проекта, и только сейчас после просмотра этих видео про Vue понял, что я жостко навтыкал используя jQuery во всех проектах...
@user-xp8zi5bs1d
@user-xp8zi5bs1d 5 лет назад
Спасибо, лучший! Конкурентов в качестве материала не видел еще
@Ilya-ju1jg
@Ilya-ju1jg 4 года назад
Красава, все разжевал, как надо, все сразу стало гораздо понятнее
@gagn81
@gagn81 3 года назад
Спасибо Вам огромное! дай Бог Вам здоровья
@alexoborin105
@alexoborin105 4 года назад
Огромное спасибо за качественный материал!!!
@user-mh8nv6iv8v
@user-mh8nv6iv8v 3 года назад
Спасибо за Вашу огромную работу!
@sergheicovalenco1812
@sergheicovalenco1812 4 года назад
Понравилось. Все четко и последовательно. Ждем продолжения. Удачи.
@user-zj1zi9sm3m
@user-zj1zi9sm3m 3 года назад
Просто супер. Все понятно, для ночального уровня идеально. Хотелось бы что-то сложнее, целый курс. Например создание интернет магазина или блога. Уже с готовым беком например.
@79fz270704
@79fz270704 5 лет назад
Супер, хорошая работа! Хотелось бы увидеть best practice по связи с backend.
@mikurrey416
@mikurrey416 5 лет назад
best practice именно для VUE скорее всего будет SSR+REST API, как и для других реактивных библиотек. Рекомендую ознакомиться с Vue SSR или со сборкой Nuxt
@TheImplementator
@TheImplementator 3 года назад
Огромное тебе спасибо за твой труд! Это действительно неоценимо.
@user-hj4nj1dq9f
@user-hj4nj1dq9f 4 года назад
Лучшие уроки, спасибо за труд!
@dev.karimov
@dev.karimov 4 года назад
Спасибо за труд, очень интересно и понятно, час прошел не зря!)
@artemgum4517
@artemgum4517 5 лет назад
Очень круто! Спасибо, разложил все по полочкам)
@mouviem7951
@mouviem7951 5 лет назад
Доступно и просто! Спасибо!
@solio6999
@solio6999 3 года назад
Большое спасибо за такое подробное видео! Актуально в 2020
@kulibinstudio
@kulibinstudio 4 года назад
Спасибо!!! Супер подача информации!
@SergiyAntonyuk_PhD
@SergiyAntonyuk_PhD 5 лет назад
Отличная работа. Спасибо за труд. Жду следующие видео. Любые. Тема очень интересная.
@MrNobody-cp7dk
@MrNobody-cp7dk 4 года назад
Супер видео, спасибо! Мне понравился подход, особенно пояснения насчет node, babel, eslint, webpack.
@Ogr285
@Ogr285 3 года назад
Какой же огромный труд... Спасибо.
@pavelgustinovich5436
@pavelgustinovich5436 5 лет назад
Спасибо за урок, подача материала просто шикарна,подписался,жду следующий!
@fanattyzov4810
@fanattyzov4810 4 года назад
Спасибо за труд! Жду продолжения)
@user-xc5do8in8k
@user-xc5do8in8k 3 года назад
Подача материала что в аудио, что в визуальном плане офигенная!
@user-dd9ph8fh5d
@user-dd9ph8fh5d 4 года назад
Круто, автор молодец, именно обучающий урок с деталями для совсем чайников (это важно). Спасибо огромное!
@maxl4632
@maxl4632 4 года назад
Очень круто! Хотелось бы увидеть 3-ю часть)
@user-pt9hc3de4m
@user-pt9hc3de4m 3 года назад
Хорошие уроки! Спасибо за работу!
@rhythm_with_alex
@rhythm_with_alex 5 лет назад
Очень круто сделано видео, юмор спасает. Спасибо!
@Sendoo23
@Sendoo23 5 лет назад
Качественная подача, большая работа проделана. Лайк и подписка 👍
@user-ld1bw6ym6s
@user-ld1bw6ym6s 4 года назад
Спасибо тебе за такое подробное объяснение, всё понятно и ясно с первого просмотра, продолжай в том же духе))
@artik3386
@artik3386 4 года назад
Круто. Спасибо. Жду продолжения
@DmitryGolubtsov
@DmitryGolubtsov 3 года назад
спасибо! огромный труд! в следующей части хотелось бы увидеть блок про подключение сторонних компонентов - например bootstrap, или уже готовых форм, таблиц, скриптов
@user-kw2ky2bq9l
@user-kw2ky2bq9l 5 лет назад
Человеческое спасибо!) Как всегда очень годный контент и отличная подача!)
@muborizDev
@muborizDev 4 года назад
Огромный труд , спасибо !
@user-zg8bt5ko9i
@user-zg8bt5ko9i 4 года назад
Спасибо, концентрация знаний очень высокая в ваших видео! Никакой воды!
@andrewwwlife
@andrewwwlife 4 года назад
Спасибо, лучшее что видел с vue на русском
@inposm
@inposm 4 года назад
Спасибо за такой замечательный курс!)
@user-cv3ey5oh6k
@user-cv3ey5oh6k 4 года назад
Спасибо! Очень качественный материал
@justashaco2497
@justashaco2497 4 года назад
Спасибо за качество контента!
@artemmasl5553
@artemmasl5553 4 года назад
Спасибо за видео! Просто идеально!
@mattye12
@mattye12 4 года назад
Спасибо большое за видео!! Не смотря на то, что для новичка это просто огромный поток информации, от которого почти сносит голову, ролик действительно ответил мне на многие вопросы! Было бы здорово, если бы вышел ролик на тему, как можно записывать данные на сервер, или в файл с помощью vue.js.
@user-sf9nn6dh2q
@user-sf9nn6dh2q Год назад
Спасибо, очень хороший ролик, легко и доступно
@olegkravchenko9655
@olegkravchenko9655 4 года назад
Добавлю комментарий для движения к 500 :) Спасибо за такие нескучные уроки!
@nusratullohsobirov6828
@nusratullohsobirov6828 2 года назад
Спасибо тебе за такой хороший видео_контент и за труд. Очень хорошо объясняет Чётко и ясно.
@ManOnHorizon
@ManOnHorizon 4 года назад
Как же ты лаконично и понятно всё объясняешь! Прямо даже удивляюсь, как такое возможно... (при этом не забываешь про старую китайскую поговорку "Не давай голодному рыбы, но научи его рыбачить" - пропагандируешь самообучение) После просмотра таких роликов жалею, что можно поставить всего один лайк :)
@user-cf4vz3br6w
@user-cf4vz3br6w 4 года назад
Спасибо за твой труд!)
@pacha0409
@pacha0409 4 года назад
Хорошая подача, спасибо!
@skaler38
@skaler38 4 года назад
Огромное спасибо! Дальше было бы интересно посмотреть применение vue-router и работу с данными с бэкэнда.
@dmytromatvieiev8932
@dmytromatvieiev8932 4 года назад
Очень круто. Было бы здорово увидеть продолжение уроков по Vue
@dmitryrochev1449
@dmitryrochev1449 4 года назад
Огромное спасибо за уроки. Доступно и понятно Некоторые моменты даже через чур подброно описаны) типа как открыть терминал в Винде)
@cherryjack6307
@cherryjack6307 3 года назад
Thank you so much.This is the best video course to learn vue.js I've ever seen,I hope it can be translated into English.
@yurafedechko6936
@yurafedechko6936 4 года назад
спасибо, ждем следующую часть!)
@aleksandrgurnak3911
@aleksandrgurnak3911 4 года назад
Спасибо за качественный видео урок!
@OcDemian228
@OcDemian228 4 года назад
Шикарно, надеюсь будет продолжение.
@mrVandecko
@mrVandecko 4 года назад
Спасибо за обьяснение render и всего последуещего! Уникальная инфа.
Далее
Машины в 2018 и в 2024
00:15
Просмотров 1,4 млн
React и TypeScript - Быстрый Курс
1:40:52
Просмотров 339 тыс.
CI CD наглядные примеры
22:08
Просмотров 262 тыс.
Vue JS 3 Composition API на Практике
54:24
Просмотров 57 тыс.
Машины в 2018 и в 2024
00:15
Просмотров 1,4 млн