Чему вы научитесь
- Разрабатывать приложения на Vue 3 с Pinia
- Работать с Supabase: авторизация, хранение данных, API
- Создавать интерактивные формы с валидацией
- Интегрировать PrimeVue и Tailwind для быстрой стилизации
- Управлять состоянием приложения с помощью Pinia
- Обрабатывать пользовательские события и показывать уведомления
- Работать с модальными окнами, списками и фильтрацией данных
- Разворачивать приложение на Netlify
О курсе
Этот курс — пошаговое руководство по созданию веб-приложения для управления ссылками. Вместе мы построим полный стек-приложение с авторизацией, категориями, избранными ссылками и системой рейтинга.
Если у вас будут трудности с курсом - вы всегда можете написать мне в личные сообщение в Telegram
Дисклеймер: Для доступа к документации PrimeVue ВОЗМОЖНО потребуется наличие VPN.
Почему этот курс?
Минимум теории — максимум кода. Разбираем каждую фичу на практике.
Реальный проект. По итогу у вас будет готовое приложение, которое можно использовать или дорабатывать.
Современные технологии. Vue 3, Pinia, Supabase, Tailwind 4 — всё, что нужно для удобной разработки.
Дружелюбная подача. Сложные вещи объясняю просто, чтобы всё было понятно.
Как устроен курс?
Курс состоит из 8 частей, в которых мы:
1️⃣ Настроим проект, разберём структуру файлов.
2️⃣ Добавим UI-компоненты, формы и авторизацию через Supabase.
3️⃣ Реализуем защиту роутов и управление пользователем.
4️⃣ Создадим систему категорий для ссылок.
5️⃣ Разработаем функционал добавления и удаления ссылок.
6️⃣ Настроим фильтрацию, избранные ссылки, сортировку по популярности, добавим редактирование ссылок.
7️⃣ Улучшим UX: добавим лоадеры, уведомления, пагинацию.
8️⃣ Завершим проект и задеплоим его на Netlify.
P.S. Если вы заметили ошибку или неточность - напишите, пожалуйста, мне в Telegram.
Для кого этот курс
Начальные требования
- Базовое понимание HTML, CSS, JavaScript.
- Желательно иметь опыт работы с Vue.
- Установленный Node.js и любой удобный редактор кода.
Наши преподаватели
Программа курса
Сертификат
Что вы получаете
- Доступ к видеолекциям без ограничения по времени.
- Готовый код проекта и полезные материалы.