Продолжительность
8 ч 12 мин 38 сек
Количество уроков
47 Видео
Дата добавления
22.07.2024
Погрузитесь в мир фронтенд-разработки с этим всеобъемлющим курсом по Shadcn UI, созданным для разработчиков, стремящихся создавать передовые панели управления с использованием Shadcn UI в Next.js. Этот курс станет вашим путеводителем в освоении интеграции функциональности форм, валидации на стороне клиента, настройки компонентов и создания динамических графиков - всех ключевых навыков для любого начинающего веб-разработчика. Обратите внимание, что курс сфокусирован только на фронтенде. Мы не пишем никакой логики для бэкенда, не работаем с базой данных и не реализуем аутентификацию. Все данные в курсе жестко закодированы / являются фиктивными. Единственная цель курса - создание красивых фронтендов с помощью Shadcn UI. В рамках курса мы создадим "SupportMe" - вымышленную панель управления для отслеживания сотрудников, команд и заявок в службу поддержки клиентов.
Почему этот курс?
Целевая траектория обучения: Сосредоточьтесь на создании визуально привлекательной, интерактивной панели управления. Приоритет фронтенд-технологий позволит вам овладеть самыми востребованными навыками в веб-разработке.
Практическое использование Shadcn UI и Next.js: Научитесь эффективно использовать Shadcn UI в экосистеме Next.js, что позволит вам создавать быстрые серверные рендеринги React-приложений.
Формы и валидация с Zod: Глубокое погружение в создание форм с использованием react-hook-form и реализацию клиентской валидации с помощью Zod, обеспечивая целостность данных без ущерба для пользовательского опыта.
Расширяемые компоненты: Проявите креативность с Shadcn UI, расширяя его компоненты. Этот раздел даст вам возможность адаптировать элементы под уникальные потребности ваших проектов.
Стилизация с Tailwind CSS: Примите утилитарный подход Tailwind CSS к стилизации. Вы научитесь эффективно оформлять свою панель управления, не выходя за пределы HTML.
Интерактивные графики с Recharts: Визуализируйте данные красиво с помощью Recharts. Этот модуль поможет вам интегрировать адаптивные и настраиваемые графики в вашу панель управления для придания дополнительного шарма.
Чистый фронтенд-фокус: Все проекты курса разработаны с использованием жестко закодированных/фиктивных данных. Нет необходимости беспокоиться о сложности бэкенда или аутентификации — только фронтенд-разработка для улучшения ваших навыков.