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.