leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
4 ч 2 мин
Категория
SvelteКоличество уроков
21 Видео
Дата добавления
23 окт. 2021 г., 22:21
Язык
Английский
Дата обновления
29 апр. 2026 г., 13:12
Курс по созданию компонентов Svelte поможет вам глубже разобраться в архитектуре фреймворка, научиться проектировать переиспользуемые элементы интерфейса и создавать собственную библиотеку компонентов. Ниже представлено улучшенное содержание, ориентированное на SEO и удобство восприятия.
Что вы изучите
В ходе курса вы шаг за шагом освоите ключевые концепции и практики разработки компонентов в Svelte. Материал подходит как новичкам в экосистеме, так и разработчикам, которые хотят повысить качество и масштабируемость своих проектов.
Основы создания компонентов
Вы узнаете, как устроен компонентный подход в Svelte и какие возможности предоставляет фреймворк для оптимизации интерфейсов.
- Структура файлов .svelte
- Объявление переменных и реактивность
- Связывание данных (bindings)
- Работа с props и событиями
Переиспользуемые UI‑компоненты
Этот раздел посвящён созданию гибких элементов интерфейса, которые можно применять в различных частях проекта.
- Разработка универсальных кнопок и форм
- Создание выпадающих списков и модальных окон
- Отделение логики от представления
Продвинутые техники
Когда вы освоите базу, вы перейдёте к более глубоким инструментам Svelte, позволяющим делать компоненты мощными и масштабируемыми.
Слоты и композиция компонентов
Вы научитесь проектировать гибкие компоненты с возможностью легко расширять их функциональность.
Контекст и управление состоянием
Разберёте контекст API, stores и подходы к глобальному состоянию приложения.
Анимации и переходы
Здесь вы освоите встроенные средства анимации, что поможет создавать более живые и современные интерфейсы.
Практические проекты и итоговая сборка
К концу курса вы реализуете собственный мини‑набор компонентов и узнаете, как организовать их публикацию и дальнейшее использование.
Оптимизация и рефакторинг
Вы изучите способы улучшения производительности, уменьшения размера сборки и повышения читаемости кода.
Подготовка библиотеки компонентов
Итогом обучения станет создание набора UI‑компонентов, готовых к ежедневному применению в ваших проектах.
Этот курс станет отличной отправной точкой для тех, кто хочет профессионально работать со Svelte и повышать качество своих интерфейсов.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:05:50Getting Started
- Урок 2. 00:14:43Creating a Toggle
- Урок 3. 00:13:52A More Configurable Toggle
- Урок 4. 00:11:13Accordion with Mounting and Unmounting
- Урок 5. 00:18:13Accordion Without UnMounting with Actions Part 1
- Урок 6. 00:14:29Animating Our Accordion With the Web Animations API
- Урок 7. 00:13:53Search Filter with Reactive Statements
- Урок 8. 00:14:01Search List Input
- Урок 9. 00:16:40Fancy Input
- Урок 10. 00:11:30Markdown Input
- Урок 11. 00:10:41Making A Portal
- Урок 12. 00:14:33Making A Modal
- Урок 13. 00:14:56Advanced Custom Stores With a Toast Message
- Урок 14. 00:09:42Flip and Transition Animations with Toast Messages
- Урок 15. 00:10:38Using Tweened As a Timeout
- Урок 16. 00:11:04Complex State Updates With Toast Messages
- Урок 17. 00:11:46Click Outside Action
- Урок 18. 00:10:26Storybook with Svelte Kit
- Урок 19. 00:06:20Storybook With Updating Props
- Урок 20. 00:05:24Creating an NPM Package With Svelte Kit
- Урок 21. 00:02:16Where To Go From Here
Автор - leveluptutorials
Комментарии
'Dismissable toast and error toast`
Could you add this video?
Thanks!