Описание
Количество уроков: 281 Видео
Язык: Английский
Вес архива: 11,69 ГБ
Хотите освоить современную фронтенд‑разработку и научиться создавать быстрые, масштабируемые веб‑приложения? Этот курс по Svelte и Firebase поможет вам уверенно пройти весь путь — от базовой логики компонентов до построения полноценного приложения с аутентификацией, базой данных, анимациями и развертыванием.
Чему вы научитесь
Курс сочетает теорию и практику: вы создадите два реальных приложения — клон Trello и сервис, похожий на Twitter. Особенность программы в том, что ключевая функциональность создаётся вручную, без готовых библиотек, что даёт глубокое понимание работы Svelte.
• Понимание основ Svelte: реактивность, шаблоны, события, директивы.
• Работа со Svelte Kit и маршрутизацией.
• Использование жизненного цикла компонентов.
• Создание собственных UI‑компонентов: модалки, snackbar, формы, пагинация.
• Интеграция Firebase: Firestore, аутентификация, хранение данных, загрузка изображений.
• Организация кода и архитектуры приложений на основе реальных задач.
• Развертывание готового проекта на Vercel.
Подробное содержание курса
Работа с макетом и структурой приложения
Вы начнёте с подготовки интерфейса, получения дизайна и разделения разметки на компоненты. Это поможет понять, как проектировать архитектуру приложения на Svelte.
Основы Svelte
• Синтаксис шаблонов и встроенные конструкции.
• Реактивные переменные и реактивные выражения.
• Обработка событий и привязка значений.
• Жизненный цикл: onMount, onDestroy.
• Хранилища (stores) и работа со сложной реактивностью.
Создание UI‑функционала с нуля
• Валидация форм и обработка ошибок.
• Анимации и переходы для улучшения UX.
• Построение модальных окон, всплывающих сообщений (snackbar), окон мессенджера.
• Пагинация и ленивая загрузка контента.
Интеграция с Firebase
• Инициализация и настройка Firebase/Firestore.
• Хранение структурированных данных.
• Создание аутентификации: вход, регистрация, выход.
• Использование контекста и провайдеров для передачи данных в глубину приложения.
• Загрузка изображений через Firebase Storage.
Работа над полноценным приложением
На практике вы реализуете ключевые функции Twitter‑подобного сервиса:
• Создание и отображение "глайдов" (сообщений).
• Функционал подписки на других пользователей.
• Формирование ленты из глайдов авторов, на которых пользователь подписан.
• Добавление подглайдов — ответов на сообщения.
• Оптимизация загрузки данных при прокрутке.
Развертывание проекта
Завершающий этап — публикация вашего приложения на Vercel. Вы научитесь настраивать сборку, деплой и проверять готовность приложения к использованию.
Что вы получите в итоге
• Глубокое понимание принципов Svelte и современного фронтенда.
• Навыки разработки приложений с Firebase.
• Два полноценных проекта в портфолио.
• Уверенность в создании собственных приложений с нуля.
Этот курс подойдёт всем, кто знаком с основами JavaScript и хочет перейти на новый уровень разработки, изучив Svelte в максимально практическом и понятном формате.
Ирина К. –
Я новичок, до этого писала только на чистом JavaScript. Курс объёмный, почти 25 часов, и иногда темп ощущается высоким, особенно в главе про реактивные выражения и привязку значений. Хорошо, что есть два проекта — клон Trello и аналог Twitter, на них наконец стало складываться цельное понимание. Хотелось бы побольше пояснений в теме маршрутизации SvelteKit, но развёртывание на Vercel прошло без проблем.
Алексей П. –
Брал курс, чтобы разобраться в Svelte после React. Понравилось, что реактивность и stores объясняются постепенно, а потом сразу закрепляются на практике. Отдельно отмечу раздел про создание модалок и валидацию форм без сторонних библиотек — стало понятнее, как всё устроено под капотом. Firebase-часть с Firestore и загрузкой изображений далась плотнее, но пример с клоном Trello реально помог.