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 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 + Sensor Inclinação.

Nesse Post vamos utilizar um módulo FTDI e verificar se status de um sensor de vibraçã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 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/ftdiPythonFlaskAjaxVibration.html.

Link

FTDI + Python + Led + Flask.

Nesse Post vamos utilizar um módulo FTDI e fazer o controle via aplicação web utilizando Python e o framework Flask.

Vamos fazer um pequeno teste, enviando um evento via web e piscar um led através de um módulo FTDI e uma interface Python e Flask para executar o controle.

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

Link

ESP8266 + conexão Websocket.

Nesse Post vamos utilizar um ESP8266 e criar uma conexão web bidirecional utilizando Websocket.

Websocket é um protocolo de comunicação leve e bidirecional, ou seja, é possível tanto o servidor quanto o cliente enviar e receber mensagens. A única desvantagem é que o protocolo não garante a entrega dos pacotes de mensagens.

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

Link

Formulário com ESP8266 Server + Python serial + Banco de dados.

Nesse Post vamos utilizar a placa ESP8266 para criar um servidor web e enviar um formulário web para o servidor ESP8266 e gravar em um banco de dados utilizando Python.

Vamos demonstrar um pequeno teste capturando informações coletados do formulário web e gravar em um banco de dados Mysql utilizando Python.

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