Курс на Stepik
Обложка курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» на Stepik
3 890 ₽

Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок 5.000

Открыть на
STEPIK.ORG

Научитесь создавать полный стек-приложение для управления ссылками с помощью Vue 3, Pinia и Supabase. В курсе разберём всё от аутентификации до работы с базой данных, фильтрации и деплоя. Максимальный акцент на практике — кодим вместе, разбираем ошибки и улучшаем проект шаг за шагом.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Учеников на курсе 58
Сертификаты, выданные на курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Сертификатов выдано 11
Отзывы о курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Отзывов получено 8
Рейтинг курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Рейтинг курса 5.000
Уроки в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Количество уроков 56
Тесты в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Количество квизов 11
Время прохождения курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Время прохождения курса
Стоимость курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Стоимость курса 3 890 ₽
Обновления курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Обновления курса
Дата публикации курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Дата публикации курса
Последнее обновление курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Последнее обновление
Сложность normal

Содержание курса

Разделы в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 9 разделов Уроки в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 56 уроков Тесты в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 11 тестов Время прохождения курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 6 ч. Последнее обновление курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» обн. 28 июля 2026

Введение

7 уроков
1. О чем курс?
2. О проекте
3. Установка проекта
4. Структура папок
5. Стартовый разбор проекта
6. Установка PrimeVue
7. Установка Tailwind

Регистрация и вход пользователя, валидация

18 уроков
1. Создание табов и страницы авторизации
2. Создание формы входа
3. Создание формы регистрации
4. Создание формы восстановление пароля
5. Подключение валидации
6. Подключение компонента уведомлений
7. Установка Supabase
8. Подключение Supabase к регистрации
9. Создание composable для компонента Toast
10. Использование Composable подхода для авторизации
11. Создание таблицы пользователей в Supabase
12. Хранение данных пользователя в базе данных
13. Подключение Supabase к логину
14. Подключение Supabase к восстановлению пароля
15. Создание страницы для ввода нового пароля
16. Добавление логики на страницу ввода нового пароля
17. Настройка GitHub для входа
18. Кнопка входа через GitHub

Защита роутов

5 уроков
1. Верстка шапки
2. Получение информации о юзере в шапке (Pinia)
3. Защита роутов
4. Работа с access токенами
5. Реализация выхода из приложения

Категории ссылок

7 уроков
1. Верстка модального окна c категориями
2. Создание таблицы для категорий в Supabase и установка правил
3. Добавление категории в таблицу Supabase
4. Отображение категорий сразу после их добавления в Supabase
5. Получение всего списка категорий в модальном окне
6. Добавление компонента скелетона
7. Удаление категории

Добавление ссылок

5 уроков
1. Верстка модального окна создания ссылки
2. Валидация полей ввода
3. Создание таблиц и правил в Supabase
4. Получение категорий из Supabase в модальном окне
5. Добавление ссылки в базу данных

Работа со ссылками

9 уроков
1. Получение списка ссылок
2. Создание компонента ссылок и вывод ссылок
3. Доработка компонента ссылок
4. Копирование ссылки
5. Доработка компонента Toast в мобильной версии
6. Добавление в избранное
7. Удаление ссылки
8. Счетчик кликов по ссылке
9. Редактирование ссылки

Фильтры и пагинация

3 урока
1. Фильтрация по избранным ссылкам
2. Сортировка по популярности
3. Пагинация

Завершение проекта

1 урок
1. Финал

Доработки и улучшения пользовательского опыта

1 урок
1. Исправление регистрации, роутов и модальных окон