HTMX (O HTML com "superpoderes") // Dicionário do Programador
Ғылым және технология
🧠 𝗘𝗦𝗧𝗨𝗗𝗘 𝗡𝗔 𝗔𝗟𝗨𝗥𝗔 → codft.me/alura
Descubra o poder de HTMX para turbinar aplicações web! Mostramos como HTMX pode tornar a interação com o usuário mais dinâmica e responsiva sem a complexidade do JavaScript moderno. É praticamente um jQuery com superpoderes.
🎙️ Compilado Podcast
→ KZread: @CompiladoPodcast
→ Spotify: codft.me/compiladospotify
→ Newsletter: compilado.codigofonte.com.br
🔗 Mais links do Código Fonte TV
→ codigofonte.tv
#HTMX #Javascript #HTML
Пікірлер: 227
Divertido isso aparecer por aqui. Quando ainda se chamava "Intercooler JS" o pessoal do React fazia piada. Na época achei muito impressionante, principalmente por usar atributos (coisa que já existia antes). Isso era o que o HTML deveria ter se transformado tempos atrás.
Esse HTMX é uma gambiarra muito boa.
@JulienMurray
2 ай бұрын
"Contextualizando..." É como música pros ouvidos 😊
@joycemara.m
2 ай бұрын
Concordo viu!
Tenho um projeto feito em HTMX e Alpine.js. Com ele consegui implementar SEO de maneira muito simples. Para mim é uma ótima ferramenta.
@ferjava
2 ай бұрын
De fato.
@ilavras
2 ай бұрын
Boa dica!!! Grato.
Vanessa ficou "pistola" 😄 Muito bom vídeo ! Tudo o que tornar desnecessário o uso de javascript , com qualidade, é bem-vindo.
Quanto mais acho que sei, mais descubro coisas que não sei!
@Cultosaurus_Erectus
2 ай бұрын
E vai ser assim pro resto da vida. Ninguém sabe de tudo.
@2121marquinhos
2 ай бұрын
Eu idem..é sempre assim e Vai ser assim sempre..meu querido
@quantinvest7968
2 ай бұрын
Esse htmx é antigo para caramba...ele se chamava intercooler.js. Eu usei isso aí com Django pq eu n queria ter que aprender nenhum framework javascript. Está fazendo sucesso agora pq até o pessoal do javascript está cansado da complexidade e de um framework novo por semana...golang + htmx é sucesso.
@jonatasjcgrendering8436
2 ай бұрын
Coitado dos que são fullstack!
@tugaiando8507
2 ай бұрын
E eu que já acho que não sei aí depois vejo que sei menos do que acho que sei kkk😅 Mas isso me motiva!!!
A qualidade do vídeo de vocês é impressionante, vlw, muito obrigado!
Muito bacana! Já to começando a testar aqui, realmente parece bem simples o uso! Muito obrigado pelo ótimo conteúdo como sempre, CDFs! Grande abraço
Testando agora no meu projeto particular. Chegou na hora certa.
@pedrocampos6530
2 ай бұрын
Eu ja uso o HTMX com django, ele casa muito bem com alpinejs e tailwind css.
Vocês me inspiram bastante! cada vez mais estou gostando de tecnologia. Comecei meu canal aqui no youtube e estou compartilhando minha trajetória do absoluto zero em programação. Gratidão Código fonte!
Interessantíssimo! Parabéns pelo vídeo.
Muito bom! Gostei bastante. Vou procurar e devorar a documentação.
Meu Deus, que coisa maravilhosa 🤩 Vou começar a usar o htmx
Eu simplesmente amo o HTMX ❤
Nem trabalho com web mas torcendo pra esse superset/framework crescer e tomar mercado, faz total sentido e deveria ter sido o caminho escolhido lá no começo.
Podiam fazer uma playlist entre vários frameworks ensinando a criar um crud, um endpoint, e um sistema de usuário. Endpoints com e sem controle de usuário, um exemplo simples que pudesse ser reaproveitado a parte front-end e refazer o backend em várias linguagens. Algo como apenas duas páginas(com e sem controle de acesso) + registro e login. Isso daria uma grande ideia de como se trabalhar em várias linguagens.
Excelente vídeo casal! Sucesso.
Eu ameiii! Não conhecia. Testando agora!
A sequência de porquês da Vanessa me parou - 02:15! Óptimo vídeo, obrigado pelo conteúdo.
Por isso que o ThePrimeagen gosta tanto do HTMX. Facilitou demais muitas coisas relacionadas à atualização dos componentes.
Vocês são maravilhosos! Tudo parece tão fácil quando vocês explicam que da gosto de ouvir e aprender
@codigofontetv
2 ай бұрын
Que comentário maravilhoso! Ganhamos o dia Joyce! ❤️
Eu achei uma proposta muito interessante. Acho que seria super válido um mão no código abordando mais afundo, e também mostrando o uso com Web Socket e esse SSE, que por sinal me atiçou a curiosidade!
Muito bom o conteúdo!
Muito legal! Não conhecia, mas parece auxiliar na produtividade...
Vídeo muito bom parabéns
Estou usando HTMX nos meus projetos e tô achando sensacional.
Parabéns sempre adorei Html, CSS, JavaScript e Vue. Mas essa semana quero saber mais sobre o htmx
Muito top!
Eu tenho usado HTMX com Blazor SSR. A forma de criar componentes com rota e HTMX casou muito bem!
Super Conteúdo muito top
Ótimo conteúdo!
muito bom, vai pra minha lista de estudo para me aprofundar, quem sabe eu num use ele em um projeto particular
Que interessante o HTMX ! Como ainda não está tão maduro, vou usar com cuidado, mas a proposta é excelente! Vou começar aplicando em pequenos projetos.
@ferjava
2 ай бұрын
Boa!! O legal do HTMX é que é muito flexível e tu acaba aprendendo a realmente mexer com o DOM e os fundamentos da Web, pois é uma lib que não quebra a Web, ela complementa a Web =)
Cheguei atrasado, porém chegueeeii, bora aprender mais hoje
Amei❤ , vendo esse vídeo só lembrei que só sei que nada sei ❤
Faz um video sobre o pnpm é muito bom e vejo poucos falando sobre! Excelente video 😃
Eu utilizei HTMX para desenvolver a interface para um serviço de geração de relatórios junto com a sua extensão SSE, e posso dizer que é uma biblioteca muito boa. Consegui fazer um componente que atualiza a lista de relatórios sendo gerados em tempo real e sincroniza o estado entre vários clientes sem precisar tocar no javascript. Para quem gosta de programar no backend, HTMX é um grande alívio no mundo web.
Eu acho deve ser perfeito para fazer landing pages, ao meu ver vai facilitar muito para deixar dinâmico os projetos do gênero entre outros
Também pode ser usado com o AlpineJs. Conheci o HTMX a partir do Python (Django), sem aplicar diretamente, mas verificando alguns exemplos e achei ótimo. É um dos Framework que estão surgindo como uma opção, em razão estarem achando que o JS só cresce e agrega outras tecnologias ou ferranentas, o que torna uma aplicação extremamente verbosa. Javascript Fatique.
@waltermelo1033
2 ай бұрын
cara eu amo esse combo pra web designer/dev. HTMX + Alpine. eu posso inclusive integrar em qualquer outra ferramenta que aceite embed code que vai funcionar.
@fernandocoelho1334
2 ай бұрын
@@waltermelo1033 Bacana. Publica algo para nós aí. Já deu para perceber o potencial desse combo num canal onde o cara publica muita coisa sobre Django, mas como estou revisando tudo, pois vi o Django em 2017, não deu para chegar ainda naquele ponto, mas sei que será muito rápido do que tentar levar isso para um framework que seja por exemplo em JS. Não consegui assimilar JS em um curto espaço de tempo, porque só de programação estrutura, foram cerca de 30 anos e JS é outro paradigma.
Htmx e golang é um combo sério.
Eu já fazia esse tipo de coisa com o Web2py em 2009, só que integrado ao backend. Claro que HTMX está indo além e isso é muito bom.
é uma gambiarra com um nome legal
Bem interessante!
Acredito que por enquanto ele é excelente para utilizar em conjunto com outros frameworks, por exemplo, tenho um projeto em Laravel que utilizo algumas funções JQuery, isso aumenta muito o código e pode ficar confuso, pelo que vi no vídeo acredito que posso refatorar boa parte do código e até tirar algumas "gabiarras" 😅
parfece ser tão simples quanto Jquery. sem a necessidade de build do projeto, muiiiiiito bom
Ainda tenho um livro (isso mesmo) sobre o "revolucionário" DHTML!
Olha só, faz tempo que não vejo uma tecnologia nascendo enquanto ela está nascendo!
Goth.. é Go, tailwind e htmx.. bacana essa stack.
Estou montando um e-commerce com HTMX. Estava achando que ia precisar do Angular, mas até agora não.
Tem muitas das funcionalidades do Blazor Server da Microsoft. Um problema a ser atacado em relação a esse tipo de tecnologia é que se houver alguma latência de rede a experiência do usuário fica bastante afetada. De qualquer forma, a tecnologia é promissora!
Presente!!!
Muito interessante apesar de já fazer isso com jQuery bastante tempo, isso é uma mão na roda. Só não saquei a ideia da organização das canetas rsrs.
isso no django vai ser lindooo
Eu sou Dev Backend e sempre perco muito tempo nos projectos pessoais fazendo front-end, e já sofri muito JQuery, entao nos meus ultimos projectos venho usando o HTMX, gostaria poder dorminar ele por completo mas por enquanto eu digo q um bom quebra-galho e muito melhor q o JQuery
@pauloramorims
2 ай бұрын
VueJs pra quem é back-end é muito bom, a curva de aprendizado é bem rápida.
@MilsonPazienza
2 ай бұрын
@@pauloramorims nunca tentei mexer com Vue, faz umas coisas com ReactJs mas desisti kkk
@vitosnatios
2 ай бұрын
Estude mais uwu
@luis.tenorio
2 ай бұрын
Nada melhor que o Angular
@DjEdu28
2 ай бұрын
Eu sou mais de backend, e pra front uso react com material ui
We’re so back
esse video veio na hora que eu precisava
Só eu fiquei com impressão que isso é POG?
Recomendo o livro da galera do HTMX: Hypermedia Systems
Rapaz, uso Jquery até hoje!!
@willeumanuel
2 ай бұрын
Salve, meu nobre! Eu neste exato momento estou usá-lo em um projeto juntamente com PHP puro.
Eu sei que vocês fazem de tudo para que os vídeos sejam mais explicativos possível. Mas ainda é mais fácil entendimento para quem programa. Eu ainda vou começar a programar através de um curso só em maio. Então sugiro criar uma playlist só para iniciantes que não sabem programar para que a linguagem Seja mais fácil. Porém aprendi muita coisa sobre as linguagens de programação e outros assuntos com vocês. Obrigado!
Até o final desse video terão surgido mais 5 novas revolucionárias plataformas JavaScript que irão mudar o mundo :)
@gepetovovo2509
2 ай бұрын
kkkkkkkkk exatamente isso ai.. mês que vem surge mais uns 10 frameworks e o pessoal enaltecendo igual uns comentários aqui e depois é um chorume danado pra achar estágio e emprego, pq na realidade nenhuma empresa vai ficar falando pra toda hora trocar de linguagem e frameworks..
@EdivaldoReis
2 ай бұрын
Se dependesse de mim o Flash voltaria com força total!!!!!!!
Isso ajuda a simplificar tanto apps em react, usem e abusem de HTMX
Se parece muito com o AlpineJS. Vc já fizeram algum vídeo sobre ele?
Caraca estamos voltamos ao ASP? Retornando o html montado nos requests?
Vocês poderiam falar uma hora do AlpineJS. Que também é muito simples e pequeno, mas faz muitas coisas.
fofosssss
Gostei, será que agora vamos poder fazer menus dinâmicos sem precisar de um arquivo javascript?
Olha, em tempos que a gente só vê o front ficando cada vez mais complexo com ideias muitas vezes difíceis de operar na prática, vejo que o htmx é simples e útil. Tanto que fico até triste por ele não ter uma comunidade maior, apesar de não usá-lo. Outras propostas ganharam mais espaço no mercado, entregando mais complexidade e dor de cabeça para quem desenvolve.
Confesso que fiquei confuso no momento da abordagem dos pontos negativos onde é citado o retorno html comparado ao retorno json. Durante meus testes acreditei que o retorno html fosse um ponto positivo por trazer até mais segurança não expondo os parâmetros da construção.
@codigofontetv
2 ай бұрын
Trafegar somente os dados em json requer menos esforço, mas sem dúvida também podemos olhar por esse prisma que você levantou. Obrigada pelo complemento ;)
Alguém ai já usou o HTMX em algum projeto? Se puder, conta o caso de uso. Para mim parece que o HTMX é uma ferramenta para quem quer melhorar a usabilidade de sites mais simples sem precisar implementar frameworks pesados. Eu já tinha lido sobre o HTMX uns meses atrás, mas ainda não estudei. Muito bom o vídeo, obrigado por sempre compartilhar conhecimento 👊
@pedrocampos6530
2 ай бұрын
Eu usei django, htmx, alpinejs e tailwind css no meu ultimo trabalho. Melhor coisa. O site é Nofie.com
@mauriciomueller86
2 ай бұрын
@@pedrocampos6530 ficou da hora demais! Vlww por mandar o link
@fernandocoelho1334
2 ай бұрын
Mesmo podendo não ser teu ambiente, já vi um vídeo do HTMX usado com o Django e pelo o que vi, dá para ter uma noção de sua usabilidade.
@arcstur
2 ай бұрын
O HTMX é muito bom. Ele te faz construções aplicações focadas em hipermídia e REST. Acredito que ele nos ensina a entender melhor a web e usar seus poderes ao máximo. Recomendo ler os posts no blog do HTMX no site deles. Eles ensinam sobre hipermídia e REST.
@awrrin6575
2 ай бұрын
kzread.info/dash/bejne/hnxssMFvpcvFYMY.html
Vi uma galera falando mal da tecnologia, mas eu acho a proposta da tecnologia muito interessante.
@pedrocampos6530
2 ай бұрын
Eu trabalhei com HTMX, meu curriculo eh htmx. Sai de ser backend para voltar e ser dev web com prazer
Faz um vídeo sobre a biblioteca PyQt6/PySide6 do python😃😃
Quando se popularizou o AJAX ai sim,a internet se tornou algo serio! Sobre este HTMX , se já tem 10 anos e não pegou, não pega mais.Todavia e' hiper valido saber que isso existe, nunca se sabe quando vc vai dar de cara com um "bicho" deste ...
@fernandocoelho1334
2 ай бұрын
Leia o meu comentário, que eu acho que você vai saber onde está sebdo usado. Para quem é da comunidade de JS possivelmente não deve ter visto nada.
Professores, isso quer dizer que posso utilizar qualquer banco de dados sem precisar de API e PHP? E quanto fica o SEO para páginas feitas com o htmx?
pjax, unpoly e alpinejs mandam lembranças.
🤩🤩🤩
OBRIGADO PELO CONTEÚDO!! TUDO QUE PRECISAMOS É O CONSELHO CERTO SOBRE COMO INVESTIR EM CRIPTO, E ESTAREMOS PREPARADOS PARA A VIDA. GANHEI MAIS DE UM MILHÃO DE REAIS BRASILEIROS NEGOCIANDO NO MERCADO DE CRIPTO ESTE ANO, INDEPENDENTEMENTE DAS CONDIÇÕES DE MERCADO.
@GeorgeTimothy-fw3jz
2 ай бұрын
Se me permite perguntar, como você consegue ganhar tanto no mercado digital porque já estou negociando há algum tempo e continuo tendo prejuízo?
@EvelynJudith661
2 ай бұрын
Aconselho você a parar de negociar por conta própria se continuar perdendo.
@EvelynJudith661
2 ай бұрын
Uma personalidade tão genuína!! Sinceramente, continuarei a negociar e a seguir os sinais diários de Arianna Simpson nos guias, desde que funcionem para mim.
@NancyLisa-mm1jy
2 ай бұрын
Arianna Simpson?, fui apresentada a ela por um amigo, meu marido, e trabalho com ele há meses. Foi com os lucros dele que eu e meu marido conseguimos crescer no mercado imobiliário.
@AndrewKenneth-wi6bg
2 ай бұрын
O mesmo é verdade: conheci Arianna Simpson ano passado pela primeira vez em uma conferência aqui em Recife, e depois disso minha família mudou para sempre. Deus abençoe a Sra. Arianna.
Uau
Parece interessante, mas quais as vantagens em relação a react/angular/vue/svelte?
Caramba, fico imaginando se esse tanto de canetas no bolso são de verdade mesmo ou só figuração... rsss
@EdivaldoReis
2 ай бұрын
Essas canetas são para preencher os cards no kanban.
Trás uma atualização sobre o Jetbrains Flet
Não falaram de HATEOAS: HATEOAS (Hypermedia as the Engine of Application State) HTMX vai muito além de AJAX Sugestão para outro vídeo: FrankenPHP e Caddy
uso Jquery em pleno 2024 feliz da vida
Quando sai o resultado da pesquisa ??
ONDE ENCONTRO MAIS CONTEÚDO SOBRE WEB SOCKET?
A imagem está ótima. Que camera vcs usam ?
@codigofontetv
2 ай бұрын
É uma Canon 6D Mark II
mbora testar
ja to usando a algum tempo, ainda prefiro ele a react js kkk
@Cultosaurus_Erectus
2 ай бұрын
Eu também, principalmente para o mercado. HTMX é muito popular.
Agora se pode dizer que programa em html?
um RPC Call atualizado? to ficando velhinho rsrs
Se o retorno do Ajax em "/pagina" for um HTML completo, mas eu quero pegar apenas o que está dentro da DIV #conteudo e fazer um innerHTML dentro da DIV #resultado na página atual, como ficaria o exemplo? Alguém sabe?
@MarcoDamaceno
Ай бұрын
Se a requisição for feita na mesma URL base, ele vai trocar o conteúdo de #resultado. Se a URL base for diferente, ele vai te retornar erro de CORS se este não estiver configurado no servidor.
@VictorCampos87
Ай бұрын
@@MarcoDamaceno Minha dúvida é outra. Dúvida essa q eu postei qdo eu tava com febre e dengue... Na vdd é apenas curiosidade. Se eu realmente precisasse dessa informação, eu iria ler os docs do projeto. Tudo isso q vc falou eu já sei. Mas lhe agradeço por tentar 👍 P.S: Descobri como faz. Tem q usar os atributos hx-target e hx-swap. Carregar Conteúdo
Tem vezes que a WEB parece que esta na idade da pedra, parece uma colcha de retalhos. Um monte de pacotes para montar uma aplicação.
Hm mas isso significa que a resposta do servidor teria que ser sempre HTML, certo? Não teria como usar HTMX com APIs REST que retornam tudo em JSON, eu imagino. Ele serviria então mais para landing pages?
fale sobre o ruby, ruby on rails, hotwire, turbo-rails, turbo-power 😐
Você pode até achar que, sabe de tudo sobre o que você está estudando. Porém sempre existe um novo assunto ou algum termo, desconhecido que deve ser estudado. Frase para refletir: Um programador é um eterno estudante. #programação
ecossistemas da web 3.0, dicas pra web 3.0, nostr, polkadot
Será que o HTMX é o Tailwind do Javascript, que todo mundo faz cara de nojo na primeira vez que vê, mas depois que usa não quer lagar mais? Me parece bem prático e rápido, porém ainda fico com pé atrás com relação ao debuging disso aí...
Li sobre e testei faz um bom tempo, achei interessante mas nunca usei kkkkkk
Teria como criar um canal de programação de.jogos?
12:10 API retornando JSON - a proposta do HTMX é justamente eliminar isso, não? O server manda o html que precisa e pronto.