fullstackplus

fullstackplus

Htmx on Sinatra

htmx on Sinatra

A brief course in the absolute basics of web development, using two minimalist libraries: Sinatra and htmx.

In this tutorial, we will look at how htmx makes dynamic web page updates possible, using a very simple Sinatra app for our backend.

htmx is a JavaScript library created by Carson Gross (Senior Software Engineer; Professor at the Montana State University CS Department). htmx is a successor to intercooler.js (in development since 2013), which grew organically out of a single JavaScript function.

htmx aims to revive the concept of HTML as true hypermedia — namely that:

hypertext = (representation of) information + action controls.

Link: htmx on Sinatra | fullstack+

Where Next?

Popular Backend topics Top

PragmaticBookshelf
Go is a modern programming language that combines the reliability of compiled languages with the ease of use and flexibility of dynamic t...
New
PragmaticBookshelf
Construct, analyze, and visualize networks with networkx, a Python language module. Discover how to work with social, product, temporal, ...
New
PragmaticBookshelf
Functional languages have their own patterns that enable you to solve problems with less code than object-oriented programming alone. Thi...
New
PragmaticBookshelf
Using Erlang, you’ll be surprised at how easy it becomes to deal with parallel problems, and how much faster and more efficiently your pr...
New
PragmaticBookshelf
Test your math, and sharpen your skills. These fun and twisty challenges will puzzle your brain, tease your number sense, and get you thi...
New
PragmaticBookshelf
Put the data that runs your business to work for you. Embed data governance into your practice, and build processes to data during and af...
New
PragmaticBookshelf
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
New
PragmaticBookshelf
Take your experimentation strategy to the next level so you can effectively understand the impact of changes to user, product, and busine...
New
PragmaticBookshelf
Level up your Kotlin the fun way! Solve mysteries, dodge traps, and banish bugs. Sharpen your critical thinking to ace interviews and shi...
New
PragmaticBookshelf
Build a web-connected software-defined receiver with OpenWebRX+ software, a Raspberry Pi, and an RTL-SDR USB stick. Explore and share the...
New

Other popular topics Top

PragmaticBookshelf
Take your Go skills to the next level by learning how to design, develop, and deploy a distributed service. Start from the bare essential...
New
siddhant3030
I’m thinking of buying a monitor that I can rotate to use as a vertical monitor? Also, I want to know if someone is using it for program...
New
New
AstonJ
I’ve been hearing quite a lot of comments relating to the sound of a keyboard, with one of the most desirable of these called ‘thock’, he...
New
New
AstonJ
Was just curious to see if any were around, found this one: I got 51/100: Not sure if it was meant to buy I am sure at times the b...
New
PragmaticBookshelf
Author Spotlight Jamis Buck @jamis This month, we have the pleasure of spotlighting author Jamis Buck, who has written Mazes for Prog...
New
First poster: bot
zig/http.zig at 7cf2cbb33ef34c1d211135f56d30fe23b6cacd42 · ziglang/zig. General-purpose programming language and toolchain for maintaini...
New
sir.laksmana_wenk
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
New
xiji2646-netizen
Woke up to this today: Claude Code’s complete source code exposed via npm source map. Not a snippet. All 512,000 lines. 1,900 TypeScript ...
New