If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

Unidade: Introdução a JavaScript: Desenho & Animação

Introdução à programação

Aprender
O que é Programação?
(Abre um modal)
Aprendendo programação na Khan Academy
(Abre um modal)

Noções básicas de Desenho

Aprender
Desenhando com código
(Abre um modal)
Dica rápida: depuração de números
(Abre um modal)
Desafio: boneco de neve simples
(Abre um modal)
Desenhando mais formas com código
(Abre um modal)
Desafio: boneco de neve acenando
(Abre um modal)

Colorindo

Aprender
Colorindo com código
(Abre um modal)
Dica rápida: escolha de cor
(Abre um modal)
Desafio: Dia de neve ensolarado
(Abre um modal)
O Poder da Documentação
(Abre um modal)
Projeto: O que temos para o Jantar?
(Abre um modal)

Variáveis

Aprender
Introdução às Variáveis
(Abre um modal)
Desafio: Boris, o Coelho Dentuço
(Abre um modal)
Mais sobre Variáveis
(Abre um modal)
Desafio: O Sapo do Brejo
(Abre um modal)
Revisão: Variáveis
(Abre um modal)
Praticar
Usando variáveis
4 perguntas

Conceitos básicos de Animação

Aprender
O que são animações?
(Abre um modal)
Fazendo animações
(Abre um modal)
Desafio: Explodindo o Sol
(Abre um modal)
Atalhos para incrementos
(Abre um modal)
Um atalho mais curto
(Abre um modal)
Desafio: Afastando as Nuvens
(Abre um modal)
Projeto: estrela cadente
(Abre um modal)

Programas interativos

Aprender
Interação com o Mouse
(Abre um modal)
Desafio: O Tomate Saboroso
(Abre um modal)
Desafio: mouse maluco
(Abre um modal)

Bônus: redimensionamento com variáveis

Aprender
Usando expressões matemáticas em JS
(Abre um modal)
Redimensionando formas com expressões variáveis
(Abre um modal)
Desafio: Os olhos do urso pardo
(Abre um modal)
Projeto: ataque animal
(Abre um modal)
Praticar
Uso de expressões variáveis
6 perguntas

Texto e strings

Aprender
Texto Fabuloso: Parte Um
(Abre um modal)
Desafio: Minhas Comidas Favoritas
(Abre um modal)
Texto Fabuloso: Parte Dois
(Abre um modal)
Desafio: Rastreador de Mouse
(Abre um modal)
Revisão: texto e strings
(Abre um modal)
Projeto: Anúncio Publicitário
(Abre um modal)

Funções

Aprender
Funções
(Abre um modal)
Parâmetros das Funções
(Abre um modal)
Desafio: Toupeiras nos Buracos
(Abre um modal)
Retorno de Valores em Funções
(Abre um modal)
Variáveis Locais e Globais
(Abre um modal)
Funções especiais de ProcessingJS
(Abre um modal)
Revisão: Funções
(Abre um modal)
Projeto: Aquário
(Abre um modal)

Lógica e estruturas condicionais if

Aprender
Estruturas condicionais If
(Abre um modal)
Mais Interações com o Mouse
(Abre um modal)
Booleanos
(Abre um modal)
Desafio: Analisador de Números
(Abre um modal)
Operadores lógicos
(Abre um modal)
If/Else - Parte 1
(Abre um modal)
If/Else - Parte 2
(Abre um modal)
Revisão: Lógica e Instruções if
(Abre um modal)
Projeto: A Bola 8 Mágica
(Abre um modal)

Depuração de programas

Aprender
Depuração com comandos println()
(Abre um modal)
Mais dicas de depuração
(Abre um modal)

Repetições

Aprender
Introdução aos laços de repetição While
(Abre um modal)
Mais Laços While: Um Monte de Balões
(Abre um modal)
Laços For! Um novo tipo de Estrutura de Repetição
(Abre um modal)
Desafio: Folha com Linhas
(Abre um modal)
Laços For Aninhados
(Abre um modal)
Revisão: Repetições
(Abre um modal)
Projeto: Construindo uma Casa
(Abre um modal)
Praticar
Quiz: Laços While
6 perguntas

Escrevendo um código limpo

Aprender
Código Legível
(Abre um modal)
Explicando com Comentários
(Abre um modal)

Arrays

Aprender
Introdução aos Arrays
(Abre um modal)
Estruturas de Repetição em Arrays
(Abre um modal)
Modificando Arrays
(Abre um modal)
Revisão: Arrays
(Abre um modal)
Projeto: Faça Chover
(Abre um modal)

Objetos

Aprender
Introdução a Objetos
(Abre um modal)
Modificando Objetos
(Abre um modal)
Arrays de Objetos
(Abre um modal)
Revisão: Objetos
(Abre um modal)
Projeto: Estante de Livros
(Abre um modal)

Design Orientado a Objeto

Aprender
Tipos de Objetos
(Abre um modal)
Métodos de Objetos
(Abre um modal)
Herança de Objetos
(Abre um modal)
Revisão: Modelo Orientado a Objetos
(Abre um modal)

Tornando-se um programador melhor

Aprender
Planejamento de um projeto de programação
(Abre um modal)
Planejamento com pseudocódigo
(Abre um modal)
O que aprender a seguir
(Abre um modal)

Sobre esta unidade

Aprenda a usar a linguagem JavaScript e a biblioteca ProcessingJS para criar desenhos e animações divertidas.