Primeiros passos em Desenvolvimento Web Santander-BootCamp
A primeira parte do Desenvolvimento Full-Stack se iniciou com um pequeno exercício para exercitar o CSS e o HTML. Fiz minha página usando as paletas de cores do mês de Agosto inspirada no longa metragem de sucesso.
Vou deixar as minhas referências e algumas dicas. Para aqueles que iniciam, assim como eu, ter o seu github atualizado e usar como repositório de todos os exercícios é uma excelente forma de se mostrar ao mundo. Alé disso, se um dia precisar formatar seu computador, os exemplos de todo seu esforço e estudo estarão na nuvem gratuitamente e não serão perdidos com aquela distro.
Quanto antes iniciar o envio dos seus repositórios, menos trabalho acumulará no futuro.
GitHubpages:
Para escolher a paleta de cores, sugiro encontrar uma combinação harmônica, existem muitos sites disponíveis:
- Roda de cores do Adobe
- https://colorhunt.co/
- https://coolors.co/
Depois de construir a sua estrutura HTML, colocar suas classes e id's como você identificar melhor, vamos as referências do CSS:
- Reset CSS/ Normalize CSS: ter um arquivo reset css possibilita retirar todas as características padrão dos navegadores, garantindo que sua página vá se comportar da forma que você está programando em qualquer navegador. Ref: https://meyerweb.com/eric/tools/css/reset/
- FlexBox: uma das formas de posicionar e brincar com os elementos, fixar bem quem são os elementos pai e os filhos é essencial. Ref: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- Pseudo-classes e Pseudo-elementos: Um mundo dentro do CSS, usei o :hover e o ::first-leter, mas tem muito mais. Ref:https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
Deixa mais sugestões de referências e o seus projetos!