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

🔊В данном видео мы пошагово пройдем путь от основ до использования 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:
KZbin Library
#dkadevelop #vuejs #ityoutubersru #vue

[@DKADEVELOP]

Первый (для новичков) выпуск по VUE: kzbin.info/www/bejne/mGeklGOgmNZ9f8k

[@Nurimendizhen]

ссылку нужно поменять

[@kameronkayson7120]

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]

Невооружённым взглядом видно сколько труда ты вложил и насколько трепетно относишься к подаче, манере, паузам, анимациям и просто поездом :D проходишь по отдельным частям кода либо плагинам (в смысле быстро и доходчиво). Огромный респект тебе!!

[@SCBestru]

То что в конце показал, что проект может быть скомпилирован и может быть использован на обычном веб сервере, это просто сломало мне шаблон. Я думал что нужно все это корячить на VDS, но это вообще все меняет! Подписка и лайк однозначно. Иду учить VUE JS

[@AlexKrut]

За один час разжевал и разложил по полочкам все то, что у меня пока вызывало недопонимания во Vue. Прочие авторы просто показывали и делали по принципу "не будем вникать, надо так. Хотите подробнее - поизучайте сами". Наконец-то нашелся человек, который качественно и подробно все изложил. Благодарю!

[@ManOnHorizon]

Как же ты лаконично и понятно всё объясняешь! Прямо даже удивляюсь, как такое возможно... (при этом не забываешь про старую китайскую поговорку "Не давай голодному рыбы, но научи его рыбачить" - пропагандируешь самообучение) После просмотра таких роликов жалею, что можно поставить всего один лайк :)

[@em6663]

👍👍👍👍👍 Tакого объяснение нету нигде, ты попадешь в рай чувак! 👍👍👍👍👍

[@shurik8252]

Это лучшее видео для новичков! Пересмотрел много, начал понимать что к чему только на этом видео. Бездумно учить в программировании нельзя. Спасибо за видео.

[@antonidaweber9184]

Спасибо большое за труд! Смотрела и разбирала ваше видео не один час, делала конспекты, пробовала что-то реализовать. Очень понятная подача материала, отличный монтаж, приятный голос, хорошие советы новичкам. Вы объясяете лучше многих преподавателей в университете. От ваших уроков и польза, и удовольствие) Очень хотелось бы увидеть, как связать всю эту красоту с бэкэндом, работа с базой данных меня больше всего интересует.

[@user-iq7xy1jp1c]

Кратко, понятно. Лучшее обучающее видео по программированию из всех что я видел. Спасибо

[@callmeromashka]

18:34 я минут 5 сидел и просто орал от того что ТАК МОЖНО БЫЛО ОТКРЫВАТЬ cmd В НУЖНОЙ ДИРЕКТОРИИ просто ОГРОМНОЕ Спасибо

[@alexmercer531]

Лучшее видео по основам Vue из всех, что я видел. Спасибо.

[@alyxmp4749]

Давайте все респектовать автора, это прекрасно! Столько труда проделано. Спасибо большое. Я предпочитаю делать сайты на Django, но решил посмотреть что такое Vue и удивился 😄

[@vlada_mamutova]

Супер! Отличный урок! Лучший из тех, что были просмотрены по данной теме. Настолько качественно, понятно и увлекательно рассказано, что вместо некоторых деталей, которые хотелось уточнить и которые заняли минут 5 от силы в ролике, посмотрела целый урок на час и узнала, на самом деле, много нового, к тому же взяв на заметку ваши советы. Огромное спасибо за таймкод, все необходимые ссылки, превосходный монтаж, придуманную анимацию, каждое подобранное слово, грамотную речь и, самое главное, за глубокий интересный рассказ без лишних слов, со множеством сравнений, весёлых оборотов, выводов для закрепления, вставок с пояснением новых понятий и за сконцентрированный материал в нём, который благодаря всем вышеперечисленным достоинствам воспринимается и усваивается очень легко! Жду продолжения! По логической цепочке хорошо бы разобрать, как уже писали, Vuex, Vue Router, написав небольшие приложения!

[@DKADEVELOP]

Спасибо за развернутый комментарий!!! 🎈👍🔥 Удачного обучения и развития!

[@maximuspower2672]

Лучший видос по vue. Простым и понятным языком и всего за 1 час

[@windseeking8300]

Спасибо за второе офигенное видео по Vue. Когда открыла проект, где использовался Vue, потерялась в папках и файлах: да кто этот ваш babel, что тут делает webpack, куда что подключается? Нигде не было разъяснения этих базовых моментов. Видео очень помогло

[@79fz270704]

Супер, хорошая работа! Хотелось бы увидеть best practice по связи с backend.

[@mikurrey416]

best practice именно для VUE скорее всего будет SSR+REST API, как и для других реактивных библиотек. Рекомендую ознакомиться с Vue SSR или со сборкой Nuxt

[@ngc-4826]

Твой канал настоящие откровение. Сколько бы я не смотрел на других канала гайдов и мануалов по JS или чему-то ещё просто всё было глухо. Но когда я нашел твой канал всё сдвинулось с мёртвой точки. Подача контента просто чудесная, объяснение понятное, без воды всё четко и понятно. Спасибо за труды!

[@vovaka440]

Отличный час за чашечкой кофе! Все доступно, без воды, однозначно лайк и подписка :)

[@nikaleksenko]

Алексей, спасибо за очень качественные уроки. У вас определенно способности обучать людей, прекрасное структурированное изложение материала. Желаю сил продолжать ваше благое дело, здоровья!

[@user-bd8rz6ok4z]

Огромнейшее спасибо! Прям то, что мне нужно было узнать именно сегодня ) И правда сложно представить сколько сил и времени вложено в этот материал. Очень жду продолжения!

[@daniil2704]

Большое спасибо тебе! Уже долгое время я не мог понять зачем нужен npm, зачем все эти вэбпаки, вся эта дичь, если можно с помощью cdn подключить и всё. Но ты всё очень подробно и понятным языком рассказал. Если бы мог поставил бы 100 лайков 😊

[@aldomoro9414]

Спасибо! Безумная работа! С нетерпением ждем следующего выпуска!

[@magway2004]

Очень круто. Вы единственный спикер который рассказывает доступным и понятным языком. Только на Ваших курсах пока изучаю программирование т.к. остальные говорят на непонятном языке

[@alexandrbalashov7543]

Огромная благодарность за труд! Многие вещи разложились по полочкам. Асинхронная работа с сервером была весьма актуальна.

[@user-ff6do1pl9c]

Замечательная работа! Чувствуется огромный труд. Большое уважение автору.

[@user-eg2zy1sc7r]

Спасибо! Лучшая подача материала, которую я видел на просторах ютуба!

[@user-foresco]

Вы просто умница! Очень доходчиво и убедительно описали инструменты, их несомненную нужность и простоту.

[@user-wk6jm7nk5z]

супер подача - плотность и качество информации поражает. очень хочется дальше про вью до мидла

[@AlexViennaDJ]

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

[@Dima-ym2uc]

Супер. Спасибо. Идеальный формат видео уроков

[@RTDox]

Очень круто! Молодец! Спасибо за проделанный труд! Я написал на ларавел 3 огромных проекта, и только сейчас после просмотра этих видео про Vue понял, что я жостко навтыкал используя jQuery во всех проектах...

[@annagri1798]

Ждем следующий ролик!)) Спасибо за этот выпуск!

[@sergheicovalenco1812]

Понравилось. Все четко и последовательно. Ждем продолжения. Удачи.

[@antonnikolenko3538]

Шикарно просто шикарно. Только что прочитал где-то 80% доки потом посмотрел твое видео, все структурировалось в голове. Спасибо большое

[@MrRashdor]

Спасибо, за час собрано все, что нужно для быстрого старта написания проекта на Vue. Если курить всякие форумы и документации, можно немного поплыть во всяких советах и спорах.

[@user-ug1fk8ob3q]

Спасибо огромное! Доступно и понятно! За пол часа узнал больше, чем за целый день.

[@user-zj1zi9sm3m]

Просто супер. Все понятно, для ночального уровня идеально. Хотелось бы что-то сложнее, целый курс. Например создание интернет магазина или блога. Уже с готовым беком например.

[@user-fz7fe8cn7i]

ШЕДЕВРАЛЬНО, просто нет аналогов, мощно, очень круто)))

[@mrVandecko]

Спасибо за обьяснение render и всего последуещего! Уникальная инфа.

[@user-qv4hn6qq4n]

Божественное видео! Посмотрел многое по Vue, но это видео привело голову в порядок. Теперь хочется VueRouter и VueResource

[@TheToptish]

Шикарное видео. Спасибо. Очень структурировано и насыщено.

[@WebGarmony]

Толково и без воды. Спасибо!

[@user-yf2rw3cu3k]

Просто огонь! Я еще на шаг ближе к цели!) Как только в моём кошельке заделаю брешь, обязательно спонсирую!

[@MrNobody-cp7dk]

Супер видео, спасибо! Мне понравился подход, особенно пояснения насчет node, babel, eslint, webpack.

[@SergiyAntonyuk_PhD]

Отличная работа. Спасибо за труд. Жду следующие видео. Любые. Тема очень интересная.

[@tobe2339]

большое спасибо! Наконец-то нашел понятные видео, без лишнего трепа! Очень хотелось бы увидеть на примере какого-нибудь простенького spa-приложения работу php+vue, т.е. на боевых примерах.

[@postcoderV]

Шикарные, понятные уроки. Спасибо!

[@nslinnn]

Очень плотный поток информации. Очень понравилось. Большое спасибо! Хочу продолжения ))

[@Vladislav3329RUS]

Огромное спасибо! Прямо библия разработки! Очень доходчиво и понятно

[@ivanmatvienko5751]

привет, разбор огонь, доступно рассказываешь. По контенту хотелось бы увидеть следующее (некоторые вещи уже есть ниже, но я повторюсь): 1) немного о роутах (в целом они несложные и о них довольно быстро можно рассказать) 2) затронуть Vuex (как происходит взаимодействие и работа с ним) 3) Просветить подводные камни при роботе с DOM-элементами и ref (а именно поддержка реактивности и динамическое изменения элементов по действиям юзера) 4) Разобрать slot'ы и их применение. 5) Немножко больше примеров для работы с апи вызовами, а именно интерцепторы (как они пишутся и как перехватывать запросы), а также немного пост и пут запросов (чисто для примеров) 6) работа со сторонними библиотеками через CLI (типа Vuetify)

[@dzianishrip5139]

Спасибо за отличный материал и качество подачи. Это большой труд!

[@duce201]

Спасибо огромное!!! Очень интересные уроки!!! Жду продолжения!!!

[@mr.z5289]

подача материала - высший пилотаж! спасибо

[@ndreiorekhov777]

невероятно качественный видео-контент, редко вообще встретишь качественное объяснение, а тут ещё и в такой легкоусвояемой (вспомнил кроликов 😀) форме. Спасибо за работу.

[@_kornev]

Супер. При переходе с React самое понятное объяснение 👕

[@maxl4632]

Очень круто! Хотелось бы увидеть 3-ю часть)

[@user-hw8he9uk8v]

Замечательный урок! Всё разжёвано, понятно, подача интересная! А ведь за этой легкостью стоит колоссальная работа! Автор, Вы мега молодец! Спасибо! Ждём продолжения!

[@arinokaz]

И как всегда! Спасибо за отличный и нужный материал. Спасибо за ваш труд. 👍

[@DKADEVELOP]

🔥👍 Спасибо!

[@andredru4278]

Спасибо. Понравилось. Доходчиво и досаточно полно на мой взгляд.

[@pavelgustinovich5436]

Спасибо за урок, подача материала просто шикарна,подписался,жду следующий!

[@user-ce5xf7wr1d]

Блин чувак, такой отличной подачи материала вижу впервые. СУПЕР!

[@user-rq5hm9jm6o]

огромное спасибо за труд!! только начинаю изучать и твое видео как путевая звезда! все точно и понятно) шикарное видео для старта!

[@aleksanderstelmaszok3451]

Спасибо за выпуск! Классный формат

[@LyubachevskyProduction]

Отличный урок! Спасибо за знания!

[@hitpointn1]

Спасибо за урок! По работе, хоть и на бэке сижу, приходится периодический ковырять вьюшку, твои ролики очень помогли быстро разобраться что к чему. Поддерживаю комментаторов, про связь с бэком. Особенно интересна вью в связке vue + typescript.

[@user-kw2ky2bq9l]

Человеческое спасибо!) Как всегда очень годный контент и отличная подача!)

[@rhythm_with_alex]

Очень круто сделано видео, юмор спасает. Спасибо!

[@user-yd3pn5nu9w]

Огромная благодарность за видео! Вы вдохновили меня продолжать попытки программировать. Иногда просто руки опускаются от понимания того, сколько всего нужно знать и уметь..

[@artemgum4517]

Очень круто! Спасибо, разложил все по полочкам)

[@inposm]

Спасибо за такой замечательный курс!)

[@fanattyzov4810]

Спасибо за труд! Жду продолжения)

[@TheImplementator]

Огромное тебе спасибо за твой труд! Это действительно неоценимо.

[@alexoborin105]

Огромное спасибо за качественный материал!!!

[@olegkravchenko9655]

Добавлю комментарий для движения к 500 :) Спасибо за такие нескучные уроки!

[@WayToVictoryWTV]

Круто. Все доступно и понятно. Спасибо!

[@artik3386]

Круто. Спасибо. Жду продолжения

[@Sendoo23]

Качественная подача, большая работа проделана. Лайк и подписка 👍

[@user-xp8zi5bs1d]

Спасибо, лучший! Конкурентов в качестве материала не видел еще

[@dmytromatvieiev8932]

Очень круто. Было бы здорово увидеть продолжение уроков по Vue

[@OB-mq5is]

Спасибо, очень доступно и структурировано!

[@user-oj1ue6vb5d]

Бесподобный урок! Огромное спасибо

[@Ogr285]

Какой же огромный труд... Спасибо.

[@MrVkvk007]

Спасибо за уроки! Жду продолжения :)

[@IGROK140]

Спасибо! Потрясающие видео!!! В следующих хотелось бы видеть связь фронта vue с бэком (например с express)

[@kulibinstudio]

Спасибо!!! Супер подача информации!

[@cfhnghmngtgjmghmjhm5629]

Супер, продолжай. В некст видео можно разобрать роутер, взаимодействие с api и vuex. И более подробно разобрать архитектуру SPA на vue с использованием vue-cli. Спасибо за видео.

[@user-cv3ey5oh6k]

Спасибо! Очень качественный материал

[@user-mh8nv6iv8v]

Спасибо за Вашу огромную работу!

[@muborizDev]

Огромный труд , спасибо !

[@dev.karimov]

Спасибо за труд, очень интересно и понятно, час прошел не зря!)

[@user-rd1lf9hj1f]

Полезное видео. Теперь жду продолжения. Хотел бы увидеть Vuetify в следующем видео

[@kaprizov3200]

Ай красавец!! какая же четкая подача!

[@romanprytulenko8670]

Благодарю за качество! Очень толково разъяснено, всё по полочкам! Хотелось бы увидеть реальный пример, с навигацией, DI, использованием best practice архитектуру для обычной SPA (даже просто детализировать ToDo app).

[@user-vc1dv1hr1t]

Спасибо, очень доступно объясняешь, жду продолжения

[@user-dd9ph8fh5d]

Круто, автор молодец, именно обучающий урок с деталями для совсем чайников (это важно). Спасибо огромное!

[@user-kv6gj7kx3c]

большое Вам спасибо за такой качественный урок по vue!

[@user-pt9hc3de4m]

Хорошие уроки! Спасибо за работу!

[@tatyanatt9190]

Спасибо!!! Ты большой молодец, очень интересно учиться по твоим видео!!! так держать!!

[@user-ps2he7dt1h]

Замечательное видео, хорошо все структурированно)

[@user-hw7hb4zx6r]

Как всегда все супер! Жду продолжения