HTMX Tutorial for Beginners #1 - What is HTMX?

Sdílet
Vložit
  • čas přidán 30. 06. 2024
  • 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/iamshaunjp/htmx-fo...
    📂🥷🏼 Starter project on GitHub:
    github.com/iamshaunjp/htmx-fo...
    🧠🥷🏼 HTML & CSS Crash Course:
    • HTML & CSS Crash Cours...
    🧠🥷🏼 Node.js & Express Crash Course:
    • Node.js Crash Course T...
    🔗🥷🏼 HTMX docs:
    htmx.org/docs/

Komentáře • 82

  • @SUlutas
    @SUlutas Před 7 dny +2

    Thanks for the series. Please re-order the playlist videos. ;)

  • @clevermissfox
    @clevermissfox Před 11 dny +2

    This is so exciting🎉

  • @naranyala_dev
    @naranyala_dev Před 11 dny +9

    finally, it's coming

  • @mschwanitz
    @mschwanitz Před 10 dny +1

    Yeah Baby! This is what I've been waiting for!!! I've been using HTMX with Astro for several months to build an app that is destined to fail. Can't wait to watch this series and see how a real engineer does it. :)

    • @jay_wright_thats_right
      @jay_wright_thats_right Před dnem

      What is a real engineer? He shows the most basic things and I think you don't know what an engineer is. SMH

  • @birsingh5388
    @birsingh5388 Před 11 dny +1

    Looks like a great tutorial, I want to learn HTMX.

  • @shayokhshorfuddin2576
    @shayokhshorfuddin2576 Před 11 dny +4

    Lets go!! ✨✨

  • @valentynsjoyjitsu
    @valentynsjoyjitsu Před 11 dny

    I was waiting for it 😃 thanks a lot 😌

  • @vladimirmryscuk8409

    Net Ninja, thank you very much for your effort!

  • @SAMUEL__DEV2
    @SAMUEL__DEV2 Před 10 dny

    I'll love to learn this library

  • @ozanmuyes
    @ozanmuyes Před 8 dny

    I was waiting for this... 🙏🏻

    • @NetNinja
      @NetNinja  Před 7 dny

      Awesome, hope you find it helpful! :)

  • @abhinavadarsh7150
    @abhinavadarsh7150 Před 11 dny +40

    As a CEO of HTMX I would like to say to everyone - Trust the process 🙏

  • @BekBrace
    @BekBrace Před 11 dny

    Great Tutorial as always 😊

  • @ggsheet
    @ggsheet Před 3 dny

    I needed this!!!!

  • @this.channel
    @this.channel Před 10 dny

    Hey, It's my favorite JS library!!!

  • @fortunatmutunda4194
    @fortunatmutunda4194 Před 5 dny

    Finally 😄

  • @Elduque40
    @Elduque40 Před 5 dny

    Awesome

  • @patolorde
    @patolorde Před 11 dny

    NICE!

  • @alaminiumar
    @alaminiumar Před 11 dny

    Thanks 🎉❤

  • @allisterfiend_2112
    @allisterfiend_2112 Před 11 dny +6

    Thanks!

  • @bmehder
    @bmehder Před 11 dny +8

    I'm inpatient, so I am about to go buy the course from your website. I would like to suggest a follow up series using AlpineJS to add interactivity to the frontend. I hear that HTMX and AlpineJS provide a nice development experience together.

    • @NetNinja
      @NetNinja  Před 11 dny

      Thanks for your support and also for the suggestion :)

    • @this.channel
      @this.channel Před 10 dny

      In my experience as a backend guy, I use one or the other depending on the thing i need to do.

    • @nickmurdaugh9856
      @nickmurdaugh9856 Před 10 dny

      Alpine and HTMX are great together. The project I've been working on for work the last few months is with Alpine, HTMX, and Django, and it's been excellent to work with. Along with DaisyUi, I call it the ADHD stack.

  • @davidconnelly
    @davidconnelly Před 8 dny +1

    Just to let you know, I did a live stream tonight where I mentioned this series. I've taken that down because I had some troll come along and he basically ruined it. Nevertheless, it's just to say, I was complimentary. What you're doing is good. I do have concerns about (what I'm calling) 'rewrite culture' and that was discussed in my live stream. However, that issue has nothing whatsoever to do with you. So, thanks for what you're doing. It's a great channel (clearly!) and all the best to you. Your training is excellent.

  • @housemajaliwa
    @housemajaliwa Před 6 dny

    Just completed the beginner course. Got to say, value for money >>>

  • @user-vl4gh7pt3d
    @user-vl4gh7pt3d Před 9 dny

    awesome thanks a lot.

  • @housemajaliwa
    @housemajaliwa Před 7 dny

    Watched this and bought the course right away. Got the whole weekend to learn HTMX the right way. Thank you

  • @juanmacias5922
    @juanmacias5922 Před 11 dny

    LFG! Server Side Rendering is the way!

    • @iBen-jz5xz
      @iBen-jz5xz Před 8 dny

      That'll be slow for applications with large large concurrent users.

    • @juanmacias5922
      @juanmacias5922 Před 8 dny

      @@iBen-jz5xz ah yes, that's something to worry about when you actually have a large user base. Not needlessly optimizing now.

    • @iBen-jz5xz
      @iBen-jz5xz Před 8 dny

      @@juanmacias5922 I do a lot of serverless web apps so am very conscious about 'execution minutes'. That's just why I have that pov.

  • @KTUMBA-qb4rk
    @KTUMBA-qb4rk Před 11 dny +1

    would have loved to to see it in Django, and creating dynamic drop downs

    • @NetNinja
      @NetNinja  Před 11 dny +1

      I do have plans for HTMX with Django :)

    • @nickmurdaugh9856
      @nickmurdaugh9856 Před 10 dny

      In the mean time, Bug Bytes does a massive series on HTMX with Django.

  • @WinnerSingh
    @WinnerSingh Před 11 dny

    Can you make the video on Swift IOS app for simple form(resume, feedback, query application) include data base and also receive email.

  • @monoq_
    @monoq_ Před 11 dny

    Hi Shaun.

  • @bothorsen4292
    @bothorsen4292 Před 2 dny

    I had hoped this would be a good series. But using javascript in the backend is a trend that must die as soon as possible. I may still watch this for the HTMX content, though

  • @peterenglish3720
    @peterenglish3720 Před 11 dny

    🌹🌹🌹🌹🌹

  • @RobbPage
    @RobbPage Před 11 dny

    it's funny how your demo has brandon sanderson books, a writer who churns out quality novels monthly, and then patrick rothfuss, who might even be lazier than grr martin when it comes to writing.
    looking forward to this series (your tutorial, not the books!)

    • @NetNinja
      @NetNinja  Před 11 dny +3

      Patrick Rothfuss is killing me... I've given up hope of ever reading that 3rd book :(.

    • @fakepants
      @fakepants Před 11 dny

      Perhaps the real Doors of Stone were the Waystones we passed along the way?

  • @bilkisuyahaya1614
    @bilkisuyahaya1614 Před 6 dny

    Would you advice learning a beginner to learn react or HTMX

  • @gokusaiyan1128
    @gokusaiyan1128 Před 4 dny

    Hi shaun, my issue with frontend is I can never style anything properly, I know basics of css but it's just I have no visual ux/ui intelligence , can't fit anything properly. Also there is so much stuff in frontend i get confused. can you just tell me a basic stack that I can stick to?

    • @jay_wright_thats_right
      @jay_wright_thats_right Před 16 hodinami

      You're not a designer. You build things based on what designers hand to you.

  • @proteus1
    @proteus1 Před 9 dny

    Does this work for linking a contact form to gmail?

  • @user-iy1ch3lv3h
    @user-iy1ch3lv3h Před 10 dny +1

    Ruby, then Ruby on rails pls

  • @h20streams
    @h20streams Před 2 dny

    Hi, can you combine html with htmx?

  • @sauravsingh4497
    @sauravsingh4497 Před 11 dny +3

    Just what I wanted
    One request can you please do full stack apps using htmx and go?

    • @juanmacias5922
      @juanmacias5922 Před 11 dny +1

      I'll be honest, I was a bit bummed he didn't pick go ha

    • @NetNinja
      @NetNinja  Před 11 dny +2

      I think over time, I will create a few different HTMX playlists - some with Go, some with Django etc.

    • @sauravsingh4497
      @sauravsingh4497 Před 9 dny

      @@NetNinja that would be really cool
      Appreciate your effort.

  • @LukePuplett
    @LukePuplett Před 7 dny +2

    This with new view transitions smells like the simple future and I'm only 4 minutes in

  • @mijunakano2955
    @mijunakano2955 Před 11 dny

    Is it new?l have never heard

  • @fun2rideadventure
    @fun2rideadventure Před 10 dny

    LIT JS?

  • @optimal1993
    @optimal1993 Před 11 dny

    why learn this over React or NextJS?? just curious is it more in demand in todays job market or ?

    • @MrKooops
      @MrKooops Před 11 dny +3

      no, htmx is not a framework. you learn this additionally, it's easy. just learn the concept and you'll know when to use it.

    • @juanmacias5922
      @juanmacias5922 Před 11 dny +2

      I'd say if you are a backend dev (because you are basically just building a server that responds to api calls with html, aka Server Side Rendering) who needs to build a quick frontend, HTMX is the way to go.

  • @truthteachers
    @truthteachers Před 11 dny +1

    Bro, why use Nodejs and Express? Will not work on plain HTML? This is what the HTMX site says " htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML". Can this course be for beginners when the poor newbie has to know Nodejs and Express?

    • @NetNinja
      @NetNinja  Před 11 dny +4

      You don't need to really know much about node & express, I do walk through all the express setup. The course keeps the focus mainly on HTMX, but we still need a server to send back HTML responses - that's the crux of HTMX.

    • @truthteachers
      @truthteachers Před 11 dny

      @@NetNinja May be. But it still adds a lot of confusion, noise and distraction.

    • @benoitbuyse7811
      @benoitbuyse7811 Před 11 dny +3

      You NEED a backend. You cannot use HTMX without a backend! Creating a backend with Express is as simple as it gets.

  • @roywilliamvermeulen
    @roywilliamvermeulen Před 10 dny

    We are going to use htmx so we don't have to use javascript. Proceeds to use javascript on the backend lmao.

    • @NetNinja
      @NetNinja  Před 9 dny +1

      You still need a backend. The idea here is that we don't need to use additional JS in the browser.

  • @Pareshbpatel
    @Pareshbpatel Před 9 dny

    {2024-07-03}

  • @tryingtobebetterr
    @tryingtobebetterr Před 11 dny

    Add timestamps to your videos, please

  • @PiyushSharma12479
    @PiyushSharma12479 Před 11 dny +1

    Lfg

  • @FXLinc
    @FXLinc Před 6 dny

    take a breath and slow down man.

    • @NetNinja
      @NetNinja  Před 4 dny +1

      You can always adjust the playback speed on CZcams if it's a little fast :)

    • @FXLinc
      @FXLinc Před 4 dny

      @@NetNinja useless... your ego has outgrown your channel. Thanks anyway and goodluck