Tutoriais de Desenvolvimento Web

O desenvolvimento web oferece um caminho de aprendizado estruturado para criar sites e aplicações web modernas. Nossos tutoriais cobrem tecnologias front-end e back-end, adequados tanto para iniciantes quanto para desenvolvedores intermediários. Com laboratórios gratuitos e exemplos de código práticos, você obterá experiência prática em HTML, CSS, JavaScript e frameworks populares. Nosso ambiente web interativo permite que você experimente diferentes tecnologias e veja os resultados em tempo real.

Mostre o que o servidor realmente aceitou

Mostre o que o servidor realmente aceitou

Crie uma solicitação assíncrona fiel com estado pendente, validação do servidor, sessão cheia e repetição segura.
JavaScriptHTML
Torne o formulário utilizável em telas pequenas

Torne o formulário utilizável em telas pequenas

Crie rótulos visíveis, restrições nativas e condicionais, estilo responsivo e foco de teclado em torno de uma inscrição local real.
HTMLJavaScriptCSS
Crie um Visualizador de Fotos com Teclado

Crie um Visualizador de Fotos com Teclado

Crie um diálogo nativo de fotos que mostre a imagem correta, permita navegação com teclado e se recupere de um erro de carregamento de imagem.
JavaScriptHTML
Crie uma Galeria de Fotografias Reais

Crie uma Galeria de Fotografias Reais

Crie uma exposição fotográfica responsiva com imagens locais reais, identidades estáveis de fotos e foco do teclado visível.
HTMLJavaScriptCSS
Restaurar a busca pela navegação do navegador

Restaurar a busca pela navegação do navegador

Diferencie nova busca de restauração URL para que compartilhar, atualizar e Back/Forward reais reproduzam visualizações completas.
JavaScript
Descrever os resultados de busca na URL

Descrever os resultados de busca na URL

Filtre e ordene um guia local de eventos, normalize suas páginas e faça URLs reais reproduzirem os mesmos resultados visíveis.
JavaScript
Manter uma única fonte de verdade para a agenda

Manter uma única fonte de verdade para a agenda

Crie escolhas React coerentes, cartões atuais, totais derivados e filtros sem perder os IDs selecionados.
JavaScriptReact
Explicar conflitos e lembrar escolhas

Explicar conflitos e lembrar escolhas

Rejeite sobreposições e restaure uma agenda React só de IDs na mesma origem após atualizar o navegador.
JavaScriptReact
Transmitir uma conversa persistente

Transmitir uma conversa persistente

Crie um chat de suporte com sessão assinada usando o Cloudflare AIChatAgent, transmita uma resposta limitada do Workers AI e restaure o histórico persistente após a reconexão.
CloudflareReact
Transmitir uma resposta de ajuda

Transmitir uma resposta de ajuda

Transmita uma resposta de ajuda do Workers AI para um cliente fornecido, reconheça a conclusão, cancele com segurança e encerre erros do serviço sem travar.
CloudflareJavaScript
Exigir aprovação para alterações em registros

Exigir aprovação para alterações em registros

Pause uma alteração sintética em um registro para obter aprovação humana explícita, preserve a segurança em caso de recusa e torne entregas repetidas idempotentes.
CloudflareReact
Criar Estrutura e Tags HTML Básicas

Criar Estrutura e Tags HTML Básicas

Aprenda a criar uma estrutura básica de documento HTML, entender as tags HTML essenciais e construir uma página web fundamental com marcação semântica adequada.
HTML
Criar e Estilizar Elementos div em HTML

Criar e Estilizar Elementos div em HTML

Aprenda a criar, estilizar e manipular elementos div em HTML, explorando suas características de nível de bloco, cores de fundo e técnicas de posicionamento.
HTMLCSS
Aplicar Estilos de Margem em CSS

Aplicar Estilos de Margem em CSS

Aprenda a usar as propriedades de margem CSS para controlar o espaçamento em torno de elementos HTML, entender diferentes sintaxes de margem e aplicar vários estilos de margem para aprimorar o layout da página web.
CSSHTML
Criar Sombras de Caixa com CSS

Criar Sombras de Caixa com CSS

Aprenda a criar profundidade e dimensão visualmente impressionantes no design web dominando as técnicas de sombra de caixa CSS, desde sombras básicas até efeitos complexos de múltiplas camadas.
CSS
Criar Animações CSS3 com Keyframes

Criar Animações CSS3 com Keyframes

Aprenda a criar animações web dinâmicas usando keyframes CSS3, explorando a sintaxe, propriedades e técnicas avançadas para dar vida aos elementos web com efeitos de movimento suaves e interativos.
CSS
Crie um Encurtador de URLs com Flask e MySQL

Crie um Encurtador de URLs com Flask e MySQL

Este projeto guia você na criação de um serviço simples de encurtamento de URLs usando Flask e MySQL. Você aprenderá a configurar um banco de dados, projetar uma interface web e implementar funcionalidades para encurtar URLs, pesquisar URLs por tags e visualizar análises. O projeto é amigável para iniciantes e oferece uma visão abrangente do desenvolvimento web com Python e gerenciamento de banco de dados.
HTMLPythonMySQLCSS
Criar e Manipular Arrays em JavaScript

Criar e Manipular Arrays em JavaScript

Aprenda a criar, inicializar e manipular arrays JavaScript através de exercícios práticos, explorando indexação de arrays, acesso a elementos e operações básicas com arrays.
JavaScript
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 82
  • Próximo