1
00:00:08,805 --> 00:00:11,936
Então aqui estou eu no livro de Shayhowe, e

2
00:00:11,936 --> 00:00:15,613
estou na seção chamada Conhecendo HTML.

3
00:00:15,613 --> 00:00:19,278
Se você é como eu, quando você está lendo coisas sobre programação,

4
00:00:19,278 --> 00:00:20,953
você lê-las e você acena junto,

5
00:00:20,953 --> 00:00:25,260
mesmo quando você nem sempre entende completamente o que eles estavam falando.

6
00:00:25,260 --> 00:00:27,765
E você gostaria que houvesse algum tipo de exemplo, ou

7
00:00:27,765 --> 00:00:30,601
um professor mostrando em tempo real o que está acontecendo.

8
00:00:30,601 --> 00:00:32,747
Bem, Shayhowe usa CodePen, e

9
00:00:32,747 --> 00:00:36,119
essa é uma das razões pelas quais eu realmente gosto deste livro.

10
00:00:36,119 --> 00:00:38,746
Então vamos dar uma olhada no que estou falando.

11
00:00:38,746 --> 00:00:42,958
Como você rolar para baixo, você definitivamente que há lugares onde

12
00:00:42,958 --> 00:00:47,175
há código enquanto você está lendo, funções bem aqui.

13
00:00:47,175 --> 00:00:50,379
Você pode ver que eles estão falando sobre as visões e

14
00:00:50,379 --> 00:00:53,093
eles deram um pouco de texto e é HTML e

15
00:00:53,093 --> 00:00:57,218
você entende o código, mas você realmente não sabe o que ele parece.

16
00:00:57,218 --> 00:01:01,182
Bem, se nós rolarmos um pouco mais para baixo,

17
00:01:01,182 --> 00:01:07,910
você vai encontrar um código que está na verdade dentro de algo chamado CodePen.

18
00:01:07,910 --> 00:01:12,349
O que você quer procurar é esta legenda, bem aqui.

19
00:01:14,520 --> 00:01:17,527
Na verdade, diz “Editar na CodePen”.

20
00:01:17,527 --> 00:01:20,577
Então vamos ver o que acontece quando eu clicar neste link.

21
00:01:26,293 --> 00:01:31,347
O que CodePen faz é que ele lhe dá a chance de ver o HTML e

22
00:01:31,347 --> 00:01:34,662
também talvez o CSS e JavaScript.

23
00:01:34,662 --> 00:01:37,930
Eu sei que você não entende necessariamente CSS ou JavaScript ainda.

24
00:01:37,930 --> 00:01:39,416
Você pode, você não pode.

25
00:01:39,416 --> 00:01:42,951
Mas você ainda pode sempre jogar com todas as partes diferentes.

26
00:01:42,951 --> 00:01:46,946
Deixe-me fazer isso um pouco maior para que você possa ver.

27
00:01:46,946 --> 00:01:50,051
E você pode ver que eles colocaram no código para o

28
00:01:50,051 --> 00:01:52,767
título Nível 1, Nível 2, Nível 6.

29
00:01:52,767 --> 00:01:55,316
Eu vou entrar lá e vou mudá-lo.

30
00:01:55,316 --> 00:02:01,205
E eu vou dizer o que acontece se eu mudar este H3 para um H1?

31
00:02:01,205 --> 00:02:02,222
Vá por aqui.

32
00:02:04,219 --> 00:02:06,716
Você pode ver que o Nível de Cabeçalho 3,

33
00:02:06,716 --> 00:02:10,690
mesmo que ele diga Nível de Cabeçalho 3, é muito maior.

34
00:02:10,690 --> 00:02:15,566
Eu amo CodePen e eu realmente encorajo você a sempre clicar sobre ele, e entrar, e

35
00:02:15,566 --> 00:02:18,203
ver o que acontece quando você digita as coisas.

36
00:02:18,203 --> 00:02:21,581
Você não precisa de uma conta, embora você possa definitivamente ter uma.

37
00:02:21,581 --> 00:02:25,668
É uma ótima maneira de sentir que você realmente entende e possui o conteúdo.