Manipulando JSON e criar elementos HTML - Criando Card HTML com arquivo JSON usando JavaScript
Вставка
- Опубліковано 18 жов 2024
- Link do Nosso Discord
→ / discord
📥 Me envie sua dúvida pelo Instagram: / evertondev
📹 Se inscreva no canal
→ / @evertondev
💲 Quer ajudar o canal? Faz um PIX:
→ jose.everton.f@hotmail.com
📸Instagram
→ / evertondev
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Você está de parabéns pela maneira como lecionou.
Assinei vários cursos e poucos foram os professores que tiveram tanta facilidade em explicar e lembrar que uma aula serve para ensinar alguém a fazer algo e não copiar, como sua grande maioria faz.
Ganhou mais de um inscrito, pois tenho certeza que quem assistir ficará maravilhado.
Sucesso meu jove.
Se inscreva que vem por aí um curso aqui para iniciantes, mas qualquer coisa só me procurar no Instagram @evertondev
Melhor aula de fetch e JSON que ja vi, finalmente entendi o por que de transformar o response em response.json()
Que didática sensacional, Everton.
Parabéns e obrigado. 💪🏼
Parabéns pelo trabalho! Conteúdo bem elaborado e explicação coerente! Continue assim!!!
Muito obrigado
Uns dos melhores vídeos que eu vi
Continue assim, explicando cada coisa que vai adicionando, pois ajuda muito quem está aprendendo.
Ex: você explica que está adicionando border-radium pra ficar arredondado, etc....
Parabéns novamente
Obrigado pelo elogio 😁
Foi uma boa introduão a fetch e arquivos JSON, obrigado Everton!
Que aulaa! Didática sensacional. Era exatamente a explicação que eu procurava, obg
Bons estudos! Se precisar estou fazendo mentoria particular de programação para iniciantes!
Massa demais, curti sua explicação e didática.
Show de bola ! Quero fazer uma de livros !
Exatamente oq eu precisava, valeu professor
Simples, direto e funcional
Show!!! Explicação maravilhosa!
Que bom que gostou
Muito obrigada pelo ensinamento ❤
Excelente, tava precisando fazer exatamente isso! 👏🏾 Salvou!
Que bom que ajudou, qualquer coisa dou mentoria de programação!
Muito boa a aula.
Showzaço Man...
belo video. parabéns !!
Sensacional! Me ajudou demais!
top
Parabéns irmão 👏🤙🤠
Obrigado 🤙
Bom dia rapaziada, eu cheguei na parte de JSON na minha pós de big data e ainda estou com dificuldade de entender bem a definição e a finalidade de utilização.
Eu sei até o momento que o JSON e um tipo de arquivo que é composto de chave e valor e que esse nome e um acrônimo de Java Sricpt Object notation, Mai’s algo me diz que ainda estou sendo meio leigo na minha definição
Mais é isso mesmo, basicamente o JSON pode ser usado para armazenar valores, não recomendo no caso de dados sensíveis, melhor usar um banco de dados, por exemplo.
O JSON também é usado como forma de passar os dados via API, pois fica mais fácil a comunicação entre os sistemas que estão se comunicando.
Sua definição está certa.
@@evertondev vlw mano, estou a uns dias bugado nisso. Obrigadao mesmo 🙏🏻
olá, no lugar do Map() para percorrer os dados do json, poderia ser um forEach também?
Sim, nesse caso o importante é ter um loop para percorrer o array
Agora entendi para que serve o json, vou fazer isso para grandes aplicações de jogos, nomes, ect.
Esse é apenas um exemplo, o ideal que para muita informações você tenha um banco de dados, e faça uma API de consulta aos dados no banco de dados, e a consulta retorne um JSON.
Salvar os dados em um arquivo JSON não é uma boa prática, na aula mostro apenas como exemplo.
Seria mais seguro mesmo colocar os dados em uma Api? Tenho uma ideia do que é uma api, porém não sei como fazer.
@@JogueAqui-tc5zf esse é um passo inicial
ua-cam.com/video/zwWa9KKt4UY/v-deo.html&pp=ygUSbm9kZSBldmVydG9uIHRva2Vu
Opa, vídeo maravilhoso! Parabéns!
seguinte, como eu faria se quisesse colocar um link em cada card pra poder direcionar para a página de um produto por exemplo. Tentei fazer aqui mas tá dando erro.
opa amigo, os links tem que ir no href da tag "a", espero ter ajudado.
Qualquer coisa dou mentoria de programação.
como posso pegar informações de um livro num banco de dados por exemplo e transformar essas informações em json pra depois virar cards? , perdão caso eu tenha explicado errado
Para isso vc deve criar uma API que conecta ao banco de dados
@@evertondev é muito complicado de se fazer?
seria possivel substiur o creatElement por innerhtlml ?
Pode sim, porém não é recomendado...
e se eu quiser colocar uma descrição??tipo um texto dentro como eu faço???
Só adicionar lá no Json um atributo chamado descrição.
como colocaria os cards em um carrosel?
Do mesmo jeito, você só vai precisar de um código HTML/CSS de carrossel, e o loop vai ser feito em cada item do carrossel.
Tive um problema com CORs ao tentar ler o arquivo JSON, sabe como posso resolver?
Adicione isso na requisição, no read que se resolve: "Access-Control-Allow-Origin: *"
Qualquer duvida me manda msg no instagram @evertondev
os links que eu quero usar estão no arquivo JSON
opa amigo, os links tem que ir no href da tag "a", espero ter ajudado.
Qualquer coisa dou mentoria de programação.
cara eu queria criar um projeto onde seria um input para colocar foto porem cada input pedisse um pin de 4 digitos pra colocar as fotos e ouvesse esses inputs que seriam cards sabe por 100% da tela queria dar um site para minha namorada colocar fotos porem eu só daria os pins cada vez q a gente fosse sair pra algum lugar sabe. mas ta muito dificil pra quem comecou JS essa semana kakaka
Mano, começa estudando JS que você consegue, agora se for para guarda as fotos você vai precisar de um banco de dados.
Qualquer coisa dou mentoria individual, só me chamar no Discord, o link do nosso Discord esta na descrição do video.