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.
Outras Árvores de Habilidades
LinuxDevOpsCibersegurançaDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellGitDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABanco de DadosMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Ciência de Dados
Desenvolva um Editor Markdown com Visualização ao Vivo
Neste projeto, criaremos um editor Markdown simples baseado na web que oferece visualização HTML ao vivo enquanto você digita. Usando bibliotecas como Ace Editor, marked e highlight.js, você desenvolverá um editor intuitivo que não apenas permite escrever em Markdown, mas também salva dados entre as sessões do navegador e destaca trechos de código na visualização.
JavaScriptHTMLCSS
Construa uma Ferramenta de Corte de Imagem Usando HTML5
Este projeto irá guiá-lo através do processo de criação de uma ferramenta simples de corte de imagem. Ao final, você terá uma aplicação interativa que permite aos usuários carregar, exibir e cortar imagens.
JavaScriptHTMLCSS
Construa um Jogo da Velha (Tic-Tac-Toe) Web
Neste projeto, você aprenderá a criar um jogo da velha usando HTML, CSS e JavaScript. O jogo da velha é um jogo para dois jogadores onde eles se revezam marcando X ou O em uma grade 3x3. O objetivo é conseguir três marcas em uma linha, seja horizontal, vertical ou diagonalmente. Você criará os arquivos HTML, CSS e JavaScript necessários e implementará a lógica do jogo passo a passo.
JavaScriptCSSHTML
Tempo com o Seu Telefone
Neste projeto, você aprenderá como criar um gráfico de linhas usando a biblioteca ECharts. O gráfico exibirá o número de horas que o usuário passa no telefone a cada dia da semana.
HTML
Jogo de Empilhar Frutas com HTML, CSS e JavaScript
Neste projeto, você aprenderá como criar um jogo simples de empilhar frutas usando HTML, CSS e JavaScript. O objetivo é empilhar as frutas que caem na parte superior da página na caixa na parte inferior. Se houver três frutas idênticas na caixa, elas serão removidas automaticamente.
JavaScript
Construindo uma Aplicação de Votação
Neste projeto, você aprenderá a construir uma aplicação de votação que permite aos usuários criar e gerenciar opções de votação, além de excluir opções, se necessário. A aplicação também inclui recursos para suporte à múltipla seleção e resultados públicos da votação.
JavaScript
Construir uma Extensão do VSCode com ChatGPT
Neste projeto, criaremos uma extensão do VSCode que permite ao usuário ajustar o nível do cabeçalho do texto Markdown selecionado.
JavaScript
Construindo um Jogo de Quebra-Cabeça Drag-and-Drop em React
Neste projeto, criaremos um jogo de quebra-cabeça drag-and-drop usando React. Este é um excelente projeto para iniciantes aprenderem sobre componentes React, gerenciamento de estado e tratamento de interações do usuário. Ao final deste projeto, você terá um jogo de quebra-cabeça funcional.
ReactJavaScriptCSS
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
Jogo de Correspondência de Frutas com HTML, CSS e JavaScript
Neste projeto, você aprenderá como criar um jogo simples 'Frutas Divertidas' usando HTML, CSS e JavaScript. O jogo envolve combinar pares de imagens de frutas clicando nos quadrados no tabuleiro.
JavaScript
Construindo um Aplicativo Web Moderno de Divisão de Despesas
Neste projeto passo a passo, criaremos um aplicativo web moderno e visualmente atraente de Divisão de Despesas usando HTML, CSS e JavaScript. Este aplicativo permitirá que você divida as despesas entre um grupo de pessoas e calcule quem deve o quê a quem. Começaremos do zero e cobriremos cada etapa para construir o projeto progressivamente.
JavaScriptHTMLCSS
Aplicação Web Interativa de Coleção de Filmes
Neste projeto, você aprenderá como criar uma aplicação web interativa de coleção de filmes usando HTML, CSS e JavaScript (jQuery). A aplicação permite que os usuários marquem seus filmes favoritos e, quando uma coleção de filmes favoritos é criada, uma mensagem de sucesso é exibida.
JavaScript
Aplicação Simples de Sorteio de Prêmios
Neste projeto, você aprenderá como criar uma aplicação simples de sorteio de prêmios usando JavaScript e jQuery. A aplicação simulará um sorteio de prêmios, rotacionando uma lista de prêmios e exibindo o prêmio vencedor quando a rotação parar.
JavaScript
Jogo Web 2048 Usando jQuery
2048 é um jogo extremamente popular e fácil de aprender que conquistou o mundo. Se você ainda não jogou, pode baixá-lo no seu celular para experimentar. Este projeto irá guiá-lo no uso de HTML, CSS, JavaScript e jQuery para criar uma versão web do jogo 2048.
JavaScript
Construindo Interfaces de Acordeão Responsivas
Neste projeto, você aprenderá como criar um acordeão dobrável simples usando HTML, CSS e JavaScript. O acordeão dobrável é um elemento de interface do usuário (UI) comum que permite aos usuários expandir e recolher seções de conteúdo, tornando-o um recurso útil para exibir informações de forma compacta e organizada.
JavaScript
Painel de Vendas em Tempo Real com Echarts
Neste projeto, você aprenderá como criar um painel de vendas em tempo real usando a biblioteca Echarts. O painel exibirá os dados de vendas e volume em um formato visualmente atraente e fácil de entender.
JavaScript
Jogo de Quebra-Cabeça Flip com jQuery
Este projeto, o 'Jogo de Quebra-Cabeça Flip com jQuery', oferece uma experiência prática em desenvolvimento web, focando em JavaScript, jQuery e Bootstrap. Ele envolve programação orientada a objetos em JavaScript e aborda a questão comum da ligação de 'this' no contexto do desenvolvimento web. O jogo é implementado usando jQuery e Bootstrap 3 para a interface do usuário. Embora a familiaridade com Bootstrap seja útil, a lógica principal do projeto é construída com jQuery e JavaScript.
JavaScriptCSSHTML
Construa um Jogo de Quebra-Cabeça Deslizante com JavaScript
Bem-vindo a este projeto sobre a construção de um simples jogo de Quebra-Cabeça Deslizante usando JavaScript. Ao final deste guia, você terá um jogo de quebra-cabeça deslizante 3x3 funcional que poderá jogar em seu navegador. O jogo apresentará peças numeradas, um cronômetro e controles para iniciar, pausar e reiniciar o jogo.
JavaScriptHTMLCSS
- Anterior
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 81
- Próximo