Read it in English

Olá, devs!

Galleria é uma home page de uma galeria de fotos, desenvolvida ao longo do curso de Sass do instrutor Matheus Battisti, do Hora de Codar.

Não foram criadas funcionalidades na página devido ao foco do curso ser no aprendizado de Sass. Porém, diferente da proposta do curso em desenvolver a aplicação com HTML, decidi desenvolver o mesmo projeto com React e JavaScript, que também é um dos meus focos de estudos atual.

Isso resultou em algumas estilizações feitas de maneira diferente do que foi proposto no curso, visto que o conteúdo dinâmico dos cards foi feito através de .map() no JSX, o que me levou a trabalhar com loops no arquivo .sass utilizando @for $var from x through x (conteúdo não abordado no curso) para aplicação dinâmica de @mixins.

Detalhes do projeto

📑 Sobre o curso

• Nome do curso: SASS: Crie o seu primeiro projeto!
• Descrição: SASS é um pré-processador de CSS muito utilizado nos projetos web hoje em dia, seu conhecimento é muito apreciado pelas empresas, pois realmente poupa muito tempo aderir o uso da tecnologia nos projetos. Todas as explicações são detalhadas e diretas ao ponto, você vai aprender desde a instalação até a conclusão do projeto. Alguns tópicos inclusos neste curso são: Instalação; Compilação de SASS em SCSS; Boas práticas de SASS; Variáveis; Mixins; Nesting.
• Plataforma e conteúdo do curso: Acesse a página do curso na Udemy para ver todos os conteúdos abordados.

🔼 Voltar ao topo

🔎 Overview

Hello, devs!

Galleria is a home page of a photo gallery, developed during the Sass training course I'm taking. The course instructor is the developer Matheus Battisti, from the blog Hora de Codar (Time to Code).

Functionalities were not created in the page since the objective of the course was learning Sass. However, the course originally develops the page using HTML, but I've decided to code the same page with React and JavaScript, which I am also currently studying.

This resulted in some of the styles being made differently from what the instructor showed in his videos, for instance, the content of the cards were dynamically loaded by using .map() in the JSX file, which led me to work with loops in the .sass file using @for $var from x through x (content not present in the course) to dynamically apply @mixins to those cards.

📑 About the training course

• Course name: SASS: Create your first project!
• Description: SASS is a CSS preprocessor widely used in the web nowadays, its knowledge is very appreciated by companies, because it can really spare a lot of time in projects with the use of this technology. All explanations are straightforward and to the point, you will learn them all by the end of the project. Some topics included in this course are: Installation; Compiling SASS into SCSS; Good SASS practices; Variables; Mixins; Nesting.
• Platform and course content: Go to the course webpage on Udemy to see all the content that will be studied.

🔼 Back to top

Developed with 🧡 by @sucodelarangela 🍊