Imagem do Curso gratuito Javascript completo

Curso online gratuitoJavascript completo

Duração do curso online: 3 horas e 49 minutos

4.96

EstrelaEstrelaEstrelaEstrelaEstrela

(84)

Crie páginas interativas e domine DOM, eventos e jQuery neste curso online gratuito de JavaScript. Aprenda do zero e pratique com exercícios.

Neste curso gratuito, aprenda sobre

  • Origem do JavaScript e seu nome original (Mocha/LiveScript)
  • Conceito e função do DOM na integração entre JavaScript e HTML
  • Selecionar elementos no DOM: id, classe e tag (getElement* e getElements*)
  • Uso de querySelector e querySelectorAll e diferenças/limitações
  • Criar e manipular nós: createElement, appendChild, removeChild
  • Navegação na árvore do DOM com parentNode
  • Tipos de dados e coerção: número entre aspas vira string
  • Variáveis: declaração e propósito para armazenar valores
  • Estruturas: objetos e arrays, incluindo acesso por chave com espaços
  • Operadores matemáticos e expressões no JavaScript
  • Condicionais (if/else) e controle de fluxo
  • Laços: for, while e métodos forEach e map (diferenças e uso)
  • Funções: definição, parâmetros, retorno e reutilização de código
  • Eventos no JS e jQuery: onload, click, change, submit e manipulação de classes

Descrição do curso

Aprender JavaScript é abrir portas para criar interfaces dinâmicas, automatizar ações no navegador e dar vida a páginas web. No curso Javascript completo, você desenvolve uma base sólida para atuar em Programação Front-End, entendendo como o código conversa com o HTML e o CSS para transformar cliques, formulários e elementos da tela em experiências interativas de verdade.

Ao longo das aulas, você explora o DOM (Document Object Model) com profundidade e aprende a localizar, ler e alterar elementos da página de diferentes formas, escolhendo a abordagem ideal para cada situação. Você também pratica a criação e remoção de componentes via JavaScript, entendendo como inserir nós, reorganizar hierarquias e trabalhar com relacionamentos entre elementos para construir interfaces mais flexíveis.

Na sequência, o curso consolida fundamentos essenciais da linguagem, como tipos de dados, variáveis, objetos e arrays, além de operadores e estruturas condicionais. Com isso, você ganha clareza para escrever código mais previsível, organizar informações, tomar decisões no fluxo do programa e construir soluções que vão além de scripts simples.

Outro foco importante é a prática de repetição e organização do raciocínio: você entende como funcionam laços, quando usar abordagens diferentes e como funções ajudam a reaproveitar código e manter projetos mais limpos. Esses conceitos aparecem conectados a exercícios, ajudando você a fixar a lógica e a transformar teoria em implementação.

Para completar, você mergulha em eventos — carregamento de página, clique, hover, change, blur, digitação e envio de formulários — aprendendo a responder às ações do usuário e controlar o comportamento da interface. O curso ainda apresenta jQuery de forma aplicada, passando por seletores, efeitos, manipulação de classes, serialização de formulários e recursos de posição e rolagem. No final, você terá uma visão completa para iniciar projetos front-end com JavaScript, praticar com confiança e evoluir para aplicações mais avançadas.

Conteúdo do curso

  • Aula em vídeo: 1. Curso grátis de Javascript | Bem vindo 03m
  • Exercício: _Qual foi o nome original da linguagem de programação que se tornou o JavaScript?
  • Aula em vídeo: 2. Curso grátis de Javascript | O que é DOM? 02m
  • Exercício: Qual é a principal função do DOM (Document Object Model) ao trabalhar com JavaScript e HTML?
  • Aula em vídeo: 3. Curso grátis de Javascript | DOM | getElementById 06m
  • Exercício: _Qual é a forma correta de escrever código JavaScript em um arquivo externo?
  • Aula em vídeo: 4. Curso grátis de Javascript | DOM | getElementsByClassName 04m
  • Exercício: Como acessar uma classe específica no HTML usando JavaScript?
  • Aula em vídeo: 5. Curso grátis de Javascript | DOM | getElementsByTagName 02m
  • Exercício: _Qual é a forma correta de acessar um elemento específico em uma tag HTML utilizando JavaScript?
  • Aula em vídeo: 6. Curso grátis de Javascript | DOM | querySelector 04m
  • Exercício: Qual a principal limitação do querySelector em comparação a métodos como getElementsByClassName?
  • Aula em vídeo: 7. Curso grátis de Javascript | DOM | querySelectorAll 05m
  • Exercício: _Qual é a função do seletor all do JavaScript?
  • Aula em vídeo: 8. Curso grátis de Javascript | DOM | createElement 03m
  • Exercício: Como criar um elemento de imagem no JavaScript?
  • Aula em vídeo: 9. Curso grátis de Javascript | DOM | appendChild 04m
  • Exercício: _Como funciona o recurso appendChild em JavaScript?
  • Aula em vídeo: 10. Curso grátis de Javascript | DOM | removeChild 01m
  • Exercício: Qual é a função do método removeShield em JavaScript?
  • Aula em vídeo: 11. Curso grátis de Javascript | DOM | parentNode 02m
  • Exercício: _Qual é o objetivo do método "parentNode" em Javascript?
  • Aula em vídeo: 12. Curso grátis de Javascript | Tipos de dados 03m
  • Exercício: Qual é o tipo de dado em JavaScript quando um número é colocado entre aspas?
  • Aula em vídeo: 13. Curso grátis de Javascript | Váriaveis 09m
  • Exercício: _Para que serve uma variável em Javascript?
  • Aula em vídeo: 14. Curso grátis de Javascript | Objetos 07m
  • Exercício: Como acessar valores de um objeto com nomes de índice compostos ou com espaços no JavaScript?
  • Aula em vídeo: 15. Curso grátis de Javascript | Arrays 07m
  • Exercício: _O que são vetores em Javascript?
  • Aula em vídeo: 16. Curso grátis de Javascript | Operadores matemáticos 04m
  • Exercício: Qual é a função dos operadores matemáticos no JavaScript discutidos no vídeo?
  • Aula em vídeo: 17. Curso grátis de Javascript | Condicionais 08m
  • Exercício: _Qual é a função do "else" em uma estrutura condicional em JavaScript?
  • Aula em vídeo: 18. Curso grátis Javascript | for, forEach, map e while 20m
  • Exercício: Qual é a diferença entre o método forEach e o método map em JavaScript?
  • Aula em vídeo: 19. Curso grátis de Javascript | Funções 17m
  • Exercício: _O que são funções em Javascript?
  • Aula em vídeo: 20. Curso grátis de Javascript | Eventos | onload 05m
  • Exercício: O que representa o evento 'onload' no JavaScript?
  • Aula em vídeo: 21. Curso grátis de Javascript | Eventos | Click 05m
  • Aula em vídeo: 22. Curso grátis de Javascript | Eventos | Hover 09m
  • Aula em vídeo: 23. Curso grátis de Javascript | Eventos | Change 04m
  • Exercício: _Qual é a função utilizada para registrar um evento em um select no JavaScript?
  • Aula em vídeo: 24. Curso grátis de Javascript | Eventos | Blur 04m
  • Aula em vídeo: 25. Curso grátis de Javascript | Eventos | Keyup 06m
  • Aula em vídeo: 26. Curso grátis de Javascript | Eventos | Keypress 05m
  • Aula em vídeo: 27. Curso grátis de Javascript | Eventos | Submit 09m
  • Exercício: _Qual é o objetivo da criação da classe "hertha" no código apresentado no vídeo?
  • Aula em vídeo: 28. Curso grátis de Javascript | O que é jQuery? 08m
  • Aula em vídeo: 29. Curso grátis de Javascript | jQuery | Seletores 07m
  • Exercício: _Qual é a função utilizada para selecionar elementos em JavaScript?
  • Aula em vídeo: 30. Curso grátis de Javascript | jQuery | Efeitos 05m
  • Aula em vídeo: 31. Curso grátis de Javascript | jQuery | Eventos 04m
  • Aula em vídeo: 32. Curso grátis de Javascript | jQuery | Delay 04m
  • Aula em vídeo: 33. Curso grátis de Javascript | jQuery | addClass e removeClass 04m
  • Aula em vídeo: 34. Curso grátis de Javascript | jQuery | Serialize e SerializeArray 06m
  • Aula em vídeo: 35. Curso grátis de Javascript | jQuery | Position e Offset 03m
  • Exercício: _Qual a função do offset na aula de Javascript com Keven Jesus?
  • Aula em vídeo: 36. Curso grátis de Javascript | jQuery | Scroll e scrollTop 12m

Este curso gratuito inclui:

3 horas e 49 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Comentários do Curso: Javascript completo

B

bino

EstrelaEstrelaEstrelaEstrelaEstrela

No começo parece confuso mas espero aprender oq promete, pq as coisas vem aos poucos e é muita informação no começo, contudo acho que ele explica bem.

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso