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
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.
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
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
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
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
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.
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 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!
JavaScript
Variáveis e Tipos de Dados em JavaScript
Neste laboratório, você aprenderá os fundamentos do JavaScript declarando variáveis com `let` e explorando tipos de dados básicos como strings, números e booleanos.
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.
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.
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
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 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.
JavaScript
Criando um Aplicativo Web de Quadro de Desenho
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.
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.
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
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.
JavaScript
- Anterior
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 9
- Próximo