Tutoriais HTML

Neste projeto, você aprenderá como criar uma aplicação React que permite aos usuários alternar entre o modo claro e o modo escuro. O projeto demonstrará o uso da React Context API e do hook useContext para gerenciar o estado global do tema.

Este projeto guia você pelo processo de implementação de um modelo MobileNetV2 pré-treinado usando TensorFlow.js dentro de uma aplicação web Flask. MobileNetV2 é uma rede neural profunda leve, usada principalmente para classificação de imagens. TensorFlow.js permite executar modelos de machine learning diretamente no navegador, permitindo aplicações web interativas. Flask, um framework web Python, servirá como o backend para hospedar nossa aplicação. Ao final deste projeto, você terá uma aplicação web em execução que classifica imagens em tempo real usando o modelo MobileNetV2.

Neste projeto, você aprenderá a construir um aplicativo simples de gerenciamento de tarefas usando Vue.js. O gerenciador de tarefas permite que você crie, exclua e acompanhe suas tarefas diárias, ajudando você a se tornar um mestre em gerenciamento de tempo.

Neste projeto, você aprenderá como criar uma ferramenta de conversão de tempo usando Vue.js. Esta ferramenta permitirá que você converta entre datas e timestamps, um requisito comum em muitas aplicações de negócios.

Neste projeto, você aprenderá como criar um componente de tela de esqueleto flexível usando Vue.js. Uma tela de esqueleto é um padrão de interface do usuário que exibe uma versão simplificada da interface antes que o conteúdo real seja carregado, proporcionando uma melhor experiência do usuário em comparação com os indicadores de carregamento tradicionais.

Neste projeto, você aprenderá como construir a funcionalidade de um carrinho de compras usando Vue.js 2.x. O carrinho de compras é um recurso essencial em sites de e-commerce, permitindo que os usuários gerenciem seus produtos selecionados antes de fazer uma compra.

Neste projeto, você aprenderá como configurar um ambiente Vue.js e implementar a funcionalidade de botões para atualizar um valor exibido em uma página web.

Neste projeto, você aprenderá a criar uma função de busca simples usando Vue 2. A função de busca permite que os usuários pesquisem conteúdo e exibe os resultados relevantes. Este projeto ajudará você a entender os fundamentos do Vue.js e como implementar um recurso de busca em uma aplicação web.

Neste projeto, vamos guiá-lo pelo processo de criação de um simples jogo de Raspadinha baseado na web. Este jogo permite que os usuários raspe uma sobreposição cinza para revelar uma imagem subjacente, que será uma mensagem de 'vencedor' ou 'tente novamente'. Usaremos HTML para a estrutura, CSS para estilização e JavaScript para interatividade.

Neste projeto, você aprenderá como construir um componente de paginação, um componente comumente usado em aplicações web. O componente de paginação ajuda a reduzir o tempo de consulta no backend e não afeta o desempenho da renderização da página devido ao carregamento excessivo de dados.

Neste projeto, você aprenderá como criar um componente de caixa modal que pode ser exibido e ocultado em uma página web. Caixas modais são comumente usadas em aplicações web para exibir conteúdo ou formulários adicionais sem sair da página atual.

Bem-vindo ao projeto de Simulação do Problema de Monty Hall. O problema de Monty Hall é um quebra-cabeça de probabilidade baseado em um cenário de programa de jogos. Neste projeto, vamos guiá-lo na criação de uma simulação simples baseada na web para demonstrar o quebra-cabeça. No final, você terá uma simulação funcional de Monty Hall para testar a teoria por si mesmo.

Neste projeto, você aprenderá como criar um efeito de lupa em imagens usando o HTML Canvas. Este efeito é frequentemente visto em galerias de imagens ou sites de produtos, permitindo que os usuários passem o mouse sobre uma imagem e obtenham uma visualização ampliada de uma parte específica. O efeito de lupa fornece uma visualização detalhada sem ter que abrir uma nova janela ou página.

Neste projeto, você aprenderá a criar um cartão de felicitações de fim de ano que exibe saudações aleatórias quando o botão 'Escrever' é clicado. Este projeto ajudará você a entender como trabalhar com funções JavaScript, ouvintes de eventos e manipulação do DOM.

Este projeto guia você na criação de um jogo simples, porém envolvente, baseado na web, intitulado 'Não Pise no Azulejo Branco'. Seguindo estas etapas, você aprenderá a combinar HTML, CSS e JavaScript para construir um jogo interativo onde os jogadores devem evitar pisar nos azulejos brancos para marcar pontos. Este projeto é ideal para iniciantes que desejam praticar suas habilidades de desenvolvimento web.

Neste projeto, você aprenderá como criar um jogo Whack-a-Mole usando HTML, CSS e JavaScript. O jogo envolve golpear toupeiras que aparecem aleatoriamente de buracos dentro de um limite de tempo especificado. Você criará os arquivos HTML, CSS e JavaScript necessários e implementará a lógica do jogo passo a passo.

Neste projeto passo a passo, você aprenderá como criar um aplicativo web Task Timer usando HTML, CSS e JavaScript. Este aplicativo web permitirá que os usuários adicionem tarefas, iniciem e parem cronômetros para cada tarefa e excluam tarefas. Ao final deste projeto, você terá um aplicativo web Task Timer totalmente funcional com uma interface moderna e amigável.

Neste projeto, criaremos um aplicativo web simples de quadro de desenho passo a passo. Cada etapa se baseará na anterior, permitindo que você adicione gradualmente funcionalidades ao aplicativo. Ao final deste projeto, você terá um quadro de desenho totalmente funcional onde os usuários podem desenhar, alterar a cor do pincel, ajustar o tamanho do pincel e limpar a tela.