CURSO DE HTMX COM PROJETO - APRENDA HTMX EM 1 HORA
Вставка
- Опубліковано 9 чер 2024
- Aprenda HTMX em 1 hora e crie um projeto!
⭐ Curso completo de HTMX: app.horadecodar.com.br/course...
📘 Ebook de JavaScript: app.horadecodar.com.br/ebookp...
Repositório: github.com/matheusbattisti/cu...
Entre no nosso servidor de Discord e me siga nas redes:
🟣 Discord Hora de Codar: / discord
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
Bem-vindo ao nosso curso de HTMX! Neste vídeo, você aprenderá a usar HTMX para criar aplicações web dinâmicas e interativas de maneira eficiente.
HTMX é uma biblioteca JavaScript leve que permite adicionar funcionalidades dinâmicas a páginas HTML sem a necessidade de escrever código JavaScript complexo.
Ao longo deste curso, cobriremos uma série de exemplos práticos para demonstrar o poder e a simplicidade do HTMX.
O que você vai aprender:
👉 Carregar Conteúdo com GET: Aprenda a usar o atributo hx-get para carregar conteúdo dinamicamente quando um botão é clicado.
👉 Enviar Formulário com POST: Veja como usar hx-post para enviar dados de um formulário e atualizar a página sem recarregá-la.
👉 Trocar Conteúdo com hx-swap: Descubra como substituir elementos na página usando hx-swap para criar experiências de usuário mais interativas.
👉 Trigger Avançado com hx-trigger: Explore como usar hx-trigger para disparar ações com base em eventos como digitação e mudanças de valor.
👉 Especificar Alvo com hx-target: Aprenda a especificar onde o conteúdo carregado deve ser inserido usando hx-target.
👉 Valores Adicionais com hx-vals: Veja como enviar valores adicionais ao servidor com hx-vals ao enviar formulários.
👉 Polling com HTMX: Entenda como usar hx-trigger="every" para atualizar partes da página periodicamente.
👉 Validações: Saiba como validar formulários de forma eficiente antes de enviar os dados ao servidor.
Projeto Prático:
Além dos exemplos teóricos, vamos construir juntos uma aplicação prática: uma lista de tarefas (To-Do List). Neste projeto, você aprenderá a:
🔵 Carregar a lista de tarefas ao carregar a página.
🔵 Buscar tarefas dinamicamente enquanto digita.
🔵 Adicionar novas tarefas à lista sem recarregar a página.
🔵 Gerenciar as tarefas de maneira eficiente usando HTMX. - Наука та технологія
Links importantes do vídeo:
⭐ Curso completo de HTMX: app.horadecodar.com.br/course/curso-de-htmx-completo
📘 Ebook de JavaScript: app.horadecodar.com.br/ebookpages/ebook-javascript-para-iniciantes-gratuito
Repositório: github.com/matheusbattisti/curso_htmx_yt
HTMX deu uma sobrevida a desenvolvedores django e laravel, eu por exemplo estava de saco cheio em ter de criar interfaces ricas para usuarios... Com HTMX eu contrui uma datagrid poderosa usando varios recursos modernos de forma simples e requisitando tabto back django quanto laravel
PROFESSOR QUE INCRIVEL NAO CONHECIA O HTMX , VOCE E UM OTIMO PROFESSOR CONSTRUINDO OTIMOS CONHECIMENTOS COM VOCE , QUE DEUS ABENÇOE
Tamo junto Rafa
Não sabia da Existencia do HTMX ate ver esse video haha mt bom Prof!!
massa!
Tentei fazer o projeto mas nao conseguir copiar o arquivo do seu github. Como fazer?
como pega esses autocomplete quando vc usou o hx? qual é a extensão?
Excelente aula.
Valeu!!
para quem ai iniciar
seria mais interessante aprender htmx do que react?
cara, sao caminhos realmente diferentes, sugiro você ter um plano de estudos bem claro para tomar essa decisão
Mateus como eu uso a Tag Template no html
Eu queria que fizesse uma aula sobre isso
Opa, valeu a sugestão xara