Главная страницаКатегория symfonySymfony UX: Turbo

Symfony UX: Turbo

Name: Symfony UX: Turbo
Price: 12.5 USD
Rating: 2.5 (2 reviews)

symfonycasts

★2.5 (всего оценок - 2)

Продолжительность

6 ч 20 мин

Категория

Symfony

Количество уроков

57 Видео

Дата добавления

13 сент. 2023 г., 22:18

Язык

Английский

Дата обновления

29 апр. 2026 г., 18:47

Symfony UX Turbo — это мощный инструмент, который позволяет превратить обычное серверное приложение в быстрый, отзывчивый интерфейс, близкий по ощущениям к SPA. Без сложных frontend‑фреймворков и практически без переписывания кода.

Что вы узнаете в этом курсе

Курс помогает глубоко понять Turbo и его интеграцию в Symfony, чтобы улучшить пользовательский опыт и ускорить работу сайта.

Работа с Turbo Drive

Turbo Drive перехватывает переходы по ссылкам и отправку форм, превращая их в фоновые запросы. В результате страницы обновляются значительно быстрее.

Активация Turbo Drive в существующем приложении.
Контроль перезагрузки страниц при изменении ресурсов.
Корректная обработка ошибок и возврат статусов 4xx.

Turbo Frames: частичное обновление страниц

Turbo Frames позволяют динамически обновлять только нужные блоки страницы вместо полной перезагрузки.

Создание и настройка Turbo Frames.
Загрузка отдельных частей интерфейса через AJAX.
Навигация и перенаправления внутри фреймов.

Turbo Streams: реактивные обновления с сервера

Turbo Streams дают возможность изменять сразу несколько участков интерфейса по инициативе сервера.

Создание потоков обновлений.
Сценарии, где Turbo Streams работают лучше всего.
Интеграция с живыми обновлениями и push‑механизмами.

Symfony UX Turbo в действии

В курсе подробно рассматривается пакет symfony/ux-turbo, который упрощает интеграцию Turbo и открывает доступ к удобным инструментам для создания интерактивных интерфейсов.

Преимущества использования UX Turbo

Минимум JavaScript‑кода.
Улучшенная отзывчивость без тяжелых SPA‑фреймворков.
Совместимость с традиционной серверной архитектурой.
Повышение скорости разработки и уменьшение сложности проекта.

Итог

После прохождения курса вы сможете создавать традиционные серверные приложения, которые работают так же быстро и плавно, как SPA, но остаются простыми в поддержке и разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:05:04
01. Turbo: Drive, Frames & Streams!
Урок 2. 00:03:42
02. Installing Turbo
Урок 3. 00:09:38
03. How Turbo Drive Works
Урок 4. 00:06:56
04. Turbo-Friendly JavaScript
Урок 5. 00:04:03
05. The "defer" Attribute & Conditionally Activating Turbo
Урок 6. 00:09:05
06. Form 422 Status & renderForm()
Урок 7. 00:07:07
07. Form Submits & The Preview Feature
Урок 8. 00:09:46
08. The Problem of Snapshots & JavaScript Popups
Урок 9. 00:06:04
09. Cleanup Before Snapshotting (e.g. Modals)
Урок 10. 00:07:15
10. Fixing the Sweetalert Modal
Урок 11. 00:03:12
11. Organizing our Turbo Events Code
Урок 12. 00:07:53
12. 3rd Party JavaScript Widgets
Урок 13. 00:08:46
13. Fixing External JS + Analytics Code
Урок 14. 00:06:53
14. Reloading When JS/CSS Changes
Урок 15. 00:05:05
15. Manual Visits with Turbo
Урок 16. 00:07:24
16. CSS Page Transitions
Урок 17. 00:08:59
17. Polished CSS Transitions
Урок 18. 00:05:20
18. Prefetching the Next Page
Урок 19. 00:07:37
19. <link rel="prefetch">
Урок 20. 00:06:32
20. Turbo Frames: Lazy Frames
Урок 21. 00:04:25
21. Turbo Frames Look for & Load the Matching Frame
Урок 22. 00:07:25
22. Using a Full HTML Page to Populate a Frame
Урок 23. 00:09:58
23. Reliably Load External JS with Stimulus
Урок 24. 00:05:01
24. Targeting Links in or out of the Frame
Урок 25. 00:08:02
25. Adding a "Read More" Ajax Frame
Урок 26. 00:07:46
26. Frame Loading Animations
Урок 27. 00:07:50
27. Review this Product... in a turbo-frame!
Урок 28. 00:05:50
28. Globally Disable Buttons on Form Submit
Урок 29. 00:06:46
29. Frame-Powered Inline Editing
Урок 30. 00:07:46
30. Frames & Form "action" Attributes
Урок 31. 00:06:22
31. Frame Redirecting & Dynamic Frame Targets
Урок 32. 00:07:07
32. turbo-frame inside a Modal
Урок 33. 00:05:00
33. Lazy Modal & Big Cleanup
Урок 34. 00:06:17
34. Close the Modal after turbo-frame Success
Урок 35. 00:06:34
35. Prevent a turbo-frame from Rendering
Урок 36. 00:06:05
36. Full Page Redirect from a Frame
Урок 37. 00:05:14
37. Redirecting the Full Page from a Frame
Урок 38. 00:06:51
38. Frame Redirecting and Clearing the Snapshot Cache
Урок 39. 00:08:12
39. Manual "Restore" Visit
Урок 40. 00:07:02
40. Adding a Custom Request Header Based on the Frame
Урок 41. 00:06:30
41. Smart Frame Redirecting with the Server
Урок 42. 00:05:14
42. Automatically Redirect Ajax Calls to /login
Урок 43. 00:08:02
43. Turbo Streams
Урок 44. 00:04:38
44. Streams: Reusing Templates
Урок 45. 00:07:01
45. Multiple Updates in one Stream
Урок 46. 00:05:18
46. Processing Streams by Hand for Fun & Profit
Урок 47. 00:04:44
47. Mercure: Pushing Stream Updates Async
Урок 48. 00:04:29
48. Running the Mercure Service in the symfony Binary
Урок 49. 00:05:43
49. Listening & Publishing
Урок 50. 00:06:58
50. Mercure Hub's JWT Authorization
Урок 51. 00:03:48
51. Publishing Mercure Updates in PHP
Урок 52. 00:08:51
52. Turbo Stream for Instant Review Update
Урок 53. 00:07:06
53. Smartly Updating Elements for all Users
Урок 54. 00:05:27
54. Visually Highlighting new Items that Pop onto the Page
Урок 55. 00:07:02
55. Entity Broadcast
Урок 56. 00:07:28
56. Broadcasting Frontend Changes on Entity Update/Remove
Урок 57. 00:10:14
57. Toast Notifications

Автор - symfonycasts

symfonycasts

Создавайте реальные проекты от начала до конца с помощью красивых видеоуроков. Веселиться! Мы обещаем энергию, анимацию космического корабля и смущающие (я имею в виду умные) шутки.

+35

Комментарии