Projeto construído como exemplo com as turmas do 3º e 5º período do curso de Tecnologia em Análise e Desenvolvimento de Sistemas do SENAC Portão, no dia 31 de maio de 2023.

💡 Você vai precisar

• Primeiramente de uma xícara de café bem quentinho ☕;
• O editor de código Visual Studio Code, da Microsoft. Além de ter vários recursos interessantes, é o mesmo utilizado na aula gravada da palestra.
• A extensão Live Sass Compiler, que você pode instalar diretamente do seu VSCode, na aba Extensões;
  • Ela pode ser visualizada com o atalho Ctrl + Shift + X (ou ⌘ + Shift + X no Mac);
• A extensão Live Server, que pode ser encontrada da mesma forma.

📝 Como usar?

A partir de um terminal (cmd, bash, ...):

# Clone o repositório
$ git clone https://github.com/MattZ6/palestra-senac-maio-2023.git joguinhos

# Entre na pasta do projeto
$ cd joguinhos

# Abra o VSCode na pasta do projeto
$ code .

Com o editor de código aberto na pasta do projeto, você irá notar dois botões no canto inferior direito do mesmo: Go Live & Watch Sass.

Ao clicar no botão Go Live, a extensão irá "servir" localmente a página na porta 5500 - basicamente abrir seu navegador com a aplicação no endereço http://localhost:5500. Isso irá servir de hot reload em tempo de desenvolvimento, ou seja, todas as alterações feitas dentro dos arquivos do projeto irão refletir na atualização da página (assim não precisamos ficar apertando F5 o tempo todo 😉);

O segundo botão habilitado pelas extensões instaladas é o Watch Sass. Quando habilitado, irá fazer com que todo o código escrito utilizando SASS seja transformado em CSS puro, assim tornando nossa página super estilosa. 💅🏻