Phoenix LiveView Crash Course
HTML-код
- Опубликовано: 6 дек 2022
- Get started with Phoenix LiveView in this crash course. We will show you how to build a Phoenix LiveView full stack application by breaking down a real production feature set. We will cover: how to interface with HTTP requests in Elixir, LiveView routing, HTML mounts, Websocket mounts, Event Handling, and so much more.
This is a remake of an older video that we unlisted. To watch the original Phoenix LiveView Crash Course, click here: • [OLD] Phoenix LiveView...
💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I use to teach all my apprentices:
➤ Phoenix Liveview Course: pragmaticstudio.com/courses/p...
➤ Elixir Course: pragmaticstudio.com/courses/e...
📝 Have a question about software development? Write a comment and we will answer your question in an upcoming Software Sophistication Q&A show.
🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 OrEquals.com
#liveview #phoenix #elixir #software #softwaredevelopment 
Наука
PLEASE make more videos like these, I don't know how you do, but when you speak I simply learn, its magic!!
Yes sir! Thanks! We've got multiple deep coding breakdowns immediately in the pipeline!
Check out the caching technical video that just dropped! Let me know what you think 😁
@@liveviewmastery I will check it out, thanks!
Your hitting a market that is dry on youtube with tons of talks and very little examples . Code is king in the end and videos like this help a lot. Your the go to guy. I see 100k subs in the future of this channel 💪🏾 keep posting. I bought the pragmatic elixir course you recommended with the phoenix bundle. They had a military discount. So I got 15% off. Hopefully I can understand functional programming better. Maybe do a video on some syntax like how [head | tail] works. I get that it’s a linked list but it’s super confusing on when to use it and :atoms. I see them everywhere but again I’m a js developer using vuejs at my last job. There is this idea that only ruby developers are jumping on this stack so I feel like people skip explaining the little things since they think everybody is jumping over from ruby! If you can please just do a video on the differences when coming from javascript, not ruby it would help. Like elixir for js devs or phoenix for react/vuejs devs 😅. Great video…
J, thank you! I'm hoping to fill that void.
100k subs would be mind blowing. I'll keep posting!
That course is really incredible.
Maybe "Elixir Crash course for JS Devs"? --- I really wanna review the language at some point and only talk about things I've seen in the wild (so people are prepped). I think that would be interesting.
@@liveviewmastery Sounds good but know I do not know ruby 😂 so js comparisons are a plus for a lot of devs in the web space in terms of comprehension
@@jaymartinez311 excellent point 👍🏾
awesome! now please make this a complete zero to deployment course 🙏🏻
Yes sir!
@@liveviewmastery When and where will this course be published?
I am very interested in this course.
This is the video I have been looking for for more than a year. Thanks a lot!
You're welcome!
Thank you it was helpful to 🎉🎉
Thanks so much for this!
This is awesome! Thank you. Subbed.
Lol, "go build it" at the end. Great video, loving how it was condensed into a simple template.
Thanks, Mike!!
Awesome video. We don't have much content on live view and Phoenix on RUclips. Thanks for helping us newbies!
Thank you I'm happy to help! If you have any questions on LiveView or coding in general, let me know and I'll answer them.
@@liveviewmastery Thanks Joshua! Thats so kind of you. I don't have a question right now but I'll have them soon as I've started with live view project in accounting domain 😃
skipping the tutorial & toy projects and jumping straight to real projects.
@@LavYash Right!!!
@@liveviewmastery yeah! and more fun too
Great video! Not much content out there on Liveview (or Phoenix in general), so it's really helpful to see you put it together for people just learning.
One thing I'm still trying to figure out is how Phoenix plays with the Ash framework. Apparently they got together really well (something called the STAPLE stack apparently exists) - but there's basically 0 documentation or examples of how to hook them up nicely. If you want an idea for another video, that'd be something I know I'd appreciate 😉
Shannon, hey! Thank you! Ok, we'll figure out how to put this together :D
Super informative video! Great job!
My man!!
Great video!
thanks Max!
Very helpful tutorial !
Would you mind sharing some pointers on how to solve frontend problems that html and css can't handle like the map integration in 0:44 ? Thanks !
Thank you very much! This was very helpful. Can you talk about handle_params more in a future video? I’ve got a filter I’m trying to update using params, but my state is not getting updated even though I’m updating my socket with data from params.
Hey Brian, absolutely. I had this on my list of topics to cover, but I'll prioritize it higher.
Based on what you said, that should be working! A few questions:
1. Are you certain that the new data (probably coming from a database query) in fact is filtering the data correctly?
2. Are you certain that your LiveView that's looping over and showing your data is using the same variable?
3. Are you certain the data in the url, lets say "/users?status=active", that you are pattern matching sufficiently and sending that "active" status into your database query?
4. Finally, and I suspect this may be it, if you're pattern matching on handle_params, make sure your specific condition is defined higher in the code than your general pattern match. You may have the right code, but it may not be getting hit correctly.
I know those questions are obvious, but you have the right approach. Your problem should be in 1 of the above 4 issues.
Hi Sir,
Good course.
I will look for you soon. I have an ERP made in PHP, JS, jQuery & Boostrap and plan to migrate to a more robust language like Elixir (concurrent, async, fault tolerance, perforant, etc.). I have been taking some elixir courses but I would like a kind of bootcamp, etc.
Thanks,
JA
Sounds good! Elixir and LiveView are an excellent choice for that stack migration!
Thanks for another great video, also...where to you post your apprenticeships mentioned in the description above?
Thanks Dave! I usually keep an apprentice on staff. I normally don't post for the position though.
@@liveviewmastery Thanks for letting me know, cheers!
Hey great video! I had two questions.
First, when does handle_params get called, apart from the first moment after the mount? Because I don't get how when you're going to the show_item_details screen you hit the handle_params function. Is it the function that detects the user input that calls handle_params or how does it work?
Secondly, I want to make a screen similar to the show_item_details where it is over the main screen that I'm on but shadows it a little. Is that very hard? I'm not very good with html and if it's very hard to do I'm just better off making a whole new screen. But if it's not, how do you do it?
Thanks and congrats on the great work
Answered via email 👍
Hi, Joshua, thank you for the wonderful lecture. Could you share some of the source code? Not all of it, but just the part shown in the screen.
Hey jupeter, you are quite welcome! I am not comfortable sharing the code, unfortunately.
I mean this is great, it really is, but you start the video with the production block all ready. Is there a github link or something, because even though a piece of this is covered, it's kinda hard to fill in the blanks for someone starting out. Is there a course you have (not the pragmatic one....already have that) or something that shows the full code set? (obviously minus any secret keys or personal info)
Unfortunately, I do not have this. Since the production code is a bit distracting, I may need to record this again, so that people can look at the source code.
Go gator(s)!