Se você está vendo esta mensagem, significa que estamos tendo problemas para carregar recursos externos para a Khan Academy.

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

Computação

Programação

Aprenda a programar desenhos, animações e jogos usando JavaScript e ProcessingJS, ou aprenda a criar páginas Web com HTML e CSS. Você pode compartilhar o que você criar, explorar o que os outros criaram, e uns podem aprender com os outros!
Create: New Program (JS + ProcessingJS) Nova página Web New SQL script Procurar criações
Solicitações de ajuda Avaliações do projeto Perguntas da comunidade

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

Nestes tutoriais, você vai aprender a usar a linguagem JavaScript e a biblioteca ProcessingJS para criar desenhos e animações divertidas. Se você nunca programou antes, comece por aqui e aprenda como!

JavaScript Avançado: Jogos & Visualizações

Agora que você já sabe como programar em JavaScript e fazer desenhos e animações básicas, como você poderia usar esse conhecimento para criar jogos e efeitos visuais?

JS avançado: Simulações Naturais

Aprenda a usar JavaScript, ProcessingJS e conceitos matemáticos para simular a natureza em seus programas. Estes tutoriais são derivados de "The Nature of Code" (A Natureza do Código) de Daniel Shiffman (natureofcode.com), utilizado sob a licença CC BY-NC.

HTML/CSS: Criando páginas web

Aprenda a usar HTML e CSS para criar páginas web. HTML é a linguagem de marcação com a qual você cerca o conteúdo e mostra ao navegador as partes da sua página web, como títulos, listas, e tabelas. CSS é a linguagem de folhas de estilo com a qual você estiliza sua página, e que diz ao navegador para alterar a cor, a fonte, o layout, e mais.

HTML/JS: tornando páginas web interativas

Aprenda como combinar seu conhecimento em HTML/CSS com seu conhecimento em JavaScript para tornar suas páginas web interativas!

Conheça o Profissional

O que você pode fazer com ciência da computação e habilidades de programação uma vez que você tenha conhecimento sobre elas? Convidamos pessoas de todo o mundo e empresas para se apresentarem a vocês. Veja o quão diversificada nossa área pode ser!
Programação
Introdução a JavaScript: Desenho & Animação
Nestes tutoriais, você vai aprender a usar a linguagem JavaScript e a biblioteca ProcessingJS para criar desenhos e animações divertidas. Se você nunca programou antes, comece por aqui e aprenda como!
New Program Documentação
Solicitações de ajuda Avaliações do projeto Perguntas da comunidade
Conteúdo completo em “Introdução a JavaScript: Desenho & Animação”

Introdução à programação

Se você nunca esteve aqui antes, primeiro confira este vídeo introdutório. Depois, vá programar!

Noções básicas de Desenho

Vamos mostrar os conceitos básicos de programação e como desenhar formas.

Colorindo

Mostraremos a você como colorir e desenhar suas formas!

Variáveis

Veremos como usar variáveis para armazenar valores, animar seus desenhos, e mais.

Conceitos básicos de Animação

Aprenda a animar seus desenhos.

Redimensionamento com variáveis

Aprenda a usar expressões variáveis para redimensionar partes do seu desenho com relação a outras partes. (Isso exige um pouco mais de matemática, então se você sentir que ainda não compreende bem as frações, você pode pular essa parte).

Texto e strings

Aprenda a exibir o texto na tela, a redimensioná-lo, colori-lo e animá-lo.

Funções

Torne seu código mais reutilizável dividindo-o em funções, e então faça com que as funções aceitem parâmetros e retornem valores.

Lógica e estruturas condicionais if

Ensine seu programa a tomar decisões!

Repetições

Precisa repetir alguma coisa várias vezes? Os laços estão aqui para ajudar!

Arrays

Armazene múltiplos valores em suas variáveis usando arrays!

Objetos

Aprenda a armazenar dados complexos em objetos.

Design Orientado a Objeto

Como usar conceitos orientados a objeto em JavaScript para criar códigos mais reutilizáveis.

Tornando-se um programador melhor

Agora que você entendeu os conceitos básicos de programação, aprenda técnicas que vão te ajudar a ser mais produtivo e a escrever um código melhor e mais bonito.