Relatório 16/05 - 19/05

 TURMA B

O professor começou a aula explicando sobre os caracteres e as codificações realizadas pelo navegador, mostrou como configurar através de HTML a codificação da página (charset) e apresentou para os alunos, exemplo de uso da codificação através da apresentação de texto reservado pela linguagem HTML (mostrou no front uma tag HTML por extenso, de forma que o navegador não à interpretasse). 

O professor continuou a aula explicando sobre outras tags HTML tais como nav, header, div, footer e sobre semântica HTML e como a versão 5 do HTML trouxe muitas novidades que são benéficas para um código mais limpo e que auxilie leitores de tela para deficientes visuais.

O professor mencionou brevemente sobre frameworks e como eles são utilizados para construir sites na web.

Logo depois passou para os alunos realizarem exercícios com novas tags (i,q,b,quote, entre outras) na página HTML criada anteriormente.

Auxiliei os alunos nessa atividade tirando dúvidas sobre a codificação de caracteres e a estrutura de uma página html (as principais tags: doctype, html, head, body)

TURMA D

O professor começou a aula revisando a estrutura básica de uma página HTML, falou sobre a codificação de caracteres e os diferentes formatos (Unicode, Latin1, ASCII) assim como o uso do Unicode para apresentar no front texto que contenha palavras chaves reservadas (ex : como escrever “<p>” tendo em vista que se apenas for colocado como uma string, o navegador irá interpretar como uma tag HTML e não uma string para ser apresentada no front).

O professor mencionou sobre as tags meta que se encontram no head da página e como definir a codificação da página através desta tag (é utilizado o atributo charset). 

O professor citou boas práticas do HTML, algumas eram : não fechar tags filho de uma tag pai depois do fechamento da tag pai (ex : <div> <p> parágrafo </div> </p>)  , nomes em maiúsculo ou minúsculo para tags, IDs e classes, entre outras.

Foi apresentado em aula alguns atributos específicos para algumas tags, como por exemplo o atributo “start” da tag “ol” que define um valor inicial para a lista ordenada, o atributo “media” e “download” da tag “a“ que especifica respectivamente informações relacionadas à algum dispositivo específico e se o arquivo/página é passível de download.  

Após o conteúdo passado em sala de aula, o professor dedicou um tempo para a resolução do exercício que consistia em desenvolver no replit uma página HTML com algumas tags e explicar como essas tags funcionam, apresentando elas no front através da codificação dos respectivos caracteres.

Na aula pude contribuir tirando dúvidas dos alunos de como importar uma imagem, explicar com mais detalhes como realizar a atividade solicitada pelo professor, codificação de caracteres e outras dúvidas sobre o exercício.