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

HTML, CSS e JS de verdade

8/42
Recursos

Vamos criar um arquivo para cada uma dessas 3 características como forma de deixar tudo organizado e fazer uma página básica que mostra um pouco de texto através do HTML, define uma cor de fundo azul através do CSS e mostra um alerta através do JS.

Temos que “linkar” os arquivos CSS e JS, dentro do arquivo index.html para que tudo funcione em conjunto.

Contribuições 33

Perguntas 8

Ordenar por:

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

Vale usar os comentários como lembretes para mim mesmo?

Por exemplo,
Aprendi a usar arquivos diferentes para html, css e js de um mesmo website.

Para linkar com css, uso uma tag simples (sem valores apenas atributos)
<link rel=“stylesheet” href=“index.js”/>

Além disso, aprendi a fazer lista em html
<ul> unorder list (bullets)
<ol> ordered list (numeros)
<li> list item

Alguém aqui em 2022?

Muito bom!!!
Estou gostando muito das aula.

Ótima essa aula!!

O Rafael é um professor sensacional!

estou adorando as aulas desse professor!!!

Estou amando o curso de Programação Básica.

ótima aula

Excelente aula e didática

Participando pela primeira vez, o curso é bem interessante.

muito boa a aula!

Excelente aula!

Eu vi uma galera com problema na hora que separa os códigos. Eu também estava e a solução foi uma dessas coisas boas que a gente nem percebe que deixou passar: tem que salvar cada um dos docs separadamente.
Daí fui lá e dei ctrl S nos 3 docs e funcionou bonitinho 💚

O conteúdo é muito bom e de extrema qualidade , mas, melhor ainda é saber que ele meu irmão hahaha te amo Rafa s2

****oi

Maravilhoso este curso

Estou começando a achar divertido!

Bem explicado, já tinha visto alguns vídeos antes e me perdia todinho. Hoje estou acertando tudo. 😃

<link rel>
Specifies the relationship between current and linked document

href
Returns an entire URL

https://www.w3schools.com/tags/att_link_rel.asp

As aulas são curtas e bem didáticas. Aprende-se bastante, mesmo com aulas curtinhas.

Agora sim !

muito bom 😃

estou amando as aulas!

Que aula show!!
Excelente didática!! 😄

top

Link do arquivo html com js. <script> src="nome do arquivo do .js" </script>

Tag para link de html com css. <link rel="stylesheet" href="nome do arquivo .css" /> * Tag que não possui valores, apenas atributos. Assim, é uma tag simples e não composta; fecha em si mesma.

muito bom o professor. demonstra o conhecimento de uma forma simples e pratica

to gostando

Fazia muito tempo que eu não estudava isso, estava enferrujada, mas, estou amando!

Mt legal!

Top