Para resolver as primeiras atividades, eu escrevi a estrutura de forma manual com o intuito de praticar a sintaxe. Todavia, acredito que, posteriormente, o uso do operador ! para a geração da estrutura inicial será ideal para o processo de marcação de páginas. Para o desenvolvimento do projeto até a atividade 5, eu não tive nenhuma dúvida. No entanto, a partir da 6ª, como eu não me lembrava bem de como era o processo de criação de listas, tive que me corrigir algumas vezes, mas nada tão complexo. Foi bom para relembrar o trabalho básico no Front-end.
Gostei também das questões sobre o DOCTYPE, porque é um conceito simples, mas que dá uma visão mais aprofundada sobre o que está acontecendo. Além de, claro, o funcionamento do Live Server, que acredito ser uma extensão ideal para toda pessoa desenvolvedora que trabalha com WEB.
Código Atividade 1 - 3
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> HTML </title>
</head>
<body>
<h1> O que é HTML? </h1>
<p> HTML é uma linguagem de marcação voltada para a estruturação de uma página web. </p>
</body>
</html>
Código Atividade 4 - 6
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Blog Pessoal</title>
</head>
<body>
<h1>Blog de Estudos Pessoais</h1>
<h2>Estudando o que for necessário ou aquilo que vier a minha cabeça.</h2>
<h3>O que é Live Server?</h3>
<p> É uma extensão no Vscode que cria um servidor local com recurso de recarga para páginas dinâmicas.
Por meio dela, conseguimos desenvolver WEB em tempo na real na porta 5500.
</p>
<img src = "ls.png" alt="Logo Live Server">
<h3>Próximos Passos</h3>
<ol>
<li>Estudar CSS;</li>
<li>Entender os protocolos por trás do funcionamento da WEB;</li>
<li>Estudar JS;</li>
<li>Estudar React e outras bibliotecas;</li>
<li>Esutdar Typescript;</li>
<li>Integrar Back com front e banco.</li>
</ol>
<h3>Conteúdos Extras</h3>
<ul>
<li>Aprender sobre serviços de messageria;</li>
<li>Aprender sobre a comunicação de hardware e software em sistemas embarcados;</li>
<li>Aprender sobre conteinerização e sua utilidade;</li>
<li>Me aprofundar em segurança de projetos.</li>
</ul>
</body>
</html>
Doctype HTML
Retirei o DOCTYPE e automaticamente verifiquei que a página estava em modo de compatibilidade, solicitando o uso da referência no início do projeto. Entendo que isso quer dizer que certos recursos disponíveis a partir da versão 5 não irão funcionar como deveriam.
Live Server
Verifiquei que o funcionamento do Live Server facilita muito o processo produtivo no desenvolvimento de software. Segundos contam, tanto mentalmente quanto pensando na gestão de tempo para o desenvolvimento. Além disso, acredito que, por meio dele, páginas dinâmicas possam ser criadas mais facilmente, retirando a complexidade de hospedar um servidor.
