00:00 01 HTMX ✨ Možno nepotrebuješ React 01:26 02 HTMX NIE JE ďalší JavaScript framework 05:04 03 HTMX JE rozšírenie jazyka HTML 10:42 04 HTMX A24form Python app (nemusíš vedieť Python) 14:18 05 HTMX Aktívne vyhľadávanie v databáze 18:22 06 HTMX Loading, Animácie, Ladenie 23:54 07 HTMX 🔥 Patrí React do koša?
Pokud si napíšu web pomocí vue projektu, a chtěl bych pak použít i něco z htmx v jsx jde to takto kombinovat nebo ne? Nebo se htmx dá použít čistě jen v html? Díky
uplne mi stacilo dojst do vety, ze htmx pouziva javascript. To tvori iba dalsi framework/library ktory sa tvari a snazi byt ako nieco coby mohlo byt (ale neni) a to sa snazia byt aj vsetky ostatne frameworky. V com je to ine od napriklad remix.run ktory dokaze bezat aj bez javascriptu?
v čom je to iné? napríkad v tom, že explicitne stanovený cieľ tvorcu HTMX je, aby HTMX zaniklo. on HTMX berie ako sériu konceptov, ktoré by v ideálnom prípade adoptoval oficiálny jazyk HTML, čím by sa z neho konečne stal plnohodnotný hypertext, resp hypermedia. prestať počúvať pri zistení, že htmx na pozadí používa javascript mne osobne príde v prvom rade ako puntičkárstvo, v druhom rade krátkozraké, v treťom rade ako missing the point:) samozrejme existuje milión ďalších rozdielov medzi remix a htmx, ale cieľ htmx je pridať 4 koncepty do oficiálneho jazyka html. tipujem, že remix mieri inde. podarí sa to? nikto nevie! ale páči sa mi tá myšlienka a budem ju propagovať a dúfať, že sa to stane. lebo ak sa to stane, uľahčí to aj tebe prácu s remixom. alebo čímkoľvek ďalším, s čím js svet medzitým príde.
@@RobWebSK Předtím tu byl Alpine.js který je výrazně schopnější ;), tohle je jen taková hračka pro začátečniky a pro lehké úkoly možná. Brzo člověk narazí na limit. Takže radši Alpine.js a v případě nutné potřeby Vue.js
nevidim zadny realny prinos .. rozdil oproti node/deno bude minimalni, je to dalsi JS runtime a realny rozdil uvidis v trose syntaxe jako v kazdem JS frameworku - BUN je runtime ale k napsani backendu pouzijes vzdy nejakou knihovnu/framework at uz je soucasti sandardni knihovny nebo ne je to stale to same a je v podstate jedno jestli je to bun, node, nebo deno (kazdy z nich ma navic desitky az stovky tech frameworku .. staci si projet u kazdeho na strance HelloWorld aplikaci a uvidis o cem mluvim. Nejvetsi rozdil bude asi ve vecech kde se bun trochu lisi a to nema s backendem nic spolecneho, jde o instalaci zavislosti apod.
V principe je to podobna paradigma ako react server components v novom next.js. Sice v next.js pises javascript, ale pri pouziti htmx tak ci tak musis robit nejaky backend ktory generuje html a to prida na komplexnosti cca rovnako ako keby si rovno pouzil next.js. S tym ze react je overeny aj na velkych projektoch a da sa tam lahko pridat interaktivita tam kde ju treba. Na htmx akurat netreba bundler a da sa pouzit s hocijakym backendom. To je asi tak vsetko, ziadna revolucia sa nekona. Kto velmi chcel, mohol doteraz pouzivat napr. aj ten hotwire.
Trochu zaváňa s možným XSS Ošetruje to nejak automaticky vstup a výstup? Prípadne je tam možné vytvoriť a rozšíriť to o vlastné ošetrovanie (nejaký middleware/helper)?
@@weroro tak napriklad ak svg pridava programator, je za neho zodpovedny programator aby skontroloval obsah - rovnako ako ked pridavas nejake third-party kniznice, tiez nesledujes cely kod a ze co sa robi na pozadi. Ak sa jedna o user uploaded svg, tak to musis samozrejme kontrolovat na servery, v pripade ze na frontende to svg chces davat priamo do html - pretoze sa da zobrazit aj cez alebo ine css, co je safe cesta (kde sa nevykonava javascript vlozeny do svg)
Jedinou slabinu vidím v tom, že backend musí za každou cenu vracet HTML response...a eshop je asi hraniční místo to kde je výhodné HTMX použít. Asi si nedokážu představit něco komplexnějšího.
♥ PATREON patreon.com/yablko podpor ma
🎙 PODCAST th-cam.com/video/DktmaHXd4ps/w-d-xo.html podcast
📚 MOJE KURZY skillmea.sk/lektor/roman-hraska 1500+ mojich videí
🍿 TWITCH twitch.com/yablko_ tu odpovedám na otázky
🎬 DRUHÝ TH-cam th-cam.com/users/yablko humor
Zavadil jsem o tohle video nahodou a nelituju, super projev i vysvetleni
00:00 01 HTMX ✨ Možno nepotrebuješ React
01:26 02 HTMX NIE JE ďalší JavaScript framework
05:04 03 HTMX JE rozšírenie jazyka HTML
10:42 04 HTMX A24form Python app (nemusíš vedieť Python)
14:18 05 HTMX Aktívne vyhľadávanie v databáze
18:22 06 HTMX Loading, Animácie, Ladenie
23:54 07 HTMX 🔥 Patrí React do koša?
Pro mě bylo největší překvapení ANIMOVANÉ png :D
parádna vecička
zaujimave, urcite vyskusam
Ked som sa dopocul ze odisiel Vaso, tak prva myslienka bola, ze kedy vyda yablko nove video
Pokud si napíšu web pomocí vue projektu, a chtěl bych pak použít i něco z htmx v jsx jde to takto kombinovat nebo ne? Nebo se htmx dá použít čistě jen v html? Díky
uplne mi stacilo dojst do vety, ze htmx pouziva javascript. To tvori iba dalsi framework/library ktory sa tvari a snazi byt ako nieco coby mohlo byt (ale neni) a to sa snazia byt aj vsetky ostatne frameworky. V com je to ine od napriklad remix.run ktory dokaze bezat aj bez javascriptu?
v čom je to iné? napríkad v tom, že explicitne stanovený cieľ tvorcu HTMX je, aby HTMX zaniklo. on HTMX berie ako sériu konceptov, ktoré by v ideálnom prípade adoptoval oficiálny jazyk HTML, čím by sa z neho konečne stal plnohodnotný hypertext, resp hypermedia.
prestať počúvať pri zistení, že htmx na pozadí používa javascript mne osobne príde v prvom rade ako puntičkárstvo, v druhom rade krátkozraké, v treťom rade ako missing the point:) samozrejme existuje milión ďalších rozdielov medzi remix a htmx, ale cieľ htmx je pridať 4 koncepty do oficiálneho jazyka html. tipujem, že remix mieri inde.
podarí sa to? nikto nevie! ale páči sa mi tá myšlienka a budem ju propagovať a dúfať, že sa to stane. lebo ak sa to stane, uľahčí to aj tebe prácu s remixom. alebo čímkoľvek ďalším, s čím js svet medzitým príde.
A kde to akože bolo doteraz? Som z toho nadšený.
intercooler.js tu bol predtým, ale s tým carson gross až príliš predbehol dobu. potrebovalo to správny moment.
@@RobWebSK Předtím tu byl Alpine.js který je výrazně schopnější ;), tohle je jen taková hračka pro začátečniky a pro lehké úkoly možná. Brzo člověk narazí na limit.
Takže radši Alpine.js a v případě nutné potřeby Vue.js
Super video dakujem 🙂
Urob prosim ten backend v Bun! Pocul som, ze to ma byt revolucne ale som trochu skepticky. A vela ludi o tom ani nevie takze video by bolo super 😁
nevidim zadny realny prinos .. rozdil oproti node/deno bude minimalni, je to dalsi JS runtime a realny rozdil uvidis v trose syntaxe jako v kazdem JS frameworku - BUN je runtime ale k napsani backendu pouzijes vzdy nejakou knihovnu/framework at uz je soucasti sandardni knihovny nebo ne je to stale to same a je v podstate jedno jestli je to bun, node, nebo deno (kazdy z nich ma navic desitky az stovky tech frameworku .. staci si projet u kazdeho na strance HelloWorld aplikaci a uvidis o cem mluvim.
Nejvetsi rozdil bude asi ve vecech kde se bun trochu lisi a to nema s backendem nic spolecneho, jde o instalaci zavislosti apod.
imho priliz vysoko mas vytiahnuty low-end na mikrofone, strasne mi z tvojho hlasu duni subwoofer xD, inak good content!
jediná úprava zvuku, ktorú robím, je normalizácia hlasitosti 🤷♂
ahoj spravil by si kurz na Python ? :P
Yablko sa venuje frontendu nie backendu ale mozno neskor aj backend kurzy bude davat🤷♂️
Este nevidim kurz na Skillmea. Kedy ma byt ? :)
Ahoj Yablko, super video. Som v tomto novacik a chcem sa opytat ci by sa dal spravit aj eshop v htmx ? Drz sa
V principe je to podobna paradigma ako react server components v novom next.js. Sice v next.js pises javascript, ale pri pouziti htmx tak ci tak musis robit nejaky backend ktory generuje html a to prida na komplexnosti cca rovnako ako keby si rovno pouzil next.js. S tym ze react je overeny aj na velkych projektoch a da sa tam lahko pridat interaktivita tam kde ju treba. Na htmx akurat netreba bundler a da sa pouzit s hocijakym backendom. To je asi tak vsetko, ziadna revolucia sa nekona. Kto velmi chcel, mohol doteraz pouzivat napr. aj ten hotwire.
Náramně se u toho bavím... 😅
ok :) a co alpine?
Mňam!
nice
Trochu zaváňa s možným XSS
Ošetruje to nejak automaticky vstup a výstup?
Prípadne je tam možné vytvoriť a rozšíriť to o vlastné ošetrovanie (nejaký middleware/helper)?
To by mal robit server v prvom rade. Nikdy neverit klientovi
@@megalordikJa viem, avšak ty bežne kontroluješ obsah napr. SVG súborov do ktorých vieš dať JS?
@@weroro tak napriklad ak svg pridava programator, je za neho zodpovedny programator aby skontroloval obsah - rovnako ako ked pridavas nejake third-party kniznice, tiez nesledujes cely kod a ze co sa robi na pozadi. Ak sa jedna o user uploaded svg, tak to musis samozrejme kontrolovat na servery, v pripade ze na frontende to svg chces davat priamo do html - pretoze sa da zobrazit aj cez alebo ine css, co je safe cesta (kde sa nevykonava javascript vlozeny do svg)
@@megalordik presne tak, server
Rip Vaso 😢
asi som sa zamiloval (nie len do htmx)
Som začiatočník a presne na toto som čakal lol. Rovno sa to idem aj učiť, doteraz ma odrádzal react etc.🤢
Spousta firem do teď používá React. Pokud nebudeš pracovat nezávisle, tak ten JS a React tě neminou. (Celý web development je chyba sama o sobě tho)
Ti ktorí chcete kurz phytonu dajte like
Vždyť je to normální JS 😂 stačí kouknout na dokumentaci.
Jedinou slabinu vidím v tom, že backend musí za každou cenu vracet HTML response...a eshop je asi hraniční místo to kde je výhodné HTMX použít. Asi si nedokážu představit něco komplexnějšího.
HTMX + Tailwind a odpada kopec zbytocnych veci