Антон Ларичев
В этом видео за 40 минут рассмотрим ключевые обновления в Svelte 5. Руны, передача и прием данных, вывод списков, библиотека готовых анимаций, if / else и применение классов по условиям. Разберем пример сборки приложения на этом фреймворке.
🎓 Доступные курсы по разработке от Frontend и Backend до DevOps и Mobile: https://purpleschool.ru/catalog
💬 Telegram канал с полезными советами: https://t.me/purple_code_channel
00:00 — Начало
00:20 — Что изменилось в SVELTE?
00:40 — Нужен ли SvelteKit?
01:30 — Создаем проект SVELTE (Typescript)
02:50 — Структура проекта и первый компонент
08:15 — Как работают руны и состояния?
08:33 — Руна «$state»
11:08 — Руна «$derived»
14:37 — Руна «$props»
18:43 — Руна «$effect»
20:12 — Условия If / else
22:33 — PurpleSchool — курсы по разработке
23:16 — Получение данных с сервера
27:50 — Вывод списков
29:04 — Transition со встроенной библиотекой анимаций
30:03 — Bind для получения данных из input
32:31 — Применение Class по условиям
34:18 — Короткая запись Class
35:26 — Сборка приложения
37:52 — Смотрите новости веб-разработки!
Карта развития разработчика
Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile
Комментарии
0