Então aqui estou eu no livro de Shayhowe, e
estou na seção chamada Conhecendo HTML.
Se você é como eu, quando você está lendo coisas sobre programação,
você lê-las e você acena junto,
mesmo quando você nem sempre entende completamente o que eles estavam falando.
E você gostaria que houvesse algum tipo de exemplo, ou
um professor mostrando em tempo real o que está acontecendo.
Bem, Shayhowe usa CodePen, e
essa é uma das razões pelas quais eu realmente gosto deste livro.
Então vamos dar uma olhada no que estou falando.
Como você rolar para baixo, você definitivamente que há lugares onde
há código enquanto você está lendo, funções bem aqui.
Você pode ver que eles estão falando sobre as visões e
eles deram um pouco de texto e é HTML e
você entende o código, mas você realmente não sabe o que ele parece.
Bem, se nós rolarmos um pouco mais para baixo,
você vai encontrar um código que está na verdade dentro de algo chamado CodePen.
O que você quer procurar é esta legenda, bem aqui.
Na verdade, diz “Editar na CodePen”.
Então vamos ver o que acontece quando eu clicar neste link.
O que CodePen faz é que ele lhe dá a chance de ver o HTML e
também talvez o CSS e JavaScript.
Eu sei que você não entende necessariamente CSS ou JavaScript ainda.
Você pode, você não pode.
Mas você ainda pode sempre jogar com todas as partes diferentes.
Deixe-me fazer isso um pouco maior para que você possa ver.
E você pode ver que eles colocaram no código para o
título Nível 1, Nível 2, Nível 6.
Eu vou entrar lá e vou mudá-lo.
E eu vou dizer o que acontece se eu mudar este H3 para um H1?
Vá por aqui.
Você pode ver que o Nível de Cabeçalho 3,
mesmo que ele diga Nível de Cabeçalho 3, é muito maior.
Eu amo CodePen e eu realmente encorajo você a sempre clicar sobre ele, e entrar, e
ver o que acontece quando você digita as coisas.
Você não precisa de uma conta, embora você possa definitivamente ter uma.
É uma ótima maneira de sentir que você realmente entende e possui o conteúdo.