13 capítulos · 104 aulas

Curso de Javascript

Aprenda os fundamentos do JavaScript, a linguagem que dá vida e interatividade às páginas da web. Desde a lógica básica até a manipulação de elementos, prepare-se para criar experiências dinâmicas!

1

Introdução ao JavaScript

Entenda o que é JavaScript, sua história, onde ele se encaixa no desenvolvimento web e como começar a usá-lo.

  1. O que é JavaScript e por que ele é tão importante?
  2. Um pouco de história: como o JavaScript surgiu?
  3. Onde o JavaScript vive: navegador e ambiente de desenvolvimento
  4. Configurando seu ambiente: editor de código e navegador
  5. Seu primeiro 'Olá, Mundo!' em JavaScript
  6. Comentários: anotações para você e para outros programadores
2

Fundamentos da Lógica de Programação com JavaScript

Aprenda os pilares da lógica de programação usando JavaScript, essenciais para resolver problemas e criar programas eficientes.

  1. Variáveis: guardando informações como em caixinhas
  2. Declarando variáveis: var, let e const - qual usar e quando?
  3. Tipos de dados: números, textos e verdades/mentiras
  4. Tipos de dados avançados: null e undefined
  5. Operadores aritméticos: fazendo contas básicas
  6. Operadores de atribuição: atalhos para guardar valores
  7. Operadores de comparação: perguntando se algo é igual, maior ou menor
  8. Operadores lógicos: combinando perguntas (E, OU, NÃO)
  9. Condicionais if e else: tomando decisões no código
  10. Condicionais else if: mais opções para suas decisões
  11. Condicionais switch case: escolhendo caminhos de forma organizada
  12. Operador ternário: uma decisão em uma linha só
  13. Laços de repetição for: fazendo tarefas repetitivas
  14. Laços de repetição while: repetindo enquanto uma condição for verdadeira
  15. Laços de repetição do...while: garantindo que algo aconteça pelo menos uma vez
  16. Break e continue: controlando o fluxo dos laços
3

Funções: Organizadores de Código e Reutilização

Descubra como criar e usar funções para organizar seu código, torná-lo mais legível e evitar repetições.

  1. O que são funções e por que usá-las?
  2. Criando e chamando suas primeiras funções
  3. Parâmetros: dando 'ingredientes' para suas funções
  4. Retorno: funções que entregam 'resultados'
  5. Escopo de variáveis: onde suas 'caixinhas' são visíveis
  6. Funções anônimas e Arrow Functions: formas modernas de escrever funções
  7. Callbacks: funções que chamam outras funções
4

Arrays: Listas de Informações

Aprenda a trabalhar com arrays, que são como listas organizadas para guardar várias informações relacionadas.

  1. Arrays: listas de coisas em ordem
  2. Acessando elementos em arrays: pegando itens da lista
  3. Adicionando e removendo itens: push e pop
  4. Adicionando e removendo itens: unshift e shift
  5. Iterando arrays com for: percorrendo a lista item por item
  6. Iterando arrays com forEach: uma forma mais elegante de percorrer
  7. Método map: transformando cada item da lista
  8. Método filter: selecionando itens específicos da lista
  9. Método reduce: juntando todos os itens em um único resultado
  10. Métodos find e findIndex: procurando um item na lista
  11. Métodos some e every: verificando se alguns ou todos os itens atendem a uma condição
  12. Método sort: organizando a lista
  13. Método concat: juntando duas listas
  14. Spread operator (...) com arrays: copiando e combinando de forma fácil
5

Objetos: Coleções de Informações com Rótulos

Aprenda a organizar dados de forma mais estruturada usando objetos, que permitem guardar informações com 'rótulos' (chaves).

  1. Objetos: guardando informações com 'rótulos'
  2. Acessando propriedades de objetos: pegando informações pelo 'rótulo'
  3. Modificando e adicionando propriedades: atualizando e expandindo objetos
  4. Removendo propriedades de objetos: limpando informações
  5. Objetos aninhados: objetos dentro de objetos
  6. Arrays de objetos: listas de 'fichas' de informações
  7. Iterando objetos: percorrendo as 'chaves' e 'valores'
  8. Desestruturação de objetos: pegando informações de forma rápida
  9. Spread operator (...) com objetos: copiando e combinando de forma fácil
6

Manipulando o HTML com JavaScript: O DOM

Dê vida às suas páginas web! Aprenda a usar JavaScript para interagir com o HTML, alterando textos, estilos e criando novos elementos.

  1. O que é o DOM? O mapa da sua página web
  2. Selecionando elementos: como o JavaScript 'acha' as coisas na página (getElementById, querySelector)
  3. Selecionando múltiplos elementos: pegando várias 'caixinhas' de uma vez (querySelectorAll)
  4. Alterando conteúdo de texto: mudando o que está escrito na página
  5. Alterando atributos: mudando características dos elementos (src, href, class)
  6. Manipulando estilos CSS: mudando a 'roupa' da página com JavaScript
  7. Adicionando e removendo classes CSS: trocando de 'roupa' rapidamente
  8. Criando novos elementos: construindo a página dinamicamente
  9. Removendo elementos: desconstruindo a página
  10. Eventos: reagindo ao que o usuário faz (cliques, digitação)
  11. Tipos de eventos comuns: mouse, teclado, formulário
  12. O objeto Event: informações sobre o que aconteceu
  13. Prevenindo o comportamento padrão: não deixar o navegador fazer o que ele faria normalmente
  14. Delegação de eventos: ouvindo eventos de forma eficiente
7

Trabalhando com Formulários

Aprenda a interagir com formulários HTML, coletar dados do usuário e realizar validações.

  1. Acessando elementos de formulário: pegando os dados que o usuário digitou
  2. Obtendo e definindo valores de campos: lendo e escrevendo nos formulários
  3. Eventos de formulário: submit, change, input
  4. Validação básica de formulários: garantindo que os dados estão corretos
8

JavaScript Assíncrono: Lidando com o Tempo

Entenda como o JavaScript lida com operações que levam tempo, como carregar dados da internet, sem travar a página.

  1. O que é assincronicidade? Fazendo várias coisas ao mesmo tempo (ou quase)
  2. Callbacks: o jeito 'antigo' de lidar com assincronicidade
  3. Promises: uma promessa de que algo vai acontecer (ou não)
  4. Consumindo Promises: then(), catch() e finally()
  5. Async/Await: o jeito 'moderno' de escrever código assíncrono
  6. Fazendo requisições HTTP com Fetch API: buscando dados da internet
  7. Tratamento de erros em requisições: o que fazer se algo der errado?
9

Armazenamento de Dados no Navegador

Aprenda a guardar informações diretamente no navegador do usuário para que elas persistam entre as visitas.

  1. Cookies: pequenos biscoitos de informação
  2. LocalStorage: guardando informações para sempre (ou até o usuário apagar)
  3. SessionStorage: guardando informações enquanto a aba estiver aberta
10

Tratamento de Erros e Debugging

Aprenda a identificar, entender e corrigir erros no seu código JavaScript usando as ferramentas do navegador.

  1. Tipos de erros comuns em JavaScript: o que significam as mensagens?
  2. Usando try...catch: tentando algo e pegando o erro se acontecer
  3. O objeto Error: mais detalhes sobre o que deu errado
  4. Ferramentas de Desenvolvedor do Navegador: seu laboratório de código
  5. Aba Console: vendo mensagens e inspecionando variáveis
  6. Aba Sources: o mapa do seu código e o poder do debugger
  7. Breakpoints: parando o tempo para entender o que acontece
  8. Step Over, Step Into, Step Out: navegando pelo código com o debugger
  9. Watch e Scope: observando variáveis em tempo real
11

Introdução à Programação Orientada a Objetos (POO) com JavaScript

Entenda os conceitos básicos da Programação Orientada a Objetos e como aplicá-los em JavaScript puro para organizar seu código de forma mais modular.

  1. O que é Programação Orientada a Objetos? Pensando em 'coisas'
  2. Objetos Literais: criando 'coisas' simples
  3. Funções Construtoras: o 'molde' para criar vários objetos iguais
  4. Propriedades e Métodos: as características e ações dos seus objetos
  5. O que é 'this'? Referenciando o próprio objeto
  6. Protótipos: compartilhando funcionalidades entre objetos
  7. Classes (ES6): uma sintaxe mais moderna para funções construtoras
  8. Herança com Classes: criando 'filhos' que herdam características
12

Boas Práticas e Ferramentas

Conheça dicas e ferramentas que todo desenvolvedor JavaScript usa para escrever código limpo, organizado e eficiente.

  1. Código limpo: escrevendo para humanos e para máquinas
  2. Introdução ao controle de versão com Git e GitHub
13

Pequenos Projetos Práticos

Coloque em prática tudo o que aprendeu construindo pequenos projetos interativos.

  1. Projeto 1: Contador Simples
  2. Projeto 2: Lista de Tarefas (To-Do List) Básica
  3. Projeto 3: Trocador de Cores de Fundo
  4. Projeto 4: Calculadora Simples
  5. Projeto 5: Buscador de CEP com Fetch (ViaCEP)