Boas-vindas e Introdução

1

Criando sua primeira linha de código

2

Apresentação docurso e do professor Rafael Pacheco

3

Adicionando um pouco de teoria

4

Visão geral do curso

5

Preparando o ambiente

Conceitos básicos de programação para web

6

O que é HTML, CSS e JS?

7

Primeiros passos com a função alert no navegador

8

HTML, CSS e JS de verdade

Primeiro projeto: Peso em outro planeta

9

Entendendo o problema

10

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

11

Calculando um peso em outro planeta

12

Obtendo os dados do usuário

13

Utilizando fluxos condicionais

Segundo projeto: Trabalhando com Canvas

14

Entendendo o problema

15

Entendendo os principais objetos em um navegador

16

Trabalhando com window e document

17

Trabalhando com DOM

18

Funções em Javascript

19

Eventos e Formulários em HTML e JS

20

Detectando eventos do teclado

21

Rabiscando o canvas com as setas do teclado

Terceiro projeto: Fazenda Platzi

22

Entendendo o problema

23

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

24

Trabalhando com ciclos (while e for)

25

Carregando imagens ao canvas

26

Carregando imagens ao canvas de forma aleatória

Quarto projeto: FizzBuzz

27

Entendendo o problema

28

Finalizando o projeto do FizzBuzz

29

Divisão, módulo e resto em Javascript

30

Codificando um FizzBuzz

Quinto projeto: Álbum de figurinhas

31

Entendendo o problema

32

Entendendo as coleções (Arrays)

33

Classes e objetos em Javascript

34

Analisando todas as figurinhas

Sexto projeto: Cliente e Servidor

35

Entendendo o problema

36

Modelo Cliente/Servidor

37

Instalando Node.JS e o framework express.js

38

Detalhes de instalação para o Windows e Mac

39

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

40

Criando uma API para descobrir as horas

41

Conclusão

Aulas ao vivo

42

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

Crie uma conta ou faça login

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

Criando sua primeira linha de código

1/42
Recursos

Vamos dar os primeiros passos para começar a escrever programas.

Você deve digitar about:blank no seu navegador e dar enter, isso vai abrir uma página em branco, que usaremos para experimentar. Depois, podemos usar o atalho F12 para abrir as ferramentas de desenvolvimento, onde poderemos ir Elementos → Editar como HTML, para editar a página ou na parte de console para executar comandos.

Contribuições 19

Perguntas 4

Ordenar por:

Quer ver mais contribuições, perguntas e respostas da comunidade?

muito bom.
Ótima didática!

Amei a opção de aumentar a velocidade do vídeo. Sempre costumo ver vídeo aulas numa velocidade mais rápida. Me ajuda a manter atenção!

gostei, espero aprofundar mais no conteúdo! 😄

Correndo atrás. Curso muito bom.

Show

Alguém por gentileza, pode me dizer que simbolo é aquele depois que o professor escreve “Olá Vistante”, na variável?

Ótima aula, da para por em prática tudo que aprende.
alert(“muito obrigado”)

480p seria bom mas conteúdo esclarecedor.

muito bacana, aprendi bastante

Massa!

gente em 1:48 travou p vcs ambém?? o meu n funciona mais

Muito boa sua didática.

👉 Como abrir uma página em branco no navegador: digitar “about:blank” na barra de pesquisa
👉 Como abrir o dev tools (ferramenta de desenvolvimento): f12

Para escrever algo na página em branco é só clicar com o botão direito do mouse e selecionar a opção “edit as html”. E foi assim que eu escrevi meu primeiro “hello, world!” 🥺

Gostei!!

Não ficou branco e nem consigo abrir na barra elemento com botão direito

<p>Aula top </p>

No tutorial diz que posso baixar os conteúdos para ver offline.Como faço isso??

estou tendo problemas na variável do meu nome, só carrega o olá.