image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image

RR

Rebeca Ribeiro24/08/2023 14:33
Compartilhe

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!

    Compartilhe
    Comentários (1)

    AS

    Ana Serra - 24/08/2023 15:04

    Muito obrigada por compartilhar sua experiência, Rebeca!

    Também estou participando do Bootcamp do Santander e os sites que você indicou me ajudaram muito a harmozinar o estilo da minha página.