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 681 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 681 0
Last post

Popular Backend topics Top

PragmaticBookshelf
Backend>Learning Resources

Build Talking Apps for Alexa
For decades, voice-enabled computers have only existed in the realm of science fiction. But now the Alexa Skills Kit (ASK) lets you devel...
pragprog.com
#pragprog#hardware#published-book/book-build-talking-apps-for-alexa
3 3255 0
New
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 3546 6
New
PragmaticBookshelf
Backend>Learning Resources

Java by Comparison
Improve your coding skills by comparing your code to that of expert programmers, and write code that’s clean, concise, and to the point. ...
pragprog.com
#pragprog#web-development/java#published-book/book-java-by-comparison
4 3376 0
New
PragmaticBookshelf
Backend>Learning Resources

Complex Network Analysis in Python
Construct, analyze, and visualize networks with networkx, a Python language module. Discover how to work with social, product, temporal, ...
pragprog.com
#pragprog/python#published-book/book-complex-network-analysis-in-python
4 3825 1
New
PragmaticBookshelf
Backend>Learning Resources

Practical Programming, Third Edition
Classroom-tested by tens of thousands of students, this new edition of the bestselling intro to programming book is for anyone who wants ...
pragprog.com
#pragprog/python#published-book/book-practical-programming-third-edition#algorithms
2 3855 0
New
PragmaticBookshelf
Backend>Learning Resources

Metaprogramming Elixir
Chris McCord edited by Jacquelyn Carter @jkcarter Metaprogramming is one of Elixir’s greatest features. Maybe you’ve played with the bas...
pragprog.com
#pragprog/elixir#published-book/book-metaprogramming-elixir
3 3119 0
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 4032 1
New
PragmaticBookshelf
Backend>Learning Resources

Tracking Personal Finances Using Python
Learn how to build a privacy-aware and developer-friendly workflow using Python to keep track of your personal finances. Siddhant Go...
pragprog.com
#pragprog/python#published-book#personal-finance/book-tracking-personal-finances-using-python
5 3198 0
New
PragmaticBookshelf
Backend>Learning Resources

Building Table Views with Phoenix LiveView
Learn how to leverage Phoenix LiveView and make vast amounts of data manageable with common but complex features like pagination, sorting...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-building-table-views-with-phoenix-liveview
7 5398 2
New
PragmaticBookshelf
Backend>Learning Resources

Simplicity
Fight complexity and reclaim the original spirit of agility by learning to simplify how you develop software. The result: a more humane a...
pragprog.com
#pragprog#published-book/book-simplicity
10 6553 8
New

Other popular topics Top

AstonJ
General Dev>Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#sticky#mechanical-keyboards
144 9115 50
New
PragmaticBookshelf
General Dev>Learning Resources

Seven More Languages in Seven Weeks
Learn from the award-winning programming series that inspired the Elixir language, and go on a step-by-step journey through the most impo...
pragprog.com
#pragprog/elixir/julia/lua#published-book#factor/elm#minikanren/idris/book-seven-more-languages-in-seven-weeks
4 5862 0
New
dasdom
General Dev>Dev Chat

Standing Desks
No chair. I have a standing desk. This post was split into a dedicated thread from our thread about chairs :slight_smile:
#workspace#opinions
177 9886 77
New
AstonJ
General Dev>Hardware

Poll: Which keyboard layout do you use?
poll poll Be sure to check out @Dusty’s article posted here: An Introduction to Alternative Keyboard Layouts It’s one of the best write-...
colemakmods.github.io
#polls/keyboards
10 6048 11
New
AstonJ
Science/Tech>Health & Diet

David Sinclair's new Lifespan podcast
We’ve talked about his book briefly here but it is quickly becoming obsolete - so he’s decided to create a series of 7 podcasts, the firs...
#health#podcasts#bio-hackers#david-sinclair
87 6790 49
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Erin Dees (Author) Interview and AMA!
Author Spotlight Erin Dees @undees Welcome to our new author spotlight! We had the pleasure of chatting with Erin Dees, co-author of ...
#author-spotlight/ruby/rails/book-effective-testing-with-rspec-3/book-seven-more-languages-in-seven-weeks/book-cucumber-recipes#rspec
24 4247 11
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 5651 0
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: VM Brasseur (Author) Interview and AMA!
Author Spotlight: VM Brasseur @vmbrasseur We have a treat for you today! We turn the spotlight onto Open Source as we sit down with V...
#author-spotlight/book-forge-your-future-with-open-source
16 5051 11
New
hilfordjames
Windows>Chat

Taskbar Overflow Menu (NOT System Tray Overflow)
There appears to have been an update that has changed the terminology for what has previously been known as the Taskbar Overflow - this h...
#taskbar-overflow-win-11
3 3715 2
New
Fl4m3Ph03n1x
AI>Questions

What are the best text-to-speech ai generation tools that you can run locally?
Background Lately I am in a quest to find a good quality TTS ai generation tool to run locally in order to create audio for some videos I...
#ai#text-to-speech
6 12337 3
New
Back to top

Sponsor Spotlight

coders51

We build reliable cloud platforms for business-critical systems.

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.

coders51

We build reliable cloud platforms for business-critical systems.

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!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

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.

coders51

We build reliable cloud platforms for business-critical systems.

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!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap