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