Программирование [udemy] Svelte и Firebase: Полный курс (2023) (2023)

[𝕯𝖆𝖗𝖐🥰𝕬𝖓𝖌𝖊𝖑]

Автор: udemy​

Название: Svelte и Firebase: Полный курс (2023) (2023)​

Продолжительность: 25 ч 26 мин Количество уроков: 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 в максимально практическом и понятном формате.

СКАЧАТЬ: