Filipe Teixeira

Do caos ao controle: interfaces reativas com JS puro

Wed, 31 Dec 2025 00:00:00 +0000

Manter a interface sincronizada com os dados manualmente é um dos maiores desafios no desenvolvimento front-end. Quando o valor de uma variável muda, todos os elementos do DOM que dependem dela precisam ser atualizados individualmente. Para resolver isso, vamos ver neste artigo como podemos construir uma estrutura de Estado Reativo, sem precisar importar bibliotecas inteiras apenas para isso.

O Núcleo de Dados (ReactiveState)

A primeira coisa que vamos fazer é criar um local centralizado para os dados. Ele é o estado atual da aplicação. Ele vai ser nosso “Single Source of Truth” e vai carregar todas as propriedades e registrar suas mudanças. Além disso, para ser realmente reativo, vamos usar os eventos do JavaScript para notificar a aplicação toda quando o estado for modificado. (Mais tarde vamos ver o que fazemos com essa informação.)

O dia em que a programação ganhou um "metrô"

Tue, 16 Dec 2025 00:00:00 +0000

O dia em que a programação ganhou um “metrô”

Durante muito tempo, aprender programação era como tentar chegar a um lugar distante a pé, por ruas mal iluminadas, cheias de buracos e pedras soltas.

Não era impossível.
Mas exigia fôlego, paciência e uma boa dose de teimosia.

Muita gente desistia no meio do caminho — não porque não fosse capaz, mas porque o trajeto era cansativo demais logo no começo.

Como funciona uma LLM

Thu, 19 Jun 2025 00:00:00 +0000

A Inteligência Artificial como um Bibliotecário Eletrônico Avançado

Para compreender o funcionamento de um Modelo de Linguagem Grande (LLM), como o Gemini, pode-se imaginá-lo como um bibliotecário eletrônico extremamente avançado. Pense em um sistema que tem acesso instantâneo a praticamente todo o conhecimento textual já produzido no mundo e é capaz de processar essa vastidão de informações em questão de milissegundos.

A Analogia com a LLM

Uma LLM opera de maneira similar a esse bibliotecário eletrônico. Ao questionar uma LLM, por exemplo, “Como funciona a fotossíntese? Responda como se eu tivesse 5 anos”, as “ações” (processos computacionais) que ela executa são:

Primeiros passos com visão computacional usando Python + OpenCV + MediaPipe

Mon, 16 Jun 2025 00:00:00 +0000

Por que usar OpenCV e MediaPipe?

O OpenCV é uma biblioteca poderosa para processamento de imagens, e o MediaPipe (desenvolvido pelo Google) oferece soluções prontas para tarefas como detecção de mãos. Juntos, eles simplificam o desenvolvimento, já que grande parte do trabalho pesado (como detectar landmarks das mãos) já está implementada. Vamos explorar como configurar e usar essas ferramentas para criar um sistema de controle por gestos.

Pré-requisitos

Antes de começar, instale as dependências necessárias. Execute no terminal: