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
On this page of the site you can watch the video online NextJS, TailwindCSS e Typescript: #35 - Criando componente de playlist with a duration of hours minute second in good quality, which was uploaded by the user Lucas Souza Dev 03 October 2024, share the link with friends and acquaintances, this video has already been watched 188 times on youtube and it was liked by 19 viewers. Enjoy your viewing!
