ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
Source Code:github.com/kelseyleftwich/phoenix-liveview-hook-demoSegments:00:00 - Overview01:15 - Drag and Drop Example01:39 - Intro to Phoenix LiveView03:10 - Why Use JavaScript?03:47 - Starting with Empty Phoenix LiveView Project04:23 - Styling and JS Dependencies04:55 - PageLive5:45 - Dropzone LiveComponent07:25 - PageLive EEx Template07:55 - Pool Dropzone08:19 - What We Have So Far08:35 - Adding a Drag Hook09:13 - Lifecycle Functions10:15 - Hooking Up Our Hooks11:45 - Adding SortableJS14:05 - Almost Done14:40 - Events15:47 - Push Event to LiveView17:08 - Handling Event Payload18:16 - Helper Functions18:29 - We're Done!18:54 - Next Steps & Resources20:40 - Questions
Coming back to this one after implementing a few basic hooks, and yeah this is an INCREDIBLY useful tutorial. Thank you!
Love it! Glad you found it helpful.
Thank you for allowing attendees to open their mic and interact. It's nice in these days when we can't meet in person.
Thanks for sharing that! We really enjoy that part.
excellent tutorial! i especially appreciate how you take extra effort to make references to previous parts of the code. thank you!
We appreciate that feedback and glad you found it helpful!
Thanks for sharing. It's cool from a front end engineer's view to explore live view.
I appreciate the detail you've provided in this tutorial! Thank you!
Good to hear! We appreciate the feedback.
exactly what I was looking for
Good to hear. Glad Kelsey could help!
Thanks for this awesome tutorial!
You bet! Glad you found it helpful.
Great talk! Thanks for sharing =)
Happy to help!
super good! Excellent tut
Thank you! We appreciate the feedback.
Thank you!
Awesome 👏🏻👏🏻👏🏻
We appreciate the feedback! 🤗
![Create "Lights Out" Game - Phoenix LiveView Tutorial [Elixir Language]](http://i.ytimg.com/vi/hrpulBR5PFg/mqdefault.jpg)
![Create "Lights Out" Game - Phoenix LiveView Tutorial [Elixir Language]](/img/tr.png)
Source Code:
github.com/kelseyleftwich/phoenix-liveview-hook-demo
Segments:
00:00 - Overview
01:15 - Drag and Drop Example
01:39 - Intro to Phoenix LiveView
03:10 - Why Use JavaScript?
03:47 - Starting with Empty Phoenix LiveView Project
04:23 - Styling and JS Dependencies
04:55 - PageLive
5:45 - Dropzone LiveComponent
07:25 - PageLive EEx Template
07:55 - Pool Dropzone
08:19 - What We Have So Far
08:35 - Adding a Drag Hook
09:13 - Lifecycle Functions
10:15 - Hooking Up Our Hooks
11:45 - Adding SortableJS
14:05 - Almost Done
14:40 - Events
15:47 - Push Event to LiveView
17:08 - Handling Event Payload
18:16 - Helper Functions
18:29 - We're Done!
18:54 - Next Steps & Resources
20:40 - Questions
Coming back to this one after implementing a few basic hooks, and yeah this is an INCREDIBLY useful tutorial. Thank you!
Love it! Glad you found it helpful.
Thank you for allowing attendees to open their mic and interact. It's nice in these days when we can't meet in person.
Thanks for sharing that! We really enjoy that part.
excellent tutorial! i especially appreciate how you take extra effort to make references to previous parts of the code. thank you!
We appreciate that feedback and glad you found it helpful!
Thanks for sharing. It's cool from a front end engineer's view to explore live view.
I appreciate the detail you've provided in this tutorial! Thank you!
Good to hear! We appreciate the feedback.
exactly what I was looking for
Good to hear. Glad Kelsey could help!
Thanks for this awesome tutorial!
You bet! Glad you found it helpful.
Great talk! Thanks for sharing =)
Happy to help!
super good! Excellent tut
Thank you! We appreciate the feedback.
Thank you!
Happy to help!
Awesome 👏🏻👏🏻👏🏻
We appreciate the feedback! 🤗