- 27
- 195 531
The Pragmatic Studio
Registrace 30. 06. 2014
Top developer training from the folks who wrote the books. More learning, less churning!
pragmaticstudio.com
pragmaticstudio.com
Phoenix LiveView Lifecycle (UPDATED)
We walk through the lifecycle of the LiveView to demystify what's going on behind the scenes. We also look at network traffic to see how LiveView drastically reduces the latency and the amount of data sent over the wire. This is the third video in our Phoenix LiveView course available at:
pragmaticstudio.com/phoenix-liveview
And if you're new to Elixir, we have a popular course on that, too:
pragmaticstudio.com/courses/elixir
Thanks for watching and we'd be delighted to have you in the Studio!
pragmaticstudio.com/phoenix-liveview
And if you're new to Elixir, we have a popular course on that, too:
pragmaticstudio.com/courses/elixir
Thanks for watching and we'd be delighted to have you in the Studio!
zhlédnutí: 2 886
Video
Getting Started with Phoenix LiveView (UPDATED)
zhlédnutí 8KPřed rokem
Learn all the basics of creating a LiveView in this second video from our Phoenix LiveView course. Get all the source code, setup instructions, exercises, and more videos at: pragmaticstudio.com/phoenix-liveview And if you're new to Elixir, we have a popular course on that, too: pragmaticstudio.com/courses/elixir Thanks for watching and we'd be delighted to have you in the Studio!
What Is Phoenix LiveView? (UPDATED)
zhlédnutí 2,8KPřed rokem
🤔 Curious about Phoenix LiveView? - What is it? - What problems does it solve? - What can you do with it? Here's our take in a 4-minute video for busy, curious developers. It's also the first video in our Phoenix LiveView course available at: pragmaticstudio.com/phoenix-liveview And if you're new to Elixir, we have a popular course on that, too: pragmaticstudio.com/courses/elixir Thanks for wat...
What is Hotwire?
zhlédnutí 9KPřed 2 lety
What is Hotwire and what problems does it solve? Hotwire lets you dynamically update parts of a page in response to user interactions without writing JavaScript. But what does that mean exactly? And how does Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus fit into the picture? We answer those questions in this video. For more on Hotwire, check out pragmaticstudio.com/courses/hotwire-rails.
Phoenix LiveView Life Cycle
zhlédnutí 3,9KPřed 4 lety
We walk through the lifecycle of the LiveView to demystify what's going on behind the scenes. We also look at network traffic to see how LiveView drastically reduces the latency and the amount of data sent over the wire. This is the third video in our 100% free Phoenix LiveView course available at: pragmaticstudio.com/phoenix-liveview Thanks for watching and we'd be delighted to have you in the...
Getting Started with Phoenix LiveView
zhlédnutí 11KPřed 4 lety
Learn all the basics of creating a LiveView in this second video from our free Phoenix LiveView course. Get all the source code, setup instructions, exercises, and more videos at: pragmaticstudio.com/phoenix-liveview Thanks for watching and we'd be delighted to have you in the Studio for the entire course!
What Is Phoenix LiveView?
zhlédnutí 4,4KPřed 4 lety
So what is Phoenix LiveView? In short, LiveView enables you to build Phoenix apps with interactive, real-time user experiences without writing JavaScript. To better understand what that means, in this video we look at a common UI scenario and how LiveView offers a dramatic and game-changing solution. This is the first video in our 100% free Phoenix LiveView course available at: pragmaticstudio....
What Is Absinthe? (Part 4 of 4)
zhlédnutí 974Před 5 lety
Simply put, Absinthe is an Elixir implementation of the GraphQL spec. At its core, you give Absinthe a GraphQL document and a schema (written in Elixir, of course) and you get you back a JSON result. Combine that with the superfast Phoenix framework and you’ve got a robust, high-performance GraphQL API! This video shows you how everything fits together. Find out more about Absinthe at pragmatic...
What Does A GraphQL API Know? (Part 3 of 4)
zhlédnutí 1,5KPřed 5 lety
A GraphQL API is defined by a schema that describes everything that’s possible. The schema includes the types of queries, mutations and subscriptions the API supports. GraphQL clients can introspect that schema. See more at pragmaticstudio.com/tutorials/what-does-a-graphql-api-know
What Can GraphQL Do? (Part 2 of 4)
zhlédnutí 2,1KPřed 5 lety
GraphQL lets you query your data. But getting data from a GraphQL API is different than a query for data from a REST API. In this video, you'll see what GraphQL can do with three operations: * Queries that fetch data * Mutations that change data (create, update, or delete data) * Subscriptions that deliver near real-time data updates See more at pragmaticstudio.com/tutorials/what-can-graphql-do
Create, Build, and Serve Apps with the Vue CLI
zhlédnutí 43KPřed 5 lety
See how to rapidly create, build, and serve Vue.js apps in development and production environments using the Vue CLI. Get a recap of the commands used in the video at: pragmaticstudio.com/tutorials/vue-cli
What Is GraphQL? (Part 1 of 4)
zhlédnutí 11KPřed 5 lety
In this short video we compare a REST API to a GraphQL API using a concrete example so you see how they match up and understand the differences. But what is GraphQL at a high-level? It's an expressive query language for your data. It offers a more flexible approach for working with APIs in a number of ways: * GraphQL lets you query your data and get exactly what you want. Nothing more, nothing ...
A Little Story About the Elm Debugger
zhlédnutí 679Před 7 lety
The new debugger in Elm 0.18 is a game-changer, and a conversation changer! See how in this 3-minute video. And please check out our popular Elm video course! → pragmaticstudio.com/elm
Elm: The Pragmatic Way (Intro)
zhlédnutí 475Před 7 lety
Learn a fresh and fun approach to building reliable web apps using the Elm programming language! → pragmaticstudio.com/elm
Elm Signals In Action
zhlédnutí 1,6KPřed 8 lety
Access the complete 2-hour Elm video tutorial at pragmaticstudio.com/elm-signals
Elm: Building Reactive Web Apps Tutorial (Intro)
zhlédnutí 2,1KPřed 8 lety
Elm: Building Reactive Web Apps Tutorial (Intro)
How to Create, Preview, and Send Email From Your Rails App
zhlédnutí 26KPřed 8 lety
How to Create, Preview, and Send Email From Your Rails App
How To Add jQuery and Ajax To Your Rails App
zhlédnutí 28KPřed 8 lety
How To Add jQuery and Ajax To Your Rails App
Mastering Ruby Blocks Video Course: Enumerable Part II
zhlédnutí 10KPřed 9 lety
Mastering Ruby Blocks Video Course: Enumerable Part II
Mastering Ruby Blocks Video Course: Block Basics
zhlédnutí 19KPřed 9 lety
Mastering Ruby Blocks Video Course: Block Basics
Mastering Ruby Blocks Video Course: Introduction
zhlédnutí 879Před 9 lety
Mastering Ruby Blocks Video Course: Introduction
Learn More Rails - Rails Tutorials - Online Video Course (Intro)
zhlédnutí 292Před 9 lety
Learn More Rails - Rails Tutorials - Online Video Course (Intro)
Learn Ruby - Ruby Tutorial - Online Video Course (Intro)
zhlédnutí 972Před 9 lety
Learn Ruby - Ruby Tutorial - Online Video Course (Intro)
Learn Rails - Rails Tutorial - Online Video Course (Intro)
zhlédnutí 664Před 9 lety
Learn Rails - Rails Tutorial - Online Video Course (Intro)
very clean info, thanks !
wow!!
I didn't realize or think to look for this channel! I have purchased and went through several of their courses, and have been very happy with the high quality of all of them.
your tutorials on super! think i have to check out your website to see if yout got more phoenix content there 😃
That was a terrific explanation. Now I can stop learning this JS framework.
Very enlightening! (pun not intended haha) Simple and direct to the point, thanks :)
Just great ! That's how server-side frameworks try staying relevant in the age of Jamstack and native clients: find convoluted/complicated ways of justifying server-side UI generation. On top of that, overly complicating things buys job security for devs, what's not to like?
Tirate un CSS guacho...
JAJAJAJAJA cuando te encontrás a otro argento entre los comentarios de un tutorial de programación XD tkm
You forgot to handle values >100% and <0% though, correct?
they handle the ui part in their tailwind css so the bar don't overflow, but the numbers aren't handled (they have a tutorial course on their website with the same videos, that's how i find it out)
I appreciate the clarity of the explanation here. However there is really no explanation of why the use of conventional Rails ajax helpers returning js is problematic. It also seems to imply that sending html to update specific parts of pages (turbo frames and turbo streams) is novel, when in fact this is what jQuery's .load() does. So I'm left wondering exactly what problem this is trying to solve? It seems like the goal is just to avoid using any javascript at all to define dynamic page updates from the server, rather than doing anything to improve app performance. Which is fine, though it also seems to obscure what actually happens under the hood and also (if I understand turbo correctly) makes life harder if you want to load html from the server and also execute javascript once it's been inserted (from the docs, seems to require a stimulus controller). jQuery makes this extremely simple with just a 'complete' callback. So, I have an open mind on this, but so far I'm not seeing how hotwire really helps me as a developer.
Is it possible to get CSS files?
This is great. Best tutorial/deep dive I've seen on this stuff..
Great video!
This is very helpful.
I think that htmx makes hotwire mostly unnecessary.
Genuinely one of the best introductory tech demo videos I've ever watched, and I've watched a few! Thanks a bunch.
Great video!
Nice introduction video, could you explain the difference between a live view and a live component? Thank you
Very useful
Great video!
Awesome explanation 🤩
This is literally the best video on this topic! Thanks so much for the simple explanation!!
Like many others, I found this video incredibly well put together and concise. Thank you so much, it was incredibly helpful!
Thank you for your awesome videos! Could you please make a tutorial on auth in liveview?
Thanks! We have an extensive tutorial on LiveView auth in our course. 😀
all these sounds more complex than SPA. Maybe it is not. 🤔🤷♂️
And it pretends that the only reason people want to decouple Frontend and Backend exist is speed. That's not the case. I think it's not even the main reason in many cases.
@@hawa7264 If by speed they mean responsiveness I think it kinda is but is not the main reason (at least not for me), my main reason is that it is just natural to have the rendering engine at the front end while the data comes from the backend and render in a MVVM fashion. Rails developers I know want to solve everything with Ruby, as if it was a magic bullet. And their way of thinking is constrained to MVC. In real life (and in software) there is a tool for everything, it is awkward to try to solve every problem with the same framework/tool. Maybe hotwire is great, but it babysits developers to avoid JS when they shouldn't. It seems the time for fat frameworks (like angular or rails) is over.
I really hope this video and channel gain more traction. The teaching method is top-notch and it's evident a lot of effort went into creating this lesson. Thank you so much for making the concept easy to grasp. Your teaching skills are excellent. Many thanks again.
I don't usually comment on videos but I wanted to say how clear and concise this video was. Many thanks!
Very good explanation. Thank you very much
I wish more and more people see this video and this channel. This is the way to teach something. I can see how much hard work has been put into creating this lesson. And THANK YOU SO MUCH for that. It makes it super easy for people to understand the concept. You guys are great teachers. Thank you again.
That was really helpful!
thanks for the introduction!
Help my lights are OVER 4000!!!
I originally learned Ruby & Rails via one of your courses back in 2014. I’m trying to write a site that has an audio player that I need to keep playing during page changes. I want the URL to update so that people can bookmark the page but so it only loads the full page if accessed from an external click. Is Turbo Drive the right tool nowadays?
One of the best intros I've seen. I hope you keep making more!
Thank you very much sir. This was most helpful, you’ve given me a great insight into rails.
Useful introduction. I was expecting a lot from Phoenix LiveView, disappointed to still see html & css....
Thank you, crystal clear introduction 🙂
How can we add css to it? I need help in that part
Thank you. This is so helpful.
Do you still recommend Elm?
Please create a Rails 7 tutorial playlist
This was a quality video, even in 2022 it is still applicable
Thank you so much, this is awesome!
is it island architecture that live view is following
Plz make more videos
Great explanation! Thank you. I appreciate the life cycle diagram on the beginning and also display on what is happening on the wire.
istg, ruby on rails has got this ahead for most, if not all, fullstack frameworks of different languages. i'd wished i'd work with ruby on rails sooner cuz woww! thanks for that nice hotwire in 6 minutes video, really makes me more inspired to use ruby on rails even more!
Why do i feel like it's the same person doing two voices
nicely, described
Thenks a lot! I've figured out my questions.