NextJS, TailwindCSS e Typescript: #25 - Começar curso flutuante no desktop

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Manter elementos essenciais sempre acessíveis durante a navegação é crucial para uma boa experiência de usuário (UX), especialmente em telas maiores, como as de desktop e tablet. Neste vídeo, vou te mostrar como criar um componente "Começar Curso" que permanece fixo na tela conforme o usuário faz o scroll. Utilizando React, vamos garantir que esse botão fique sempre visível e acessível, independentemente da posição na página, proporcionando uma navegação mais fluida e intuitiva. Esse componente será uma adição importante para melhorar a usabilidade da sua plataforma de cursos, facilitando o início do curso em qualquer momento. Vamos juntos construir essa funcionalidade e aprimorar a experiência dos seus usuários!

Links mencionados no vídeo:
📖 Repositório do projeto - https://github.com/lvsouza/youtube-ne...
🅵 Protótipo - https://www.figma.com/community/file/...
🗨️ Discord -   / discord  

Outros cursos no canal:
🔔 NextJS, TailwindCSS e Typescript -    • NextJS, TailwindCSS e Typescript: #00 - Ap...  
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação do curso  
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso de f...  
⭐️ Curso de React com typescript -    • Curso de react: Aula 01 - Começando com Re...  
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #00 - I...  
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Apresen...  

Livros recomendados:
📘 Código limpo - https://amzn.to/43Xiick
📘 Arquitetura limpa - https://amzn.to/3ZMCStr
📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ
📘 The Micro SaaS Handbook - https://amzn.to/4jCan93

Conteúdo:
0:00 | Introdução
0:35 | O que faremos nessa aula
2:30 | Entendendo o problema
4:35 | Ajustando o padding
5:30 | Removendo o underline no hover do link
6:25 | Ajustando o layout responsivo da tela
12:50 | Deixando o "Começar curso" flutuante na tela
16:30 | Commit dos ajustes
14:15 | Finalização e agradecimentos


CODARSE - Criando a tela de detalhes de curso

#DesenvolvimentoWeb #Programação #DesenvolvimentoDeSoftware #AprenderProgramação #CursosOnline #TechTutoriais #YouTubeEducação #CodeNewbies #DesenvolvimentoFrontend #CodeWithMe #TecnologiaEducacional #WebDesign #DesenvolvimentoDeAplicativos #AprendaACodificar #TecnologiaDeFrontend #EducaçãoDigital #DesenvolvimentoDeApps #TutoriaisDeProgramação #CódigoCriativo #ProgramaçãoParaIniciantes #NextJS #typescript #javascript #tailwindcss #react #reactjs