NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist
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
Auf dieser Seite können Sie das Online-Video NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Lucas Souza Dev 03 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 188 Mal angesehen und es wurde von 19 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
