material_aulas_1_e_2

Material - Aulas 1 e 2

💛 Sites que utilizamos:

• Bootstrap: https://getbootstrap.com/

1. Ao entrar no site, clique em GET STARTED.
2. Role a página até encontrar o título CSS e copie a linha de código dali.
3. Cole a linha copiada entre as tags head.

• Google Fonts API: https://fonts.google.com/

1. Procure a fonte que deseja (aqui usamos a Roboto), clique nela.
2. Selecione as espessuras que deseja.
3. No menu que aparece à direita, selecione EMBED e copie a linha de código dali.
4. Cole a linha copiada entre as tags head.

• Font Awesome: https://fontawesome.com/

1. Ao entrar no site, clique em Start For Free. Preencha com seu e-mail e clique em Send Kit Code.
2. Você receberá um e-mail com linha de assunto "Confirm Your Font Awesome Account Email Address" e um link para confirmar o recebimento escrito "Click to confirme your email address + set things up".
3. Ao clicar nesse link, você será levade para a página do Font Awesome para escolher uma senha.
4. Preencha os campos New Password (Nova Senha) e Confirm New Password (Confirme nova senha) e clique em Set Password & Continue.
5. Na tela seguinte, não precisa preencher nada. Role um pouco para baixo e clique em "No thanks. Let's skip this step for now".
6. Uma caixa de texto verde apontará para o código na tela seguinte. Basta copiar a linha de código fornecida (há um botão ali Copy Kit Code, pode clicar para copiar o código).
7. Cole a linha de código entre as tags head.

⭐ Gists:

• Item do currículo: https://gist.github.com/erikabueno/0d497307682697c1ff20c4ad54b35d7e
• Habilidades: https://gist.github.com/erikabueno/8e42d93040cba3b7a6ed54bdc75aeb22
• Bolinhas: https://gist.github.com/erikabueno/fe8a3c7209a4e8c979676c227134350c
• Rodapé: https://gist.github.com/erikabueno/f2f4792594f9d9a276b27e1d6c3034f1
• Botão depois das habilidades: https://gist.github.com/erikabueno/f5d682e406b1ba8e51cde20054401364

✔️ Lembretes:

1. As configurações ficam entre as tags head.
2. O conteúdo do site fica entre as tags body.

🤩 Extras:

1. Linha 7 do arquivo index.html: Lá você encontra como adicionar um favicon ao seu site ;) Site para gerar favicons: https://www.genfavicon.com/pt/ - Utilize o tamanho 16x16 e coloque o favicon.ico dentro da pasta img! ;)
2. Linha 68 do arquivo index.html: Ali você pode disponibilizar uma versão em PDF do seu currículo. Basta criar uma pasta pdf dentro da pasta assets, colocar um arquivo curriculo.pdf ali e pronto!
3. Auto-save do Visual Studio Code: clicar na engrenagem no canto inferior esquerdo -> Settings -> na barra de busca procurar por "Auto save" -> escolher a opção afterDelay e deixar o intervalo em 1000 mesmo.