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.
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
Rafael Pacheco
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
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!!❤️
Quer ver mais contribuições, perguntas e respostas da comunidade?