Vue JS - Быстрый курс за 50 минут

Получить профессию Frontend разработчика -

Подробнее узнать об обучении в Result School -

Я в соц сетях:

Мои паблики по JavaScript:

JavaScript cообщества:

Roadmap по каналу:

В ролике вы узнаете про все основные моменты, которые есть во Vue JS всего лишь за 50 минут, написав SPA приложение

Содержание:
00:00 Что такое Vue
00:50 Как установить Vue
03:20 Обзор проекта
05:14 Как работает проект
05:57 Как работают файлы .vue
07:12 Что такое компоненты
11:50 Создание данных
12:48 Передача параметров в компонент
14:05 Итерация массивов с v-for
15:40 Валидация параметров
17:58 Работа со стилями
20:17 Динамические классы
21:13 Добавление событий
23:57 Работа с методами
25:50 Работа с формами
28:11 Работа с моделями с v-model
32:57 Жизненный цикл (mounted)
33:15 Работа с сервером
34:41 Мультистраничность с Vue Router
40:11 Как работает v-if
41:00 Добавление компонента loader
44:00 Фильтры
45:58 Computed свойства

Ссылка на исходники:

#vue #vuejs

[VladilenMinin]

Господа, никакого кликбейта, все основные темы разобраны)
Содержание:
0:22 Что такое Vue
0:50 Как установить Vue
3:20 Обзор проекта
5:14 Как работает проект
5:57 Как работают файлы .vue
7:12 Что такое компоненты
11:50 Создание данных
12:48 Передача параметров в компонент
14:05 Итерация массивов с v-for
15:40 Валидация параметров
17:58 Работа со стилями
20:17 Динамические классы
21:13 Добавление событий
23:57 Работа с методами
25:50 Работа с формами
28:11 Работа с моделями с v-model
32:57 Жизненный цикл (mounted)
33:15 Работа с сервером
34:41 Мультистраничность с Vue Router
40:11 Как работает v-if
41:00 Добавление компонента loader
44:00 Фильтры
45:58 Computed свойства

[laretabatl]

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

[sparkqy]

Годнота. На работе прилетели таски по вью, это видео - то что нужно для быстрого старта работы с фреймворком.

[ЭмильАбдуллин-йс]

Не люблю видосы продолжительностью больше 20 минут, но это божественно, на одном дыхании

[Стас-сют]

Самое лучшее видео из серии "что то за час")))

[webxcryptoit]

Да вообще одни из лучших уроков и курсов. Владилен, продолжай в том чже духе, ты лучший!

[dan.gorbunov]

Владилен, привет. 5 часов разбирал до молекул. Спасибо. У тебя столько материала, что последнюю задачу по js просто не успеваю начать. Очень круто.

[ДмитрийЧерников-ъф]

Это потрясающе! Это супер-качественно потраченный час в жизни!

[theavazov]

Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное

[mykhaylokravtsiv]

Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название
( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.

[SergiuBurduja-yl]

Спасибо тебе огромное Владилен, ты самый лучший, ты и Петриченко. Я вас обоих просто обожаю.

[ogogo]

Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.

[alexshubin]

Быстро, понятно и ничего лишнего. Благодарю за урок !

[dauletminutpek]

Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.

[alexanderkonichek]

Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!))
Владилен - БРАВО! Вы переплюнули даже сами себя!)

[АнгелинаДорашева-кь]

Видео - огонь!! Все по делу и супер понятно изложено, без воды и лишних слов. Спасибо, Владилен, подписалась!)

[NoXe]

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

[sergey]

Просто, доступно, понятным языком. Контент топовый и как всегда очень высокого качества, за что огромное спасибо!

[Плененныйкустами]

Чтобы при применении фильтра не сбрасывалось значение checkbox стоит заменить:
<input type="checkbox" v-on:change="todo.completed = !todo.completed">
на
<input type="checkbox" v-model="todo.completed">

[tnnleo]

Спасибо, делаю тестовое задание благодаря тебе)
Как будто полгода учил Vue, хотя только час посмотрел))