32:00 quem quiser colocar o ícone de play preenchido pode usar a propriedade fill do svg, ficando

@JonatasBorge

6 ай бұрын

Nem todo herói usa capa

Fazer responsivo é uma boa hein. Queria ver como iria ficar a organização do Tailwind a medida que vamos adicionando transições, animações e responsividade.

Em uma hora o cara faz o layout do Spotify, em uma hora não consigo nem iniciar um projeto kkkk

@AndreRds

Жыл бұрын

😂 dois mano kkk

@beneditonamburete1218

Жыл бұрын

Três 😭

@tiagopaees

Жыл бұрын

Kkkkkk

@emersontrindade299

Жыл бұрын

Existe todo um planejamento antes e muitas das vezes já fez o projeto antes tbm..

@sergio.808s

Жыл бұрын

não se compare mano, estude e tenho certeza que no seu tempo você tbm vai conseguir. E tipo foi uma hora pq ele reescreveu muito código poderia até ser menos kkkkk o cara é um mostro

Cara, o Diego consegue fazer tudo parecer tão fácil. Incrível isso bixo.

@pablogomes6633

Жыл бұрын

Tenho a mesma sensação... Diego é d+

@onildo_costa

Жыл бұрын

@Wander Hungerbühler Experiência e conhecimento é tudo né bixo? Espero um dia chegar perto disso. Parabéns pelo seu trampo também!

@onildo_costa

Жыл бұрын

@Wander Hungerbühler obrigado pelo incentivo!

@JohnEsrom

6 ай бұрын

A didatica dele é algo incrível

@DailyNewsInternationalShorts

4 ай бұрын

ele ja tem o roteiro pronto nao se engana nao man

O vídeo nem começou e eu já tô no hype!! Diegão é MONSTEEERRRR

@rapaduraman3543

Жыл бұрын

Fake

@filipelperes

Жыл бұрын

Bom dia, qual a distro linux que vc usa?

@Id_Mata

Жыл бұрын

kmk Mayke... Da uma luz a]i de como colocar o project no github pages.

Perfeito, assisti como se fosse um filme. Devia virar playlist, seria um boracodar em react...

@ojoaomarcelo

Жыл бұрын

Up

@Luccas_Alves

Жыл бұрын

Up pra krl

@peterpontocom

Жыл бұрын

#Boracodar em outras linguagens seria legal

@Ramon_Oyster_Cult

Жыл бұрын

@@peterpontocom Web só tem JavaScript de linguagem.

@Ramon_Oyster_Cult

Жыл бұрын

E eu sei que tem outras que estão chegando.

Para fazer o nav possuir o texto _Playlist _ com o valor do número incremental, da para usar o emmet: nav>a{Playlist $}*5 Você troca o 5 no final para quantas tags anchor você irá querer

Aula magnífica!!! Por favor, traga a parte 2, aplicando a responsividade e a mudança de cor no background.

Que bacana! Adorei, sempre fico impressionado com o conhecimento, dedicação e didática do Diego, gostaria de ver um continuação com tema dark / white

video mto massa, fazia tempo que nao codava com typescript e next, mto massa ver o quanto tudo mudou hehe. Vlwww Diegao e galera da Rocket, video bom demais!!!

Já quero a parte 2, muito top o conteúdo Diego

Soltaaaa o brabooo!! Queremos continuação!! Me abriu muito a mente sua explicação, a didática é boa demais!

Muito prático! Gostaria de ver fazendo exatamente igual ou bem mais aproximado, com o gradient de fundo trocando as cores de acordo com o álbum, mudar header no scroll down, responsivo etc. Acho que é um exercício bem interessante e explora várias técnicas.

ja estamos à espera da continuacao! grande video, parabens

Responsividade e adição da troca de temas light/dark seria show também :D

conteúdo top, diegão monstro faz parecer tão simples 😂 continuemm!! além da responsividade poderia torná-lo dinâmico

Diego consegue fazer com que as coisas pareçam fáceis hahah é absurdo. Parabéns pelo conteúdo

Muito bom, uma parte 2 com certeza será bem vinda!

Show Diegão, continua esse layout sim, vai ficar massa!

Show, estou doido esperando já o vídeo desse layout com responsividade 😊😊😊

O cara é um mestre fazendo e explicando ao mesmo tempo, sempre aprendendo contigo obg!

Perfeito Diego! Consegui acompanhar e ir fazendo junto com você. Isso, faz os temas e também vai aumentando o grau de dificuldade, quem sabe uma API trazendo as músicas de algum lugar ?!😉🙈 Um grande abraço e + sucesso, você merece.

Diego, da continuidade nesse projeto! Ficou massa!

Daora Diegão, eu tava meio desesperado porque eu queria um tutorial rapido de tailwind, já que existe isso de padrão futuro para o next, e sei que você vai abordar no ignite, mas eu queria fazer o ignite agora do 0 usando só tailwind até dominar tudo, mas tava perdido, obrigado mesmo e se puder, traga mais conteúdos assim, me ajuda bastante

Cara, mt bom saber sobre essa propriedade "space", é por isso q é bom ver esses conteúdos mesmo já sabendo sobre, sempre tem uma coisa nova ❤

Mt bom! E seria legal ver a parte de responsividade tb 👍

Olha fiz todos os passos e gostei bastante do resultado, eu gostaria mesmo que continuássemos a melhora-lo tipo uma parte 2.

Primeira vez vendo o Tailwind. Muito bom e fácil de usar. Muito legal tb vendo vc criar a réplica do spotify. Show!

Vídeo incrível, ansioso pela continuação!!!

meu, fico impressionado como o diego trabalha com uma naturalidade todos os componentes, monstro demais!!

Show! Continua esse layout, Diegão

Show!!! Tem de ter uma parte 2.

vídeo muito bom!! algo que eu gostaria muito de ver seria como montar um design system inteiro com tailwind, seria super interessante

Quero muito aprender a programar desse jeito. Cê faz paracer tão fácil e rápido

Aual Incrivél! Seria muito bom continuar deixando ele recursivo.

Muito bom o vídeo, seria legal fazer a continuação!!

Faaala Diegão! Faz pra nós pooooooor favor um tutorial de configurações de ESLint e Prettier pro Next com o Tailwind, com formatação do código, quebra de linha e tudo mais 🙌🏻

Parabéns. Excelente trabalho. Se conseguir avançar neste projeto seria interessante.

Aguardando a parte 2 dessa obra de arte 💡🧠

Eu amo Taiilwind, meu novo queridinhoo. Arrasou com o vídeo!! E quem tem problema com toque no código, podemos componentizar e deixar o HTML mais limpo...

Percebi que q melhor maneira de aprender a estilizar frontend é assistindo outras pessoas fazendo e pegando as sacadas que eles tem

Incrivel, Parabéns Diegão.

Seria legal mostrar exemplo de como fica quando o style muda de acordo com props do componente

quero a pt2, show de bola!!

Ia ser legal um conteúdo de resposividade com tailwind .... estou começando a usar tailwind e estou curtindo bastante !!

Saudades demais do UI Clone. ps: Esse DMX do Daily Mix me pegou viu mano. 🔥

Eu uso sempre e ainda acabo aprendendo varias coisas. Muito bom

Esperando a parte dois. Vai ficar em dia

vamos continuar, show de bola... fazer todo com responsividade etc

Não vejo a hora da continuação 😊❤

tailwind parece libertador, não tem que pensar nomes pra classes ou utilizar o método BEM pra nomear as classes vc já inseri o estilo na classe muito bom vou aprender

Muito bom! Para melhorar as classes repetitivas, eu criaria uma classe no style "scoped" e usaria o @apply , sendo assim, o código fica mais limpo e fácil para manutenção. Ex: .titleSectionAlbuns { @apply text-md font-semibold; } E por aí vai...

Muito top!! Ficou perfeito.

ó o monstro dando aquela aula monstra numa sexta monstra. Tamo junto Diegãoooo Dale

Muito massa Diego, aprendi muito

Muito daora. Continua Diegão

Cara o vídeo ficou show, e eu acrescentei algumas coisas que faltava, só não fiz as funcionalidades

muito bom!!! seria legal ver ele resposivo sim

CONTINUEEEE POR FAVORRR

Otimo video. sugestam replicar/recriar interface clickup com tabelas funcionais. seria muito massa ver essse conteudo.

Muito bom, faz o vídeo de como deixar responsivo.

Isso foi um exemplo estático. A questão é fazer um aplicativo dinâmico em que o código da interface fique separado do código de negócios (interação com o banco de dados).

O diego traz a proxima aula reponsividade por favor ! quero aprender mais !

por favor faça uma parte 2 : )

Tenta fazer o segundo vídeo sobre algumas funcionalidades do Spotify

Novo por aqui. Que doideira isso. E o cara faz tão rápido. Mais rápido que fazer no elementor só arrastando hahahaha

Muito bom. Esse Tailwind bem usado com certeza é uma excelente ferramenta, hoje em dia eu uso muito mais o ChakraUI pra desenvolver as interfaces dos projetos da empresa que trabalho, acho ele bem bom. E daria fazer uma interface dessa do spotify em pouquíssimo tempo também. Excelente vídeo.

@iii4443

7 ай бұрын

Como você faz para alterar o design dos componentes dessa lib? Cria um componente deu por exemplo table do chakra e depois cria um arquivo css pra alterar o design?

Continua ele Diego!

Continua aí! Faz o responsivo!

Continua! muito bom

para quem quer ver como fazer a parte de validação, api, database, routes, fetch e etc (backend), so ir ver no canal: "Code With Antonio", foi ele que elaborou esse projeto.

Faaaaala dev's ❤️🚀

muito bom, Diegão!

Faz responsivo!! Muito bom o vídeo

Diego poderia fazer um video sobre esse novo formato de api route do next.. como fazer algo similar a um restfull com ele para receber param em rota e ou queryString

Já curti antes de assistir, deveria ser uma serie do RocketFlix

Contínua contínua contínua 🚀

para preencher o botão de play de preto com o lucida se faz assim> e tirei o text-color do button

saudades ui clone voltaaaaa

Ficou massa Digão...

Bom demais!!

seria uma boa fazer o layout consumir a API do spotify hein!

Objetividade brutal, assim que eu gosto.

Diegão faz um video deixando responsivo, é tema dark é light 😄

Muito bom o video... Sim...faça a parte da responsividade

É impressionante como o Diego tem a habilidade de tornar tudo tão simples. Ele é realmente incrível nisso! vai ser ótimo para o proximo ep da minha jornada na programção! ótimo conteudo!! abraço!

Poderia virar rotina fazer isso com tailwind... E não só isso, também aprofundar um pouco mais. Como criar um clone do twitter, e colocar login e autenticação etc... mas tudo bem básico.

Bora Continuar :)

Simplismente incrivel👏👏👏👏👏👏👏👏👏👏👏

o lucide tem o icon monitor-speaker que é perfeito pro botão de device do spotify

Opa, já no aguardo pro próximo vídeo abordando responsividade no Tailwind, uma dúvida no caso agora o padrão recomendado pela doc do react é usar já de cara um framework tipo next? (ou até já criar com o next)

@dieegosf

Жыл бұрын

Isso

Diego, fugindo do conteúdo do video. Teria como disponibilizar as config de estilo do seu mac/vs/warp? Fiquei maravilhada com um ambiente tão "limpo" e confortável de se ver.

Eu ia amar ver como é o responsivo do tailwind mesmo não sendo nesse projecto 🙏

Top demais! Obrigado. Que atalho é esse que você usa para selecionar várias linhas com textos semelhantes? Eu uso o ctrl + D mas esse atalho seleciona uma a uma.

Faz a continuação pelo amor de Deuss🙏🙏🙏

Parte 2 pls!! 😆👏

Conteúdo top demais!! Agora gostaria de que fizessem um vídeo explicando o porque da mudança de ao criar um novo projeto Next, ele não esta vindo com a pasta 'api' (fiz este teste no dia 15/06), e também como proceder neste caso, no que afeta. Pelo que vi na documentação, a pasta 'api' deve ser utilizada dentro de uma pasta 'pages', seria isso mesmo?

Que massa!!!! Eu estava buscando sobre como aplicar a Api do Spotfy em um bot inteligente e encontrei como fazer a interface do spotfy kakakakakak como o mundo é pequeno

Já quero a parte 2. Kkkkkk

Pelo amor de Deus continua!!!