No vasto mundo do desenvolvimento web, tecnologias vêm e vão, mas algumas ainda permanecem ativas, mesmo que de forma limitada. Um desses exemplos é o .shtml. Mas afinal, o que é .shtml, como ele funciona, e ainda faz sentido usá-lo em projetos modernos? Vamos explorar esses pontos. O que é .shtml? O .shtml é um […]
Entendendo .shtml: O que é e ainda faz sentido usar? Read More »
Ao desenvolver uma API REST, uma das decisões mais importantes é escolher o formato de dados para a comunicação entre o cliente e o servidor. Os dois formatos mais comuns são JSON e XML. Mas qual é o mais adequado para sua API? Vamos explorar as diferenças, vantagens e desvantagens de cada um. O que
API REST: JSON ou XML? Qual Escolher? Read More »
Para armazenar os dados de geolocalização em uma variável PHP, você precisará enviar os dados do JavaScript para o servidor usando uma requisição AJAX. A seguir, vou demonstrar como fazer isso: Passo 1: Página HTML com JavaScript Passo 2: Script PHP para receber os dados Explicação do Código Com esses dois passos, você pode obter
Habilitando Georreferenciamento do Navegador e transformando em variável PHP. Read More »
Você pode usar JavaScript para verificar o tamanho do arquivo selecionado pelo usuário antes de enviar o formulário. Aqui está um exemplo de como você pode fazer isso: Neste exemplo, adicionamos um ouvinte de evento para o evento change do input de arquivo. Isso significa que a função será chamada sempre que o usuário selecionar
Verificar tamanho do arquivo em um Input do tipo file em tempo real. Read More »
Você pode criar uma máscara para um input de telefone usando linguagens como JavaScript, utilizando expressões regulares para validar e formatar os números conforme necessário. Aqui está um exemplo básico de como você pode fazer isso: Neste exemplo, a máscara se ajusta dependendo do número de dígitos digitados. Se forem 11 dígitos, assume-se que é
Para deixar um formulário inteiro como somente leitura em uma aplicação web, você pode fazer isso através de várias maneiras, dependendo do ambiente de desenvolvimento que você está usando. Aqui estão algumas abordagens comuns: Certifique-se de substituir #meuFormulario pelo ID do seu formulário. Independentemente do método escolhido, certifique-se de testar bem para garantir que o
Deixar um form inteiro somente leitura. Read More »
Para limitar um campo de entrada (input) a um máximo de 200 caracteres e mostrar em tempo real quantos caracteres ainda estão disponíveis para preencher, você pode usar JavaScript para atualizar dinamicamente o contador de caracteres enquanto o usuário digita. Aqui está um exemplo de como você pode fazer isso: Neste código, temos um textarea
Limitar quantidade de caracteres em um campo Input (input, textarea, etc) Read More »
Aqui está um exemplo simplificado de como você poderia usar a API Web Authentication (WebAuthn) para integrar a autenticação biométrica em uma Progressive Web App (PWA). Lembre-se de que esse é apenas um exemplo básico e que você precisa ajustar o código para suas necessidades e considerar questões de segurança. Lembre-se de que a implementação
Integrar Biometria a app PWA (simples) Read More »
Se você está buscando uma solução simples e direta com o uso do atributo onclick para alternar entre a visualização de DIVS sem a necessidade de estilos CSS, aqui está uma ideia: Neste exemplo, as duas DIVs são alternadas usando o estilo display inline. O atributo onclick no link chama a função toggleDivs() quando o
Toggle Divs (sem css) Read More »
O lazy loading é uma técnica de otimização de desempenho usada em desenvolvimento web para atrasar o carregamento de recursos, como imagens, vídeos e scripts, até que eles se tornem visíveis na tela do usuário. O objetivo principal do lazy loading é melhorar o tempo de carregamento inicial de uma página, reduzir a quantidade de
Utilizando Lazy Loading… Read More »
