Codecourse
Codecourse - предостовляет короткие курсы в основом по php фреймворкам yii, laravel, symfony и пока незначательно затрагивает фронтенд...
Продолжительность
2 ч 1 мин
Категория
VueКоличество уроков
30 Видео
Дата добавления
18 окт. 2018 г., 04:53
Язык
Английский
Дата обновления
29 апр. 2026 г., 01:27
Погрузитесь в практическую разработку компонентов Vue и создайте собственную библиотеку повторно используемых элементов интерфейса. От кнопок и модалок до навигации и сложных UI‑паттернов — вы научитесь проектировать компоненты, которые легко поддерживать, масштабировать и интегрировать.
Что вы узнаете в этом курсе
Курс ориентирован на разработчиков, которые хотят перейти от базового понимания Vue к созданию профессиональных, структурированных и гибких компонентов.
Работа с фундаментальными компонентами
- Создание кнопок с различными состояниями и темами
- Проработка доступности (a11y) и UX-мелочей
- Отделение презентационной логики от функциональной
Построение сложных интерфейсных элементов
- Модальные окна: управление состояниями, анимации, фокус‑менеджмент
- Навигационные панели и выпадающие меню
- Компоненты форм с расширенной валидацией
Многоразовость и масштабируемость
- Повторно используемые паттерны проектирования
- Композиция через Composition API
- Универсальные конфигурационные свойства и слоты
Практическая направленность курса
Каждый модуль построен вокруг реальных задач интерфейсной разработки. Вы будете не просто повторять примеры, а создавать собственную компонентную библиотеку, которую сможете использовать в любом проекте.
Для кого этот курс
- Для начинающих разработчиков, уже освоивших основы Vue
- Для фронтенд‑инженеров, стремящихся повысить уровень архитектуры UI
- Для тех, кто хочет научиться писать код, который легко поддерживать и расширять
Статус разработки
Курс еще в разработке...
- Урок 1.00:04:10Vue project setup
- Урок 2.00:07:32Button: Basic button
- Урок 3.00:03:33Button: Styles
- Урок 4.00:05:40Button: Sizes and refactoring styles
- Урок 5.00:02:42Button: Native click event
- Урок 6.00:02:53Button: Disabled state
- Урок 7.00:04:52Button: Value with props and slots
- Урок 8.00:03:35Button: Passing attributes
- Урок 9.00:03:09Input: Basics
- Урок 10.00:06:35Input: Type toggling
- Урок 11.00:02:39Input: Events
- Урок 12.00:04:13Input: Default value and v-model refactor
- Урок 13.00:02:48Input: Binding attributes
- Урок 14.00:03:53Input: Labels
- Урок 15.00:02:20Input: Textarea
- Урок 16.00:03:20Input: Dynamic textarea height
- Урок 17.00:03:02Modal: Styling
- Урок 18.00:03:15Modal: Slot
- Урок 19.00:05:55Modal: Opening
- Урок 20.00:02:20Modal: Simple closing
- Урок 21.00:04:47Modal: Programatically passing data
- Урок 22.00:02:26Modal: Transition
- Урок 23.00:02:21Modal: Esc to close
- Урок 24.00:03:40Modal: Programmatically closing
- Урок 25.00:09:14Modal: beforeOpen hook
- Урок 26.00:03:24Tabs: Styling
- Урок 27.00:04:47Tabs: Rendering Tabs
- Урок 28.00:03:33Tabs: Unique Tab Names
- Урок 29.00:03:52Tabs - Switching Tabs
- Урок 30.00:04:55Tabs - Pushing Hashes to URL
Автор - Codecourse
Комментарии