Tutoriais JavaScript
Nossos tutoriais JavaScript oferecem uma abordagem sistemática para aprender programação web dinâmica. Eles cobrem os fundamentos do JS, manipulação do DOM e programação assíncrona, adequados tanto para iniciantes quanto para desenvolvedores intermediários. Por meio de laboratórios práticos e exemplos de código práticos, você ganhará experiência na criação de aplicativos web interativos. Nosso playground JS permite que você experimente os recursos do JavaScript 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++Desenvolvimento WebCiência de Dados
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 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
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
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
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
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 um Jogo Web de Evitar Blocos
Neste projeto, vamos construir um jogo divertido e simples de evitar blocos usando HTML, CSS e JavaScript. Este jogo envolve mover blocos onde o jogador deve clicar nos blocos pretos para marcar pontos e evitar clicar nos blocos brancos. Vamos começar a construí-lo passo a passo!
JavaScriptHTMLCSS
Construindo um Heatmap de Contribuições no React (GitHub)
Este projeto irá guiá-lo na criação de um calendário heatmap em React, semelhante ao gráfico de contribuições do GitHub. Este tipo de calendário pode ser uma maneira atraente de visualizar dados de atividade ao longo do tempo, com a intensidade da cor indicando o nível de atividade em um determinado dia. Ao final deste projeto, você terá uma compreensão clara de como integrar e usar um heatmap de calendário em uma aplicação React.
ReactJavaScriptCSS
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
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
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
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
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
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
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
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
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
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
- Anterior
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 56
- Próximo