логотип PurpleSchool
логотип PurpleSchool

Svelte 5 за 40 минут! Руны — мастхэв или...?

В этом видео за 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

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile