https://peertube.lightnode.ru/videos/watch/0f23b190-70ba-47d4-8fc0-ed8853ed2679 ❇️ Продолжите обучение на полном курсе Vue.js (всего от 3999р!): https://purpleschool.ru/course/vuejs/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D1%83%D1%80%D1%81%3A+vue.js+%D0%B7%D0%B0+100+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=course Почти 2 часа материала по Vue.js из нашего курса теперь доступны каждому, кто хочет освоить один из самых эргономичных frontend-фреймворков на TypeScript & JavaScript. Подойдет и новичкам, и тем, кто уже имеет навыки, чтобы более глубоко разобраться в нюансах. Пройдем путь от настройки окружения, до шаблонов, eslint, Composition API, сборки глобальных стилей, компонентов и slot. Начнем верстку первого макета — сервиса прогноза погоды. Главная цель таких выпусков это бесплатное обучение frontend для тех, кто толко начинает разбираться в тех или иных технологиях. Надеемся, уроки полезны! 🚀 Интенсивная программа построения карьеры Frontend-разработчика на Vue за 7 месяцев: https://purpleschool.ru/profession/frontend-vue?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D1%83%D1%80%D1%81%3A+vue.js+%D0%B7%D0%B0+100+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=career Ссылки из курса Репозиторий проекта 1 — https://github.com/AlariCode/21-vuejs Репозиторий проекта 2 — https://github.com/AlariCode/21-vue-2 Макет проекта — https://www.figma.com/design/vQMRhvxJnWaVNSwnvUsP4W/21---Vuejs---1?node-id=0-1 Содержание 00:00 — Интро 00:31 — 1. Vue и Pinia 05:20 — 2. Как устроен курс 12:32 — 3. Обзор проектов 16:02 — 4. Проекты домашних заданий 18:18 — 5. Настройка окружения 21:14 — 6. Настройки VSCode 24:58 — 7. Установка NodeJS 30:22 — 8. Создание проекта 34:51 — 9. Обзор проекта 39:52 — 10. Структура компонент 43:04 — 11. Настройка eslint 49:28 — 12. Шаблоны 54:06 — 13. Bind атрибутов 58:16 — 14. JS в шаблонах 01:00:45 — 15. Composition API 01:04:39 — 16. Макет проекта 01:07:00 — 17. Упражнение Глобальный стиль 01:14:00 — 18. Что такое компоненты 01:19:58 — 19. Первый компонент 01:25:57 — 20. Стилизация 01:31:33 — 21. Slot 01:34:14 — 22. Декомпозиция на компоненты 01:41:50 — 23. Упражнение Сборка app 01:45:21 — 24. Несколько slot 01:49:03 — Аутро ✈️ Телеграм-канал с новостями, материалами и чатом на 4 000+ разработчиков: https://t.me/purple_code_channel Бесплатные материалы 🗂 Карьерные карты для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D1%83%D1%80%D1%81%3A+vue.js+%D0%B7%D0%B0+100+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=maps 🗂 Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D1%83%D1%80%D1%81%3A+vue.js+%D0%B7%D0%B0+100+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course 🗂 Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D1%83%D1%80%D1%81%3A+vue.js+%D0%B7%D0%B0+100+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course Mon, 27 Jul 2026 00:44:41 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://peertube.lightnode.ru https://peertube.lightnode.ru/client/assets/images/icons/icon-96x96.png https://peertube.lightnode.ru/videos/watch/0f23b190-70ba-47d4-8fc0-ed8853ed2679 All rights reserved, unless otherwise specified in the terms specified at https://peertube.lightnode.ru/about and potential licenses granted by each content's rightholder.