Programando com htmx.

Htmx.

Quem disse que não existe programador html?

Estava verificando o radar de tecnologias da Thoughtworks e no setor de frameworks ela sugeriu avaliar o htmx.

Radar.

Mas o que é o htmx?

O htmx é uma biblioteca Javascript leve, aproximadamente 10 kb, que dá ao desenvolvedor o poder de fazer requisições AJAX de qualquer elemento do DOM, assim é possível dentro de um arquivo html manipular elementos e fazer alterações sem atualizar a página.

Com essa abordagem, o html passa ser algo muito parecido com um SPA(Single Page Application), aproximando de um desenvolvimento front-end, mas com algumas ressalvas.

A configuração é bastante simples, o desenvolvedor somente precisa adicionar no cabeçalho do arquivo o link da biblioteca htmx e adicionar as Tags htmx necessárias no corpo do arquivo para criar sua aplicação.

Apesar de simples, ainda existem seus contras.

A comunidade htmx ainda é pequena, então encontrar alguma solução para problemas complexos pode ser um desafio.

Além disso, o htmx não está consolidado no mercado, então outro desafio é encontrar componentes prontos para algo diferente que deseja colocar no seu projeto, a solução é implementar com um javascript nesse caso.

Exemplo de implementação.

Code.
Implement.

Mais exemplos no site oficial do htmx.

Link

FTDI + Python + Flask + Sensor Presença Pir.

Nesse Post vamos utilizar um módulo FTDI e verificar se status de um sensor de presença PIR está ativado via módulo FTDI e aplicação web utilizando Python e o framework Flask + Ajax.

Vamos fazer um pequeno teste, capturando um evento de um sensor de presença PIR via FTDI e enviar para uma página web através de uma interface Python, Flask e Ajax para executar o controle.

Acesse o tutorial completo em: https://nakalabs.herokuapp.com/articles/2022/ftdiPythonFlaskAjaxPir.html.

Link

FTDI + Python + Flask + Sensor LDR.

Nesse Post vamos utilizar um módulo FTDI e verificar se status de um sensor LDR está ativado via módulo FTDI e aplicação web utilizando Python e o framework Flask + Ajax.

Vamos fazer um pequeno teste, capturando um evento de um sensor LDR via FTDI e enviar para uma página web através de uma interface Python, Flask e Ajax para executar o controle.

Acesse o tutorial completo em: https://nakalabs.herokuapp.com/articles/2022/ftdiPythonFlaskAjaxLdr.html.

Link

FTDI + Python + Flask + Sensor Vibração.

Nesse Post vamos utilizar um módulo FTDI e verificar se status de um sensor de vibração SW-420 está ativado via módulo FTDI e aplicação web utilizando Python e o framework Flask + Ajax.

Vamos fazer um pequeno teste, capturando um evento de um sensor de vibração via FTDI e enviar para uma página web através de uma interface Python, Flask e Ajax para executar o controle.

Acesse o tutorial completo em: https://nakalabs.herokuapp.com/articles/2022/ftdiPythonFlaskAjaxTilt.html.

Link

FTDI + Python + Flask + Ajax.

Nesse Post vamos utilizar um módulo FTDI e verificar se um botão está ativado via módulo FTDI e aplicação web utilizando Python e o framework Flask + Ajax.

Vamos fazer um pequeno teste, capturando um evento de um botão via FTDI e enviar para uma página web através de uma interface Python, Flask e Ajax para executar o controle.

Acesse o tutorial completo em: https://nakalabs.herokuapp.com/articles/2022/ftdiPythonFlaskAjax.html.