Arquivos da aula: github.com/origamid/slide-sto... Aprenda a criar um slide do tipo stories do zero. Quer aprender HTML, CSS e JavaScript do zero? www.origamid.com/
O vídeo é ótimo e o André manja muito, mas dica, tenta não se cobrar pra fazer algo assim em pouco tempo quando ele e outros canais fazem, isso é uma dica que já vi outros canais fazendo pq normalmente fazem o projeto bem pensado em mais tempo antes de gravar
@@brnheavymetal Realmente. O André é foda tanto na programação quanto design. Mas ele não fez isso em 30min de primeira mesmo. A maioria dos tutoriais levam tempo para serem feitos, primeiro os projetos são feitos, depois o desenvolvedor só deixa o código dele pronto em uma tela e só vai replicando na outra, por isso quase não existe erros na hora que eles estão codando para gravação. Pq mesmo um projetinho desse talvez demorasse mais de 1 hora pra fazer, tanto na organização e refatoração do código e os bugs que vão aparecendo na meio do caminho
Você ensina maravilhosamente, mas não vou falar que foi fácil, porque apesar do vídeo ter 31min, eu to a 2 dias pelejando porque to adaptando isso para uma outra situação, felizmente deu certo. Eu ainda não tenho capacidade de entender extamente o que fiz, então minha manutenção nesse código vai ficar limitada. mas estou realmente feliz de ter conseguido reproduzir no meu contexto e espero que em mais alguns meses eu consiga chegar pelo menos perto de você. MUITO OBRIGADO!
Muito legal! Esse canal é ótimo a didática é de fácil entendimento e o conteúdo sempre é interessante. Obrigado por compartilhar conhecimento com a gente!
Este conteúdo é puro ouro! 🏅 Super interessante o uso de Class para a criação da animação em JS e ainda o uso de Flex e Grid no CSS. Irei assistir a playlist de JS a seguir 🏃♀️
Parabéns pelo video!! Teria como definir um time da animação de forma dinâmica? Exemplo. Se eu colocar um video e pegar o .duration dele e definir a duração da animação e do timeout. É possível mandar um exemplo assim ? Mais uma vez, parabéns!!
Ainda nem vi, mas sei que é um conteúdo excelente, sou fã do canal! Obrigado pelo conteúdo gratuito. Um dia espero poder pagar os cursos para ter acesso a todos os cursos.
André. Parabéns pelo trabalho, ficou show o slide! Tenho uma dúvida. Estou criando várias matérias para o meu blog usando o WordPress. Praticamente quase todas as matérias vão ter galerias de fotos. Cada post vou ter que alterar o HTML e adicionar um novo class? Ex.: HTML: data-slide="slide" - HTML: data-slide="slide01" - JS: new SlideStories('slide'); - new SlideStories('slide01'); ... como faço para deixar o slide universal, adicionar várias galerias sem ter que ficar mudando o nome?
Professor, sou aluno do Origamid. Existe um manual com esse tópicos no Html, CSS e Java Script, tipo (Atrubuto, body, head e outros) para se memorizado?
Irmão. Tava pensando em você hoje. Fui e pesquisei seu nome de canal no you tube. Será que você poderia me atender em algo sobre RN e React.Js? To na dúvida aou até bonzinho no front end dos dois. Mais tenho falhas em concentrar código em consumo de crud e bancos. n9 Javascript desses frameworks acima. Como ta o preço dos teus cursos?
Como eu faço para ter vários slides desse? Tipo, quando clica em um perfil aparece as fotos daquele perfil, se clicar em outros, as fotos do outros perfil? Tipo no Instagram mesmo. Alguém poderia me ajudar, pfvr?
Sera que alguem pode me ajuda, tentei fazer o projeto e aparece os seguintes erro para mim: Slide-stories.js:9 Uncaught ReferenceError: active_Slide is not defined at Slide-stories.js:9 (anonymous) @ Slide-stories.js:9 slide-stories.js:1 Uncaught SyntaxError: Identifier 'slideStories' has already been declared
bot excluiu meu comentario ;-;, mas 12:20, o meu da erro sempre q coloco o this.init();, alguem sabe como resolver? imagem do erro: * prnt (ponto) sc / 1v 6v z 0l (só remover os espaços e trocar o ponto)* erro: slide.js:25 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at slideStories.addNavigation (slide.js:25) at slideStories.init (slide.js:30) at new slideStories (slide.js:7) at slide.js:40
Alguem conhece um projeto parecido, onde eu consiga adaptar para classificar imagens? A ideia seria marcar as que interessam e depois poder listar a seleção.
tenho um erro na linha onde vem: this.items = this.slide.querySelectorAll('.slide-items > *'); diz *Uncaught Type Error cannot read properities of null (readend 'querySelectorAll')* e deve ser por isso que nao consigo ver nada quando ponho opacity o para todos... nem se quer mostra o ativo.. peço uma soluçao!!
Estava com o mesmo erro, conferindo aqui percebi que estava usando as aspas erradas na primeira linha do constructor, ela deve ficar assim: this.slide = document.querySelector(`[data-slide="${id}"]`); com esses acentos graves no lugar das aspas, tenta ai