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

Você não tem acesso a esta aula

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

Primeiros passos com a função alert no navegador

7/42
Recursos

Nesta aula, vamos construir nossa primeira página HTML do zero vendo as principais tags necessárias para o seu funcionamento, como html, head e body. Também veremos a tag script, que serve para poder inserir código JavaScript dentro do arquivo HTML.

A função alert cria uma janela pop-up com um texto para o usuário ler e um botão para fechá-la. É uma função muito simples, porém nos ajuda a compreender como o HTML e o JavaScript se comunicam.

Contribuições 22

Perguntas 5

Ordenar por:

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

Dica: Durante a edição do texto é importante salvar o documento antes de visualizar suas alterações. Você pode usar o atalho “Ctrl + S” para facilitar.

Precisei inserir codificação UTF-8 para aceitar os acentos!

gente se não der certo de início observem as letras dos códigos e sempre vão salvando pra poder rodar na página de web, e também atualizem a página.

top

Super facil … to adorando …;-p

Ótima didática. Valeu Rafael!

Para facilitar a construção do corpo html no VSCode basta digitar " ! " ou digitar html:5 irá aparecer nas sugestões.

achei que não iria conseguir mais no final deu certo mior (︶^︶)

Melhor curso de programação básica, que eu fiz até hoje.

Olá pessoal o meu estava dando errado também quando eu abria no navegador. O que eu fiz para dar certo foi abrir a pasta de documentos > criar uma pasta source > criar a pasta curso platizi e começar a fazer a site experimental. E lembrando, quando for abrir o site no navegador, tem que salvar o arquivo do site lá no VS code. Bons estudos!!

Massa! Não havia utilizado ainda o “alert” (:

mudar para o servidor B resolveu o problema de lag mas o C nem abriu

Shift + ! + Enter

Atalho que serve para construir a base do html no arquivo index.html. Aconselho ser usado após ter entendido a estrutura básica do html.

amei

Ótima explicação até pra quem já conhecia essa parte bem básica.

Eu fiz o passo a passo dado pelo professor e não consigo abrir a minha pagina criada, o que pode ser?

Caramba Sandro-irari você conseguiu me ajudar pra caramba.

Não consegui abrir meu arquivo no navegador!

Na parte de colocar a cor não apareceu as cores para selecionar, então não consegui colocar a cor aqua 😦

legal dms

ótima aula

Que legal!!❤️