--- title: Best Net Ninja posts — July 2024 | daily.dev description: The most upvoted Net Ninja posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/netninja/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/netninja/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best Net Ninja posts — July 2024 | daily.dev og:description: The most upvoted Net Ninja posts from July 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Net Ninja — July 2024 1. 1 [](https://daily.dev/posts/htmx-tutorial-for-beginners-1---what-is-htmx--qweskomua "HTMX Tutorial for Beginners #1 - What is HTMX?") Video Net Ninja · 2y HTMX Tutorial for Beginners #1 - What is HTMX? HTMX is a JavaScript library for creating dynamic web applications using a hypermedia-driven approach. It extends HTML's hypermedia controls, enabling interactions with the server through simple attributes without extensive client-side JavaScript. The tutorial introduces HTMX, compares it to other frameworks like React, and sets the stage for building a reading list application using Node.js and Express for the backend. 37 1 2. 2 [](https://daily.dev/posts/htmx-tutorial-for-beginners-3---get-requests-hx-get--3tzltcvnc "HTMX Tutorial for Beginners #3 - GET Requests (hx-get)") Video Net Ninja · 2y HTMX Tutorial for Beginners #3 - GET Requests (hx-get) Learn how to enhance your web application using HTMX by adding a button that sends a GET request to the server to fetch and dynamically display a list of books. The tutorial covers creating the button, handling the request on the backend, and rendering the response into the HTML page without additional JavaScript. 27 3. 3 [](https://daily.dev/posts/htmx-tutorial-for-beginners-4---using-hx-swap-hx-target-r5ampjujp "HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target") Video Net Ninja · 2y HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target Learn how to use the hx-swap and hx-target attributes in HTMX to control how and where HTML content is injected on a webpage. This guide explains swapping content within elements and targeting specific areas for content injection using CSS selectors. Various swap strategies and target keywords are discussed to give you full flexibility in manipulating HTML responses. 18 4. 4 [](https://daily.dev/posts/htmx-tutorial-for-beginners-2---starter-project-setup-0zwhwsizm "HTMX Tutorial for Beginners #2 - Starter Project Setup") Video Net Ninja · 2y HTMX Tutorial for Beginners #2 - Starter Project Setup This tutorial guides beginners on setting up a starter project using Node.js and Express. It covers initializing the project, installing dependencies, and setting up the Express app with basic configurations. The tutorial also introduces templating using JavaScript template strings and integrates HTMX for future HTML manipulations. Additional resources and a data file for dynamic content are provided for further steps. 14 [See all Net Ninja archives](/sources/netninja/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/netninja/best-of/2024/07#page","url":"https://daily.dev/sources/netninja/best-of/2024/07","name":"Best Net Ninja Posts — July 2024","description":"The most upvoted Net Ninja posts from July 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/netninja/best-of/2024/07#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/htmx-tutorial-for-beginners-1---what-is-htmx--qweskomua","name":"HTMX Tutorial for Beginners #1 - What is HTMX?"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/htmx-tutorial-for-beginners-3---get-requests-hx-get--3tzltcvnc","name":"HTMX Tutorial for Beginners #3 - GET Requests (hx-get)"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/htmx-tutorial-for-beginners-4---using-hx-swap-hx-target-r5ampjujp","name":"HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/htmx-tutorial-for-beginners-2---starter-project-setup-0zwhwsizm","name":"HTMX Tutorial for Beginners #2 - Starter Project Setup"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Net Ninja","item":"https://daily.dev/sources/netninja"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/netninja/best-of"},{"@type":"ListItem","position":5,"name":"July 2024"}]}]} ```