🖥 rocketseat-youtube

O canal do youtube da Rocketseat têm muito conteúdo incrível sobre programação.
As aulas são super completas e cheio de informações, usarei esse repositório deixar as partes práticas dos conteúdos apresentados nos vídeos.
Cada pasta é referente a uma aula. 😀

🚀 Links das aulas assistidas

• 7 Tags HTML que Você Precisa Conhecer 19min
• Aplicações React do futuro? UI declarativas, design system e frameworks 1h01m
• Criando função Debounce do Zero com JavaScript 32m
• Chat em tempo real com NodeJS + Socket.io 16m
• Como usar React Context (com Hooks) 21m
• Dark Mode raiz com CSS e JavaScript 17m
• Desvendando o CSS Grid na prática 36m
• Dê super poderes ao CSS com SASS 1h10m
• Espaçamentos e a mágica do CSS Box Model 39m
• Extraindo dados de outros sites com Puppeteer JS 26m
• Expo SDK 38.0 mudou o jogo no React Native 39m
• Manipulando cores hexadecimais com JavaScript puro 44m
• Node.js: Iniciando da teoria à prática 1h33m
• O que é API? REST e RESTful? 34m
• Responsividade na Prática 1h30m
• Tema light/dark com React, Styled Components e TypeScript 33min
• Transição de imagens com CSS3 e JavaScript puro 17m
• Utilizando UX para projetar uma aplicação do zero 1h18min
• Serverless com ReactJS e Next.js na Vercel 33m
• Validação de forms customizada com HTML e JavaScript 1h01m

🎯 Gifs de algumas aulas

Dark Mode raiz com CSS e JavaScript

Node.js: Iniciando da teoria à prática

Essa página simples foi construida usando Node e os dados estão sendo armazenos em arquivo JSON no back-end.

Responsividade na Prática

Aula sobre responsividade para reforçar conceitos importantes.

Validação de forms customizada com HTML e JavaScript

Nesta aula usamos o "required" do HTML para validar, porém fizemos algumas alterações em sua aparência.

Manipulando cores hexadecimais com JavaScript puro

Na criação de sites geralmente precismaos de cores mais claras ou mais escuras da cor principal do site, esta página pode ajudar com isso.

Transição de imagens com CSS3 e JavaScript puro