Brincando com CSS
CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para descrever a apresentação de um documento escrito em HTML ou XML. Ela permite a separação entre o conteúdo de um documento e sua aparência, oferecendo uma maneira eficiente de controlar a formatação e o layout de várias páginas.
Brincar com CSS foi uma das etapas mais divertidas durante meu aprendizado para começar a desenvolver. Inicialmente, foquei apenas em aprender como as coisas funcionavam e como usar, não tentei de primeira fazer uma cópia de estilização da Netflix ou do Prime Video, mas apenas o essencial para poder experimentar e aplicar futuramente o que havia aprendido após terminar o tutorial.
Tenho alguns projetos com CSS e HTML nos repositórios: Aprendendo a programar e Pensamento computacional. Pensamento computacional é uma disciplina do curso de engenharia de software, e criei esse repositório para armazenar alguns projetos com CSS, HTML e JavaScript que foram desenvolvidos em sala.
Primeira estilização com CSS
Dei sequência aos estudos sobre estilização de páginas assim que finalizei o desenvolvimento com HTML. Aprendi com o mesmo site de onde dei início ao uso de HTML, em: MDN Web Docs. Contudo, segui o tutorial do site, Introdução ao CSS, para conseguir estilizar algumas páginas. No fim do tutorial, cheguei a uma página muito simples onde apliquei alguns atributos de CSS, realmente bem pouco, porém o suficiente para dar entrada a uma evolução de criação de telas mais bonitas e agradáveis.
Ver imagem
Primeiro arquivo HTML estilizado com CSS
Este arquivo está disponível no repositório Aprendendo a programar.
Projetos mais avançados
Crachá
O crachá foi uma tarefa imposta por um professor de engenharia de software de uma faculdade que frequento. O objetivo era fazer um crachá simples utilizando apenas HTML e CSS. Nesse dia, fiquei em dúvida se realmente conseguiria fazer, pois fazia um tempo considerável que não praticava CSS e estava utilizando frameworks front-end, como Bootstrap e Tailwind, para facilitar e aumentar a agilidade dos processos de desenvolvimento de alguns projetos. Esses frameworks oferecem uma estilização mais fácil e rápida, o que me permitia focar mais precisamente no back-end das aplicações, já que as telas eram feitas rapidamente.
Loja virtual de jogos
Um pouco antes de começar a escrever para este post, desenvolvi um site simples utilizando apenas HTML e CSS que tenta simular uma loja virtual de jogos. Tentei deixar o site o mais simples e objetivo possível, mas também elegante e agradável para manter uma experiência legal para o usuário. Além disso, se comparado com as telas anteriores, houve um salto significativo quanto à experiência de estilização e organização das outras telas.
Ver imagens
Visão geral do site
Visão de jogos com descrição visível
Este arquivo está disponível no repositório Aprendendo a programar.