1
resposta

[Reclamação] Mão na massa: modularizando o código

Essa parte ficou MUITO mal explicada, não da para entender direito o que foi feito, o porque foi feito, apenas largou lá e nós que se viremos para entender.

1 resposta

Oi Gabriel, tudo bem?

Sinto muito por sua experiência não ser a melhor possível. Muito obrigada por compartilhar o seu feedback, ele ajuda a escola na hora de tomar decisões sobre o curso.

A ideia principal da modularização no SASS é dividir o código em partes menores e mais gerenciáveis. Isso facilita a manutenção e a leitura do código.

  1. Criação de Partials: Partials são arquivos SASS que começam com um underscore _. Eles são usados para dividir o código em partes menores. Por exemplo, você pode ter um _header.scss para o cabeçalho, um _footer.scss para o rodapé, e assim por diante.

  2. Uso do @use: Pra utilizar esses arquivos parciais no seu arquivo principal, você usa a diretiva @use. Isso permite que você importe o conteúdo desses arquivos parciais para o seu arquivo principal.

  3. Exemplo Prático:

    • Suponha que você tem um arquivo styles.scss onde você quer importar os parciais.
    • Crie um arquivo _variaveis.scss e mova todas as suas variáveis para lá.
    • No styles.scss, você vai importar o _variaveis.scss usando @use.

Espero ter te ajudado um pouco.

Se você puder deixar um feedback nos depoimentos do curso, vai ser ótimo pois ele chega diretamente nas pessoas envolvidas no curso.

Um abraço.