Review: Use a Cabeça! HTML e CSS. Uma excelente porta de entrada ao front-end
Tags: frontend, webdev, css, html
Published: 2022-02-20 01:34:12

Olá cats! Como vão? Quanta saudade de vocês!

Estamos de volta com um review muito aguardado por mim: Use a Cabeça! HTML e CSS de Elisabeth Robson & Eric Freeman.

A obra foi lançada no Brasil pela editora Alta Books e a edição usada para esta análise foi a 2ª lançada em 2015.

O livro conta com 710 páginas, mais 13 páginas de Índice.

Todo material foi muito bem traduzido e não encontrei nenhum problema referente a tradução, ou algum problema gráfico na edição.

Para quem já está acostumado com a série "Use a Cabeça!", já conhece a metodologia aplicada em seus livros - um material com conteúdo bastante ilustrativo, acompanhado de exemplos e exercícios bem práticos, tudo mesclado a uma narrativa técnica e linguagem bem acessível para um público que talvez nunca tenha estudado desenvolvimento web.

Ainda sim, mesmo sendo um conteúdo para iniciantes entendo que a obra agrada a todos os públicos, reforçando os princípios básicos do desenvolvimento front-end não recorrendo ao ensino do bibliotecas e frameworks, mas ensinando e reforçando a importância da lógica para a construção de sites a partir do HTML e CSS. 

É importante ter bem solidificado os fundamentos dessas linguagens para aí sim, poder usar de forma mais consciente e efetiva, recursos pré-montados como bibliotecas e frameworks, que claro, possuem suas utilidades e efetividades, mas talvez não seja o ideal para quem está no início de sua aprendizagem começar já com estas ferramentas.

O livro aborda exemplos práticos, fazendo aquilo que acho obrigatório em uma leitura técnica, forçar uma leitura ativa por parte do aprendiz/leitor. No caso, são apresentados três exercícios bem práticos: A construção de três projetos front-end divididos no decorrer dos capítulos, o que achei uma metodologia genial! Conforme a leitura avança, os projetos são aperfeiçoados em "tempo real", o que dá um gás na leitura, sempre instigando a curiosidade sobre como vai ficar as próximas páginas até o final.

Inclusive os projetos são bem diversificados e dão a oportunidade de explorar bem as possibilidades propostas pelas linguagens HTML e CSS.

Mas nem tudo é perfeito. Nem na vida, tão pouco na literatura técnica que tanto gostamos. Problemas e imperfeições fazem parte do jogo e é importante compreendermos isso para podermos evoluir. Tanto como leitores, como também sendo produtores de conteúdo, texto e vídeo no meu caso.

Fazer os projetos é parte fundamental para a assimilação do conteúdo proposto por “Use a Cabeça! HTML e CSS", não fazê-los não é uma escolha, mas a perda da oportunidade de realmente aprender o que se está lendo. E aí as coisas complicaram um pouco…

O livro como já está implícito em seu nome, aborda a linguagem HTML - uma linguagem de marcação e a CSS que é uma linguagem de estilização. Logo, não é abordado a linguagem JavaScript, fundamental para formação de um desenvolvedor front-end, mas também uma outra linguagem, igualmente fundamental mas que tenho percebido é sempre negligenciada nos estudos de desenvolvimento web é o design.

Essa “falha” acabou sendo problemática para mim, na hora de montar as páginas, pois não conseguia encontrar imagens exatamente iguais às mostradas nos exercícios propostos. O resultado disso foi que uma boa parte do meu material ficou diferente do material mostrado no livro. Um resultado que confesso, não ficou visualmente agradável como as imagens mostradas na obra. 

De acordo com o livro, as imagens e os códigos completos (já vou tratar sobre isso) estão disponíveis em um repositório online, porém não encontrei essa documentação completa. O que encontrei foi quase ao final do livro, um site que continha todos os códigos do livro para estudos. O que vem a segunda problemática da obra…

Os códigos não estão completos no livro. Eles estão fragmentados ao longo da obra e você deve ir “montando” o conteúdo conforme avança na leitura. Isso não seria exatamente um problema, mas a coisa complicou quando percebi que mesmo montado os códigos exatamente como estão no livro, eles ainda estavam diferentes da imagem. Isso ocorreu porque no livro os códigos possuem apenas trechos e para se ter os códigos completos é necessário baixar os arquivos e isso se torna um problema porque eles vem totalmente prontos e aí fiquei na dúvida sobre pra que fazer os exercícios se já está tudo aqui. Os códigos HTML e CSS, as imagens e figuras separadas em suas devidas pastas… Tudo já pronto!

A alternativa seria abrir duas janelas do editor de texto, uma com os códigos prontos e outra que você vai seguindo a orientação do livro, mas aí anula a própria aprendizagem proposta pelo livro que seria aprender fazendo conforme se avança na leitura. 

É só pensar em um livro de matemática onde os exercícios são divididos em duas colunas, uma com as questões e ao lado, a resposta passo a passo… Assim não se precisa exercitar seu raciocínio, apenas seguir o passo a passo. Com um agravante! Além de acompanhar as duas janelas com o código tem que continuar lendo o livro! No meu entendimento seria muito mais vantajoso passar o conteúdo completo nos livros mas dividindo em partes. Como aliás, era assim que eu estava pensando que seria.

Explicando melhor:

Primeiro apresenta-se o conteúdo em texto bruto a ser formatado em HTML, depois as instruções para CSS e as imagens e por fim ainda se possível, algumas instruções em JavaScript para deixar o produto final mais interativo. Tirando a parte do JavaScript que não era o objetivo do livro, tudo isso poderia ser realizado sem problemas.

Acredito que tudo isso seja porque os escritores tiveram receio em passar um conteúdo que obrigasse os leitores a ter que escrever muito, o que poderia fazer do livro uma obra cansativa, mas não acho que recorrer a atalhos seja o melhor para uma aprendizagem. Como diria o sábio Naruto, não existem atalhos no mundo ninja. Entendo que não deveria existir atalhos no processo de aprendizagem também.

Concluindo, “Use a Cabeça! HTML e CSS" é um ótimo livro que me ensinou e entreteu muito. Sendo muito legal ver seus códigos literalmente tomando forma na tela do navegador. Durante a leitura sempre fiquei com vontade de tentar mais, fazer mais, não parar… Foi tudo muito bom, mas acho que os autores não deveriam ter medo e parar de subestimar seu público tentando facilitar demais o trabalho.  Este tipo de esforço vale muito a pena!

E aí, gostou da leitura? Tem alguma sugestão ou correção? Quer me indicar alguma leitura para que eu possa postar minhas impressões aqui para comunidade? Fica com vergonha não! Me manda uma mensagem que será um prazer conversar com você!

Por hoje é só, cats! Nos vemos no futuro! Bye bye <3!