Entendendo os principais objetos em um navegador

Curso Grátis de Programação para Iniciantes

Boas-vindas e Introdução

Criando sua primeira linha de código

Apresentação docurso e do professor Rafael Pacheco

Adicionando um pouco de teoria

Visão geral do curso

Preparando o ambiente

Conceitos básicos de programação para web

O que é HTML, CSS e JS?

Primeiros passos com a função alert no navegador

HTML, CSS e JS de verdade

Primeiro projeto: Peso em outro planeta

Entendendo o problema

Playground: pelo menos um dos números é par?

Calculando um peso em outro planeta

Obtendo os dados do usuário

Utilizando fluxos condicionais

Segundo projeto: Trabalhando com Canvas

Entendendo o problema

Entendendo os principais objetos em um navegador

Trabalhando com window e document

Trabalhando com DOM

Funções em Javascript

Eventos e Formulários em HTML e JS

Detectando eventos do teclado

Rabiscando o canvas com as setas do teclado

Terceiro projeto: Fazenda Platzi

Entendendo o problema

Funções matemáticas e números aleatórios em JS

Trabalhando com ciclos (while e for)

Carregando imagens ao canvas

Carregando imagens ao canvas de forma aleatória

Quarto projeto: FizzBuzz

Entendendo o problema

Finalizando o projeto do FizzBuzz

Divisão, módulo e resto em Javascript

Codificando um FizzBuzz

Quinto projeto: Álbum de figurinhas

Entendendo o problema

Entendendo as coleções (Arrays)

Classes e objetos em Javascript

Analisando todas as figurinhas

Sexto projeto: Cliente e Servidor

Entendendo o problema

Modelo Cliente/Servidor

Instalando Node.JS e o framework express.js

Detalhes de instalação para o Windows e Mac

Criando seu primeiro código de servidor com express.js

Criando uma API para descobrir as horas

Conclusão

Aulas ao vivo

Sessão ao vivo: o que você vai aprender no curso

Você não tem acesso a esta aula

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Se você já tem uma conta,

Recursos

Objetos são, basicamente, pedaços de código que alguém fez e que estão disponíveis para ser utilizados por quem quiser. Há 3 objetos bastante interessantes para nós:

navigator: contém dados sobre o navegador do usuário, como, por exemplo, o idioma do navegador do usuário.
window: contém a informação da aba que está sendo utilizada.
document: fica dentro do objeto window, contém toda a informação dos elementos da sua página.

Também temos o DOM (Document Object Model), que é uma estrutura de árvore com objetos que representam os elementos da sua página e o usamos para interagir com ela.