Ao final deste tutorial, você será capaz de desenhar diferentes formas de cores diferentes. Dê uma olhada na demonstração final de trabalho abaixo. Si...
Como construir um jogo da velha com JavaScript puro
Aqui está o jogo da velha que vamos codificar. Clique em cada quadrado para colocar as peças e tente fazer três em uma fileira: Estrutura HTML A estru...
Como fazer um cursor de mouse personalizado com CSS ou JavaScript
Nos estágios iniciais do desenvolvimento da web, os sites estavam cheios de todos os tipos de recursos malucos: fundos com temas de galáxias, fontes c...
Crie um componente de acordeão JavaScript animado, com painéis sobrepostos
Neste novo tutorial, aprenderemos como criar um componente acordeão JavaScript animado com painéis sobrepostos. Não focaremos tanto na acessibilidade ...
8 melhores editores de imagem JavaScript gratuitos e de código aberto
A internet está repleta de inúmeras imagens enviadas pelos usuários. Isso é especialmente verdadeiro para sites de mídia social – e é muito raro as pe...
Como construir um carrossel simples com Vanilla JavaScript (14 linhas de código!)
O humilde carrossel (ou “slider”) é um recurso comum em sites, mas nem sempre é a coisa mais simples de se construir. Neste tutorial, vamos construir ...
Crie um CAPTCHA matemático simples para seus formulários com PHP e JavaScript
Neste novo tutorial, discutiremos uma abordagem direta para reduzir o spam de envios de formulários. Esta técnica usará PHP e JavaScript para bloquear...
Como iterar sobre chaves de objeto com JavaScript
Objetos personalizados não podem ser iterados usando o for...of ciclo. Além disso, você não pode usar métodos iteradores como map() e forEach(). Se o ...
Como criar um “gerador de cotações de IA” com OpenAI e JavaScript
Neste tutorial, aprenderemos como criar um aplicativo “AI Quotes Generator” com JavaScript. Este aplicativo demonstrará como buscar dados da API OpenA...
Como construir um aplicativo de conversão de texto em voz com JavaScript
Este tutorial abordará como converter texto em fala usando JavaScript usando WebSpeechAPI. Contará com uma interface simples onde o usuário adiciona o...