HTMX Tutorial for Beginners #3 - GET Requests (hx-get)

In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it.
🔥🥷🏼Get access to premium courses on Net Ninja Pro:
netninja.dev/
📂🥷🏼 Access the course files on GitHub:
github.com/iam...
📂🥷🏼 Starter project on GitHub:
github.com/iam...
🧠🥷🏼 HTML & CSS Crash Course:
• HTML & CSS Crash Cours...
🧠🥷🏼 Node.js & Express Crash Course:
• Node.js Crash Course T...
🔗🥷🏼 HTMX docs:
htmx.org/docs/

[@lilachelayza9546]

1. Thank you! 🙏 2. Why did you choose to use map and not ForEach?

[@michaelpelagio9468]

because the map method returns the array you've mapped (returning the elements) while foreach doesn't return anything

[@bmehder]

I just finished the course on the Net Ninja website. I would like to publish the app somewhere on the internet. I've tried publishing it to Vercel, but failed. Do you have any pointers? Or, would you be willing to consider adding another short lesson at the end to show us how to deploy the app. Vercel is what I normally use, but any service would be fine as this is just a demo.

[@NetNinja]

Hey, hope you enjoyed it :). I will try and make a video or 2 about publishing an app like this.

[@BGdev305]

Really would have been easier for more people to grasp had you just kept this simple using HTML

[@FredrikRambris]

Agree. Htmx is supposed to not require JavaScript knowledge. You could have had static HTML snippets served.

[@BlizzGMX]

you have to know a programming language to use HTMX. He used JS because a lot of people are familiar with it, but you have to have a backend working to use HTMX and that requires a programming language.

[@positiveAddiction1]

Thanks alot! As always, Amazing video

[@ALEXANDERLIU]

🎉🎉

[@it-s-me-mohit]

Awesome stuff

[@user-vl4gh7pt3d]

beautiful explanation

[@NetNinja]

Thanks :) appreciate that!

[@maskman4821]

Great tutorial 🥰

[@NetNinja]

Thank you! 🤗

[@MyOwnPufferFish]

I enjoy this course, but I feel like people wouldn't use this type of backend. Pretty sure it'd be much more efficient with a templating library, or within frameworks like Django or Laravel. Still, I understand wanting to keep things simple, so thanks for the content !

[@NetNinja]

I understand this yeah. The choice was about keeping the course laser focussed on HTMX for now. I am also working on another series which uses a template engine (Pug) and I will be visitng HTMX with frameworks in the future too.

[@MyOwnPufferFish]

@@NetNinja I gave Htmx a spin with Django after watching the video, and it's pretty cool ! I guess with this and something like Alpinejs you can get pretty far without the need for a front end framework (although i would still keep them for rather simple uses)

[@GhostRabbit001]

Great tutorial. However, a bit much of premature refactoring. I would prefer to see the reason and the actual refactoring. Anyways, till great stuff.

[@naranyala_dev]

bun, bun, bun

[@jeerufus9965]

seem like what nextjs do

[@Trongate]

Full disclaimer: I haven't got a clue about Next.js. What you're saying may be right. Nevertheless, where HTMX shines, in my opinion, is in the fact that it's lightweight and has a focus on HTML attributes, instead of JavaScript. It's sort of like, "HTML's missing features". I think that's why people like it.