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.

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
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
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
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
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
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
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
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
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
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
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
Construindo um Aplicativo Web Moderno de Divisão de Despesas

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
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
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 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
Desenvolva um Editor Markdown com Visualização ao Vivo

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

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