HTML & CSS - Introdução ao SASS: Aprenda o CSS com Superpoderes

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_5vZvu-P8rqA PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_5vZvu-P8rqA ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1Ir6yWulWcpLOLyZ38Oy2_i0IgF1M2VZl?origemurl=hashtag_yt_org_planilhahc_5vZvu-P8rqA ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/introducao-ao-sass-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Você sabe o que é SASS em CSS? Na aula de hoje eu vou te mostrar uma breve introdução ao SASS. Então você vai aprender o que é o SASS, o que é NodeJS, o que é NPM, como eles funcionam, como é feita a instalação de cada um deles. Depois disso vou te mostrar alguns exemplos práticos utilizando o SASS, vou te mostrar como ele facilita a escrita dos seus códigos e como você pode fazer uma compilação automática do CSS usando o SASS para não precisar fazer de forma manual. E aí, já conhecia o SASS? Já utilizada ele nos seus projetos? ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:41 O que é o SASS? 02:39 O que é o NodeJS? 03:20 O que é o NPM? 03:40 Resumo inicial 04:12 Instalação do NodeJS 06:04 Como instalar o NPM (criar projeto) 07:44 Package.json (informações do projeto) 08:27 Instalação do SASS 11:44 Instalar o node modules 12:27 Escrita de código em SASS 14:58 Ajustando o script (SASS - CSS) 18:00 Script para compilação automática do CSS 18:55 O que vimos até agora? 19:52 Variáveis no SASS 26:11 Nesting no SASS + Metodologia BEM 35:03 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao