❇️ Продолжите обучение на полном курсе 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-разработчика на 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 Содержание 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