Prerequisiti

Conoscenza basilare di HTML e una tecnologia server side tra Delphi (DMVCFramework), Python (FastAPI) o C# (ASP.NET). Comunicare la tecnologia serverside preferita al momento dell’iscrizione.

Descrizione

HTMX è una libreria Javascript leggera che consente di accedere alle moderne funzionalità del browser direttamente da HTML, eliminando la necessità di pesanti framework lato client e, soprattutto, dello stato client. HTMX è molto leggera e non ha dipendenza da altre librerie javascript. Queste caratteristiche ci permettono di evitare la fase di compilazione del codice javascript lato client semplificando di molto tutto il processo e permettendo di ridurre le persone allocate sul progetto. La filosofia generale di HTMX si allinea bene con l’attenzione di DMVCFramework e Python alla semplicità. Tendenzialmente un’applicazione web che usa HTMX è più veloce (in termini di UX) rispetto a una controparte scritta utilizzando framework javascript come Angular o React. Nonostante non esista la scelta migliore che vale per tutti i casi, HTMX permette di risparmiare tempo e soldi in molte situazioni e ha una curva di apprendimento poco ripida e molto lineare. La popolarità di HTMX è esplosa da quando è stata inclusa tra i progetti patrocinati da Github per il suo Github Open Source Accelerator!

✅ Con un framework javascript lato client: DB ➡️ JSON ➡️ JS ➡️ HTML

✅ Con HTMX: DB ➡️ HTML

Contenuti

• Perché HTMX è rivoluzionario rispetto ad altri framework
• Punti di forza dell’approccio HTMX
• In che modo con HTMX si risparmia tempo
• Le best practice e gli UX pattern
  • modifica in linea di un oggetto dati
  • aggiornamento in blocco di più righe di dati
  • clic per caricare più righe in una tabella
  • eliminazione di righe in una tabella
  • come modificare le righe in una tabella
  • implementate lo scorrimento infinito di una pagina (infinite scrolling)
  • eseguire la convalida dei campi in linea
  • active search (ricerca incrementale mentre l’utente scrive)
  • implementare una barra di avanzamento
  • come rendere i valori di una selezione dipendenti da un’altra selezione
  • varie tecniche di animazione
  • come caricare un file tramite ajax con una barra di avanzamento
  • dialog
  • creazione di interfacce a tab
  • creare scorciatoie da tastiera per gli elementi htmx
  • implementare il riordino drag-and-drop
  • aggiornare elementi del dom multipli con una sola richiesta
  • come implementare una finestra di dialogo di conferma personalizzata con htmx
• integrazione con hypescript
• gli eventi di htmx
• le estensioni built-in
• come scrivere una estensione HTMX
• integrazione con Alpine.js
• strategie di deploy

Richiedi informazioni