Nesse repositório irei guardar meus estudos do curso de CSS avançado e Sass (da udemy) do professor Jonas Schmedtmann.
Link: Ir para udemy.
- Finalizar o curso no periodo de 3 meses (Curso iniciado em 20/06/2023) (Curso finalizado 21/07/2023). ✔️
- Conseguir entender como usar Float, Flexbox e Grid em CSS e aprender Sass. ✔️
- Completar todas as aulas e exercícios. ✔️
- Não desistir no processo. ✔️
- Unidades concluidas (10/10). ✔️
| Foi explicado como funcionará o curso e toda sua estrutura, desde a primeira unidade até a ultima. | |
|
| |
| Foi explicado o uso de CSS mais avançado iniciando um projeto Natours (nessa unidade finalizamos o Header). Apendemos o uso de Resets, de Clipagem (CSS moderno), de Posições, de Animações e uso criativo de Pseudo-Classes. | |
|
| |
| Foi explicado como o CSS é processado, analisado e redenrizado. Foi ensinado o uso de display Block, Inline-block e Inline,o uso de rem, o uso de Positions, como pensar e construir um layout e como usar o método BEM (Block Element Modifier). | |
|
| |
| Foi explicado como usar Sass e suas funções para melhorar o CSS. Foi ensinado o mais básico de node.js usando npm para instalar o Sass usando o sufixo .scss nos arquivos. | |
| |
| Foi criado a estrutura com HTML5 e Sass do projeto Natours, nessa unidade foi dado muitas dicas de como criar um bom site sem precisar de javascript, mostrando o poder do Sass e do CSS3. Foram usadas diversas técnicas avançadas de estilização, como usar label criativamente com inputs e formas diferentes de usar propriedades CSS. | |
| |
| Foi finalizado o projeto Natours com foco no uso de imagens responsivas e designs modernos. No fim foi utilizado npm junto de Nodejs para comprimir o css do projeto. | |
| |
| Foi iniciado e finalizado o projeto Trillo com foco em uso de Flexbox (`display: flex`), além de diversas dicas sobre responsividade e apresentado novas classes de CSS3 e novas tags de HTML5 (com foco em SVGs). | |
|
| |
| Foi explicado o básico de Grid com (`display: grid`), usando todas as propridedas possíveis e com responsividade. | |
| |
| Foi utilizado técnicas avançadas com Grid, usando suas propriedades para criar o projeto Nexter. Foi ensinado como usar grid junto de flexbox e a importância desses dois juntos. | |
|
| |
| Finalização do curso. | |
| Nenhuma. | |