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.

Manipulação de Eventos em JavaScript

Manipulação de Eventos em JavaScript

Neste laboratório, você aprenderá os fundamentos da manipulação de eventos em JavaScript, desde o uso do atributo onclick até técnicas avançadas como addEventListener e propriedades do objeto event.
JavaScript
Instruções Condicionais em JavaScript

Instruções Condicionais em JavaScript

Neste laboratório, você aprenderá os fundamentos das instruções condicionais em JavaScript, incluindo if, else e else if, para controlar o fluxo do seu código.
JavaScript
Introdução e Incorporação de JavaScript

Introdução e Incorporação de JavaScript

Neste laboratório, você aprenderá os fundamentos do JavaScript, incluindo como incorporá-lo diretamente em um arquivo HTML e como vincular um arquivo JavaScript externo.
JavaScript
Loops em JavaScript

Loops em JavaScript

Neste laboratório, você aprenderá os fundamentos dos loops em JavaScript, incluindo loops for, while e do-while, para controlar o fluxo do seu código e repetir ações.
JavaScript
Objetos JavaScript

Objetos JavaScript

Neste laboratório, você aprenderá os fundamentos dos objetos JavaScript. Você praticará a criação de objetos, a adição de propriedades, o acesso e a atualização de seus valores, e a extensão com novas propriedades, tudo dentro de um ambiente prático de desenvolvimento web.
JavaScript
Operadores e Expressões JavaScript

Operadores e Expressões JavaScript

Neste laboratório, você aprenderá os fundamentos dos operadores e expressões JavaScript, incluindo operações aritméticas, concatenação de strings e operadores de incremento.
JavaScript
Funções JavaScript

Funções JavaScript

Neste laboratório, você aprenderá os fundamentos das funções JavaScript, incluindo como defini-las, adicionar parâmetros, retornar valores e chamá-las para executar um bloco de código.
JavaScript
Variáveis e Tipos de Dados em 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
Manipulação do DOM com JavaScript

Manipulação do DOM com JavaScript

Neste laboratório, você aprenderá os fundamentos da manipulação do DOM com JavaScript, incluindo seleção de elementos, alteração de conteúdo, definição de atributos e criação/anexação de novos elementos.
JavaScript
Chamar uma API em JavaScript

Chamar uma API em JavaScript

Neste laboratório, você aprenderá a interagir com APIs web usando JavaScript moderno. Você usará a API `fetch` para fazer requisições GET e POST, lidar com respostas, analisar dados JSON, exibi-los em HTML, implementar tratamento de erros e autenticar requisições com uma chave de API para aplicações web dinâmicas.
JavaScript
Arrays em JavaScript

Arrays em JavaScript

Neste laboratório, você aprenderá os fundamentos dos arrays em JavaScript, incluindo como criá-los, acessá-los, modificá-los e iterar por eles.
JavaScript
Construindo um Jogo Web de Evitar Blocos

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
Construindo um Heatmap de Contribuições no React (GitHub)

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

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
Construindo um Jogo de Quebra-Cabeça Drag-and-Drop em React

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
Construa um Jogo de Quebra-Cabeça Deslizante com 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
Construa uma Ferramenta de Corte de Imagem Usando HTML5

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 Web 2048 Usando jQuery

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
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 9
  • Próximo