Backend>Learning Resources

Htmx on Sinatra

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+

title-rectangular
title-rectangular826×640 25.8 KB
View thread on forum
#web-development/ruby/sinatra#web#rest#htmx
1 544 0

Where Next?

View thread on forum
ruby
sinatra
web-development
web
rest
htmx
Home Backend>Learning Resources
#web-development/ruby/sinatra#web#rest#htmx
1 544 0
Last post

Popular Backend topics Top

PragmaticBookshelf
Backend>Learning Resources

Build Chatbot Interactions
The next step in the evolution of user interfaces is here. Chatbots let your users interact with your service in their own natural langua...
pragprog.com
#pragprog/ruby#published-book/book-build-chatbot-interactions
12 2910 6
New
PragmaticBookshelf
Backend>Learning Resources

Domain Modeling Made Functional
You want increased customer satisfaction, faster development cycles, and less wasted work. Domain-driven design (DDD) and functional prog...
pragprog.com
#pragprog#published-book/book-domain-modeling-made-functional
19 3656 9
New
PragmaticBookshelf
Backend>Learning Resources

Modern C++ Programming with Test-Driven Development
Modern C++ Programming With Test-Driven Development, the only comprehensive treatment on TDD in C++ provides you with everything you need...
pragprog.com
#pragprog/c-plus-plus#published-book/book-modern-c-programming-with-test-driven-development
2 2291 0
New
PragmaticBookshelf
Backend>Learning Resources

Learn to Program, Third Edition
It's easier to learn how to program a computer than it has ever been before. Now everyone can learn to write programs for themselves—no p...
pragprog.com
#pragprog/ruby#published-book/book-learn-to-program-third-edition
11 3320 5
New
CinderellaMan
Backend>Learning Resources

Create a cryptocurrency trading bot in Elixir (self-published) (book + videos)
Create a cryptocurrency trading bot in Elixir (YouTube videos, ebook pay what you want) <span class="hashtag-icon-placeholder"></span>eli...
youtube.com
/elixir#cryptocurrencies#algorithmic-trading
32 2513 12
New
PragmaticBookshelf
Backend>Learning Resources

Concurrent Data Processing in Elixir
Learn different ways of writing concurrent code in Elixir and increase your application's performance, without sacrificing scalability or...
pragprog.com
#pragprog/elixir#published-book/book-concurrent-data-processing-in-elixir
78 5131 24
New
PragmaticBookshelf
Backend>Learning Resources

Intuitive Python
Develop your intuition for practical Python patterns as you use new modules and tools to write clean, efficient, and correct Python code....
pragprog.com
#pragprog/python#published-book/book-intuitive-python
5 3184 1
New
PragmaticBookshelf
Backend>Learning Resources

Functional Programming in Java, Second Edition
Learn and apply the powerful streams API and lambda expressions to create highly expressive, concise, and maintainable functional style c...
pragprog.com
#pragprog#web-development/java#published-book/book-functional-programming-in-java-second-edition
4 2626 0
New
PragmaticBookshelf
Backend>Learning Resources

Designing Data Governance from the Ground Up
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...
pragprog.com
#pragprog#published-book/book-designing-data-governance-from-the-ground-up
3 2315 0
New
PragmaticBookshelf
Backend>Learning Resources

Practical A/B Testing
Unlock the power of A/B testing to verify your hypothesis, build more inclusive products, and ensure your changes are actual improvements...
pragprog.com
#pragprog#published-book#testing/book-practical-a-b-testing
6 3290 2
New

Other popular topics Top

siddhant3030
General Dev>Dev Chat

Which vertical monitor do you use?
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...
#monitors#programming
51 4622 20
New
AstonJ
General Dev>Dev Chat

How fast do you type? Check your WPM here!
Do the test and post your score :nerd_face: :keyboard: If possible, please add info such as the keyboard you’re using, the layout (Qw...
typing-speed-test.aoeu.eu
/keyboards
82 7310 31
New
dimitarvp
macOS>Chat

My thoughts on macOS vs Linux
Small essay with thoughts on macOS vs. Linux: I know @Exadra37 is just waiting around the corner to scream at me “I TOLD YOU SO!!!” but I...
#macos#linux
166 8678 69
New
PragmaticBookshelf
Frontend>Learning Resources

Modern CSS with Tailwind
Tailwind CSS is an exciting new CSS framework that allows you to design your site by composing simple utility classes to create complex e...
pragprog.com
#pragprog/tailwind#published-book/book-modern-css-with-tailwind
12 4724 4
New
Exadra37
Linux>Questions

What is the most minimalist Linux server distro?
I am asking for any distro that only has the bare-bones to be able to get a shell in the server and then just install the packages as we ...
#linux#servers
66 23964 24
New
AstonJ
Backend>Chat

Rails console using 100% CPU in dev (fix)
If you are experiencing Rails console using 100% CPU on your dev machine, then updating your development and test gems might fix the issu...
/ruby/rails
3 3971 3
New
AstonJ
General Dev>Dev Chat

Languages Without Garbage Collection
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
#garbage-collection
21 5189 7
New
Maartz
General Dev>Dev Chat

Roc Language - a new purely functional programming language built for speed and ergonomics
Hi folks, I don’t know if I saw this here but, here’s a new programming language, called Roc Reminds me a bit of Elm and thus Haskell. ...
#programminguages#functional-programming
49 4745 14
New
husaindevelop
Android>Questions

Clipboard readtext not working in android webview
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
#android#clipboard
1 4678 0
New
DevotionGeo
General Dev>Questions

Do you prefer regular mechanical keyboards or low profile mechanical keyboards and why?
I have always used antique keyboards like Cherry MX 1800 or Cherry MX 8100 and almost always have modified the switches in some way, like...
/keyboards#mechanical-keyboards
27 3339 9
New
Back to top

Sponsor Spotlight

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Latest in Ruby

Ruby Portal ❯

Latest in Sinatra

Sinatra Portal ❯

Backend>Learning Resources

Backend Learning Resources ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap