Platzi
Platzi

Aproveite nosso plano de lançamento!

Antes: R$ 499,00
R$ 349,00
Currency
Antes: R$ 499,00
Economize: R$ 150,00
COMPRAR
Termina em: 11D : 19H : 3M : 59S

Desenvolver programas de computador. Quarto projeto: FizzBuzz

Boas-vindas e Introdução

1

Bem-vindo ao curso e apresentação do professor

2

Criando sua primeira linha de código

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

Calculando um peso em outro planeta

11

Obtendo os dados do usuário

12

Utilizando fluxos condicionais

Segundo projeto: Trabalhando com Canvas

13

Entendendo o problema

14

Entendendo os principais objetos em um navegador

15

Trabalhando com window e document

16

Trabalhando com DOM

17

Funções em Javascript

18

Eventos e Formulários em HTML e JS

19

Detectando eventos do teclado

20

Rabiscando o canvas com as setas do teclado

Terceiro projeto: Fazenda Platzi

21

Entendendo o problema

22

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

23

Trabalhando com ciclos (while e for)

24

Carregando imagens ao canvas

25

Carregando imagens ao canvas de forma aleatória

Quarto projeto: FizzBuzz

26

Entendendo o problema

27

Finalizando o projeto do FizzBuzz

28

Divisão, módulo e resto em Javascript

29

Codificando um FizzBuzz

Quinto projeto: Álbum de figurinhas

30

Entendendo o problema

31

Entendendo as coleções (Arrays)

32

Classes e objetos em Javascript

33

Analisando todas as figurinhas

Sexto projeto: Cliente e Servidor

34

Entendendo o problema

35

Modelo Cliente/Servidor

36

Instalando Node.JS e o framework express.js

37

Detalhes de instalação para o Windows e Mac

38

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

39

Criando uma API para descobrir as horas

40

Conclusão

Aulas ao vivo

41

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

Primeiros passos com a função alert no navegador

7/41
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 20

Perguntas 4

Ordenar por:

As contribuições, perguntas e respostas são vitais para aprender em comunidade. Registre-se ou faça login para participar .

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!

Super facil … to adorando …;-p

top

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.

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

Ó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 (︶^︶)

legal dms

Ó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 😦

Que legal!!❤️

ótima aula