fireship.io
Fireship.io - это экосистема подробных и практических ресурсов для разработчиков, которые хотят создавать и поставлять высококачественные приложения.
Продолжительность
1 ч 18 мин
Категория
SvelteКоличество уроков
31 Видео
Дата добавления
12 апр. 2024 г., 19:45
Язык
Английский
Дата обновления
29 апр. 2026 г., 20:04
Полный курс по SvelteKit поможет вам овладеть современным фреймворком для создания быстрых, интерактивных и SEO‑оптимизированных веб‑приложений. В ходе обучения вы шаг за шагом создадите собственную платформу наподобие Linktree, освоите рендеринг, аутентификацию, работу с формами, анимации, интеграцию UI‑библиотек и развертывание.
Что вас ждет в этом курсе
Курс сочетает в себе теорию, практику и реальные примеры, чтобы вы смогли уверенно применять SvelteKit в продакшене. Каждый модуль строится вокруг ключевых возможностей фреймворка и помогает вам выполнять задачи современного веб‑разработчика.
Практический проект: сервис для обмена ссылками
Вы разработаете функциональную платформу, где пользователи смогут создавать и настраивать страницы с персональными ссылками. По мере работы вы познакомитесь с различными типами рендеринга, API, формами и управлением состоянием.
Основные темы курса
Быстрый старт и базовые концепции SvelteKit
- Все необходимое для продуктивной работы: структура проекта, маршрутизация, загрузчики данных.
- Основы Svelte за 100 секунд: реактивность, компоненты, привязки, события.
Рендеринг, SEO и работа с данными
- SSR, SPA и гибридные подходы.
- Техники повышения SEO с помощью SvelteKit.
- Загрузка, кэширование и оптимизация данных.
Аутентификация и безопасная работа с пользователями
- Работа с cookies, проверка сеансов, защита маршрутов.
- Лучшие практики безопасной аутентификации.
Формы и взаимодействие с пользователем
- Создание сложных форм с использованием SvelteKit Actions.
- Валидация, обработка ошибок, UX‑подходы.
UI и расширенный функционал
- Интеграция Tailwind и DaisyUI в проект.
- Реализация Drag-and-Drop с нуля.
- Использование Firebase для быстрого создания сложных функций.
- Проработка дизайна и анализ компромиссов.
- Создание анимаций Svelte на основе реальных данных.
Развертывание проекта
- Развертывание SvelteKit с использованием серверных функций.
- Оптимизация производительности перед релизом.
Для кого предназначен курс
Курс подойдет разработчикам, которые хотят перейти на SvelteKit, изучить современный подход к созданию веб‑приложений или улучшить свои навыки во фронтенде. Даже если вы новичок в Svelte, вы быстро освоитесь благодаря структурированному подходу.
Результаты обучения
- Понимание всех ключевых возможностей SvelteKit.
- Опыт разработки реального веб‑приложения от начала до продакшена.
- Навыки создания UI, форм, аутентификации и анимаций.
- Умение развертывать и оптимизировать современные веб‑проекты.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:12Svelte in 100 Seconds
- Урок 2. 00:02:23Create a SvelteKit App
- Урок 3. 00:01:55SvelteKit Devtools
- Урок 4. 00:03:23Routing
- Урок 5. 00:03:26Data Fetching
- Урок 6. 00:02:24Navigation
- Урок 7. 00:02:47Rendering and Caching
- Урок 8. 00:02:53API Routes
- Урок 9. 00:03:44Actions
- Урок 10. 00:01:23App Tour
- Урок 11. 00:02:00Firebase Client Setup
- Урок 12. 00:01:56Firebase Admin Setup
- Урок 13. 00:02:07Tailwind + DaisyUI
- Урок 14. 00:03:00Multi-step Forms
- Урок 15. 00:01:39Animated Routes
- Урок 16. 00:02:01OAuth SignIn
- Урок 17. 00:02:38Auth Store
- Урок 18. 00:00:48AuthCheck Component
- Урок 19. 00:03:40Custom Usernames
- Урок 20. 00:01:10Atomic Writes
- Урок 21. 00:01:43Form Validation
- Урок 22. 00:03:35Realtime Store
- Урок 23. 00:03:28File Uploads
- Урок 24. 00:03:18SEO Pages
- Урок 25. 00:02:30Create Links
- Урок 26. 00:03:35Sortable Drag and Drop
- Урок 27. 00:03:39Cookie-based Auth
- Урок 28. 00:01:44Verify Cookies
- Урок 29. 00:01:59SvelteKit Hooks
- Урок 30. 00:03:04More Actions
- Урок 31. 00:02:07Deployment
Автор - fireship.io
Комментарии
https://fireship.io/courses/sveltekit/
Updated October 23rd, 2024 SvelteKit 2 *Svelte 5.0Firebase 9+
*Note: Videos are recorded with Svelte 4, but the code is available in both Svelte 4 and 5 versions on GitHub.