Como Fazer Accordion List com JavaScript - Clone da Netflix

[@TigerCodes]

Desde a parte 1 desse vídeo, o site oficial da Netflix teve algumas pequenas mudanças, como novo background na main. Fica como desafio para vocês fazer essas pequenas atualizações.

[@crys4022]

Mano pq vc não grava mais, você ensina muito bem cara é incrível a quantidade de conhecimentos que você consegue transmitir aqui!

[@laurinhabarns]

Conheci seu canal a pouco tempo e não consigo parar de te assistir😍, seus vídeos são incríveis e você explica muito bem, seu canal vai crescer muito se continuar assim, parabéns 👏🏻✨. Com suas explicações eu entendo tudo! Como por exemplo o vídeo que você fez sobre as position, tirou todas minhas dúvidas! Obg, vc é d ++

[@TigerCodes]

Obrigado, isso me motiva demais, pode deixar que tem mais vídeos e tutoriais como esses chegando

[@samueloliveira296]

Muito boa sua didática💪

[@pedrogois2832]

Cara fiquei uma tarde inteira tendando entender como fazer uma accordion list e o teu canal foi o que me fez entender. Muito obrigado!!

[@TigerCodes]

Fico feliz de saber isso! Obrigado por assistir :)

[@sergiosobrinho9428]

A qualidade dos vídeos só sobe a cada novo vídeo. E fico feliz de ser uma das pessoas que verá seu grande crescimento profissional.

[@TigerCodes]

Muito obrigado 💙🐯

[@alissonlima3735]

Muito top, a parte de @media eu ja sabia, agora esse accordion list ai eu não sabia, na parte do java script você fez bastante coisa, acho que dava pra fazer algo mais simples... vou tentar as possibilidades aqui em casa kkkkkk video top meu, parabens!!

[@TigerCodes]

Realmente tem como fazer algumas “gambiarras” simples só com CSS mesmo, mas o conceito do vídeo (e da maioria dos tutoriais de JavaScript) é usar JavaScript para adicionar classe ativa e falar com ela

[@BiaGamerTutoriais]

Cara seus vídeos são muito bons, não desanima!

[@TigerCodes]

Tem vídeo novo chegando já, fiquei 6 meses fora do país e foi difícil parar para gravar

[@pedrorocha8325]

volta pro canal carai, descobri ese canal agora e é muito bom pqp

[@pablosalazar8945]

Muito top.

[@lottaju]

muito bom o video, gostei da solução, ainda tenho um pouco de dificuldade em relação a entender o que o js ta relacionando cada tag, mas vou desenvolvendo com o tempo. Observei tbm que vc faz bastante alteração no código da parte 1 do css, para que o responsivo funcionasse corretamente.

[@TigerCodes]

No primeiro vídeo eu tinha feito um código bem meia boca, não tinha imaginado que a galera ia gostar tanto e pedir a parte responsiva heheheheheh

[@larissaholland]

Muito bom !

[@TigerCodes]

Valeu! 💙🐯

[@joaovitor-vw5pq]

Pega uns projetos do frontend mentor

[@mayronguedes]

Ótimo vídeo! Uma dúvida: Nesse script, como fazer com que ao abrir uma question as outras se fechem?

[@filipeangelo8586]

o Details não iria funcionar melhor? gosto mt do seu vídeooo

[@TigerCodes]

Obrigado Filipe! A tag details é uma boa, mas tem menos personalização e browser support. Por isso sites grandes como a própria Netflix geralmente usam JavaScript mesmo.

[@alexandraaquino5136]

Cria site no adobexd ou no Photoshop ai cria ai

[@TigerCodes]

Já tem alguns vídeos no canal de eu fazendo isso, mas pretendo trazer mais conteúdo sobre Adobe XD, PS e UI Design sim :)

[@MissHP06]

Legal... Tô estudando JavaScript ha alguns meses e não entendi nada kkk

[@PedroLucas-de2gj]

Fiquei um pouco perdido na hora do js, por conta dos nomes. Vc escreveu tudo de uma vez mais não mostrou o resultado passo a passo. Fica a dica coloca lado a lado as telas. Não hora que vc escreve e a renderização do código.

[@TigerCodes]

Ótima dica Pedro, obrigado! Vou dar atenção a isso

[@leonardobrindeiro5239]

Ai é golpe baixo apertei amei apertei com tanta força o inscrever que afundou a tecla

[@TigerCodes]

🤣