NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist

Опубликовано: 03 Октябрь 2024
на канале: Lucas Souza Dev

188

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

Nessa aula vamos criar o componente de playlist da tela de player. Finalmente chegou o momento de criar o componente que vai servir como playlist para a tela do player.
Esse componente será responsável por exibir todas as aulas e módulos seguinte do curso.

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:25 | O que faremos nessa aula
1:50 | Revisando o protótipo do figma
2:30 | Reorganizando os componentes usados no playlist
4:00 | Criando componente de playlist
4:50 | Criando estrutura da playlist
6:20 | Utilizando o componente de playlist
10:00 | Ajustando o layout da page
15:00 | Adicionando a lista de grupo de aulas
25:00 | Configurando para que os módulos alterne entre aberto e fechado
27:30 | Configurando a aula que está sendo reproduzida no momento
35:30 | Utilizando a aula id da URL para marcar a aula como reproduzindo
37:30 | Fechando um módulo que está aberto
40:00 | Configurando a navegação ao clicar no componente de aula da playlist
50:00 | Reencaminhando o onCheck
51:50 | Commit dos ajustes
53:40 | Finalização e agradecimentos

CODARSE - Criando a tela de player 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

На этой странице сайта вы можете посмотреть видео онлайн NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Lucas Souza Dev 03 Октябрь 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 188 раз и оно понравилось 19 зрителям. Приятного просмотра!

6,908