{"id":23409,"date":"2024-06-19T21:00:29","date_gmt":"2024-06-19T19:00:29","guid":{"rendered":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/"},"modified":"2024-06-19T21:00:29","modified_gmt":"2024-06-19T19:00:29","slug":"htmx-2-0-cosa-cambia-html-it","status":"publish","type":"post","link":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/","title":{"rendered":"Htmx 2.0: cosa cambia | HTML.it"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p><strong>Htmx 2.0<\/strong> arriva a quasi quattro anni di distanza dalla versione 1.0 che venne rilasciata nel novembre del 2020. Per avere una misura di quanto sia stato lento questo avvicendamento tra major release basti pensare che soltanto con la seconda \u00e8 stato finalmente rimosso il supporto per Internet Explorer.<\/p>\n<h2 id=\"le-novita-della-versione-2-0\">Le novit\u00e0 della versione 2.0<\/h2>\n<p>L&#8217;ultimo aggiornamento presenta innanzitutto alcune nuove funzionalit\u00e0 tra cui il metodo <code>htmx.swap()<\/code>. Esso consente di sostituire un contenuto preesistente con uno nuovo e pu\u00f2 essere considerato un&#8217;evoluzione rispetto al metodo <code>selectAndSwap()<\/code>.<\/p>\n<blockquote class=\"twitter-tweet\">\n<p lang=\"en\" dir=\"ltr\">very happy to announce that htmx 2.0 has been released:<a href=\"https:\/\/t.co\/bGl2Q1gO8D\">https:\/\/t.co\/bGl2Q1gO8D<\/a><\/p>\n<p>it is not marked at `latest` in npm so we don&#8217;t force upgrade people using unqualified CDN urls<\/p>\n<p>upgrade guide:<a href=\"https:\/\/t.co\/B5FLWlivqa\">https:\/\/t.co\/B5FLWlivqa<\/a><\/p>\n<p>\u2014 htmx.org \/ CTO of hypermedia controls (same thing) (@htmx_org) <a href=\"https:\/\/twitter.com\/htmx_org\/status\/1802775880084955294?ref_src=twsrc%5Etfw\">June 17, 2024<\/a><\/p>\n<\/blockquote>\n<p>\u00c8 probabile che nel corso di una migrazione ad <a href=\"https:\/\/www.html.it\/guide\/creare-una-web-app-con-htmx-e-astro-db\/\" target=\"_blank\" rel=\"noopener\">Htmx<\/a> 2.0 possano verificarsi delle incompatibilit\u00e0. Per questa ragione tale versione \u00e8 stata classificata come <code>next<\/code> in NPM e lo rimarr\u00e0 fino a gennaio dell&#8217;anno prossimo. Nel contempo la 1.0 verr\u00e0 proposta invece come <code>latest<\/code>.<\/p>\n<p>Con il nuovo rilascio sono state rimosse tutte le feature deprecate (nello specifico gli attributi <code>hx-sse<\/code> e <code>hx-ws<\/code>) e, cosa forse ancora pi\u00f9 importante, le <strong>estensioni<\/strong> non sono pi\u00f9 disponibili nel repository del core. Questo significa che sar\u00e0 possibile implementarle indipendentemente dagli aggiornamenti del framework. Le estensioni pi\u00f9 datate rimangono comunque nella directory <code>\/dist\/ext<\/code> per non bloccare le chiamate ai CDN.<\/p>\n<p>Da segnalare che ora le richieste HTTP di tipo <code>DELETE<\/code> utilizzano direttamente i parametri ed \u00e8 stato migliorato anche il supporto per le richieste asincrone. Stesso discorso per le transizioni <a href=\"https:\/\/www.html.it\/guide\/guida-css-di-base\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a> e le comunicazioni via <strong>WebSocket<\/strong> tramite gli attributi di HTML.<\/p>\n<p>Novit\u00e0 anche per quanto riguarda l&#8217;introduzione del supporto ai <strong>Web component<\/strong> con cui \u00e8 possibile creare elementi personalizzati riutilizzabili. <\/p>\n<h2 id=\"htmx-e-xmlhttprequest\">Htmx e XMLHttpRequest<\/h2>\n<p>Una delle principali caratteristiche del framework riguarda il fatto che esso utilizza <strong>XMLHttpRequest<\/strong> invece della fetch API e questo non \u00e8 cambiato in Htmx 2.0. Lo scopo di questa soluzione per lo sviluppo front-end \u00e8 quella di estendere le funzionalit\u00e0 di base di <a href=\"https:\/\/www.html.it\/guide\/guida-html\/\" target=\"_blank\" rel=\"noopener\">HTML<\/a> e sostituire JavaScript tutte le volte che \u00e8 possibile in un progetto.<\/p>\n<p><span class=\"bm_post\" style=\"display:none\" data-domain=\"html.it\" data-author=\"Claudio Garau\" data-alias=\"Claudio Garau\" data-tipologia=\"edit\" data-custom=\"\" data-po=\"\" data-path=\"https:\/\/www.html.it\/magazine\/htmx-2-0-cosa-cambia\/\" data-postid=\"509190\" data-programs=\"\" data-subjects=\"\" data-themes=\"\"\/>    <\/p>\n<div class=\"partial-newsletter\">\n<p>        <!-- newsletter first step --><\/p>\n<div id=\"newsletter_div\" class=\"bro--disabled newsletter__pass-a\">\n<p>Se vuoi aggiornamenti su su questo argomento  inserisci la tua email nel box qui sotto:<\/p>\n<p> <!-- <em>Htmx 2.0: cosa cambia<\/em> --><\/p>\n<div class=\"newsletter__disclaimer\">\n<p>Compilando il presente form acconsento a ricevere le informazioni<br \/>\n                    relative ai servizi di cui alla presente pagina ai sensi<br \/>\n                    dell&#8217;<a href=\"https:\/\/www.html.it\/privacy-policy\" target=\"_blank\" rel=\"noopener\">informativa sulla privacy<\/a>.<\/p>\n<\/div><\/div>\n<p>        <!-- newsletter second step --><\/p>\n<p>        <!-- newsletter loader --><\/p>\n<p>        <!-- newsletter notice --><\/p><\/div><\/div>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><br \/>\n<br \/><br \/>\n<br \/><a href=\"https:\/\/www.html.it\/magazine\/htmx-2-0-cosa-cambia\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Htmx 2.0 arriva a quasi quattro anni di distanza dalla versione 1.0 che venne rilasciata nel novembre del 2020. Per avere una misura di quanto sia stato lento questo avvicendamento tra major release basti pensare che soltanto con la seconda \u00e8 stato finalmente rimosso il supporto per Internet Explorer. Le novit\u00e0 della versione 2.0 L&#8217;ultimo&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia\" \/>\n<meta property=\"og:description\" content=\"Htmx 2.0 arriva a quasi quattro anni di distanza dalla versione 1.0 che venne rilasciata nel novembre del 2020. Per avere una misura di quanto sia stato lento questo avvicendamento tra major release basti pensare che soltanto con la seconda \u00e8 stato finalmente rimosso il supporto per Internet Explorer. Le novit\u00e0 della versione 2.0 L&#8217;ultimo...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\" \/>\n<meta property=\"og:site_name\" content=\"AGENZIA WEB Italia\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-19T19:00:29+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"headline\":\"Htmx 2.0: cosa cambia | HTML.it\",\"datePublished\":\"2024-06-19T19:00:29+00:00\",\"dateModified\":\"2024-06-19T19:00:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\"},\"wordCount\":384,\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\",\"name\":\"Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\"},\"datePublished\":\"2024-06-19T19:00:29+00:00\",\"dateModified\":\"2024-06-19T19:00:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Htmx 2.0: cosa cambia | HTML.it\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"name\":\"AGENZIA WEB Italia\",\"description\":\"Web design Web agency Italia\",\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\",\"name\":\"Multimedia Web\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"contentUrl\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"width\":200,\"height\":57,\"caption\":\"Multimedia Web\"},\"image\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/","og_locale":"it_IT","og_type":"article","og_title":"Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia","og_description":"Htmx 2.0 arriva a quasi quattro anni di distanza dalla versione 1.0 che venne rilasciata nel novembre del 2020. Per avere una misura di quanto sia stato lento questo avvicendamento tra major release basti pensare che soltanto con la seconda \u00e8 stato finalmente rimosso il supporto per Internet Explorer. Le novit\u00e0 della versione 2.0 L&#8217;ultimo...","og_url":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/","og_site_name":"AGENZIA WEB Italia","article_published_time":"2024-06-19T19:00:29+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#article","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/"},"author":{"name":"admin","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"headline":"Htmx 2.0: cosa cambia | HTML.it","datePublished":"2024-06-19T19:00:29+00:00","dateModified":"2024-06-19T19:00:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/"},"wordCount":384,"publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"articleSection":["News"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/","name":"Htmx 2.0: cosa cambia | HTML.it - AGENZIA WEB Italia","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website"},"datePublished":"2024-06-19T19:00:29+00:00","dateModified":"2024-06-19T19:00:29+00:00","breadcrumb":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/htmx-2-0-cosa-cambia-html-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nycwebdesign.eu\/webdesign\/"},{"@type":"ListItem","position":2,"name":"Htmx 2.0: cosa cambia | HTML.it"}]},{"@type":"WebSite","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","name":"AGENZIA WEB Italia","description":"Web design Web agency Italia","publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization","name":"Multimedia Web","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","contentUrl":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","width":200,"height":57,"caption":"Multimedia Web"},"image":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/23409"}],"collection":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/comments?post=23409"}],"version-history":[{"count":0,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/23409\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/media?parent=23409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/categories?post=23409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/tags?post=23409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}