Cara, Parabéns! Excelente vídeo, tem canal grande que não chega nem aos pés da sua explicação prática! Tem canal que a pessoa apenas lê o script e não aplica nada.
Parabéns, muito bom. poderia fazer um video explicando como faria se um deses dados fosse um aray com mais objetos dentro, e pegar os dados deste objeto? to com esse problema e não achei nada ainda
Seria basicamente a mesma coisa, porém você teria que usar um map dentro do outro, estuda sobre matriz vai ajudar a entender. Qualquer coisa me chama no Instagram @Evertondev
Everton, se você soubesse o quanto salvou minha vida com esse vídeo... olha... nem te digo nada! hahahaha obrigadíssima por essa contribuição tão clara. Foi de muita ajuda para mim! Agora uma dúvida... existe alguma forma de eu substituir um dado do JSON utilizando uma função JS? Pensei em utilizar o replace, mas estou com dificuldades nisso.
Fico feliz em saber, se você quer alterar o arquivo Bruto não é recomendado, o que você pode fazer é atualizar o objeto recebido, mas quando você atualizar a pagina os dados são perdidos. Se você já esta sentindo a necessidade de inserir/alterar e excluir dados em um JSON agora é a hora de começar a ver banco de dados.
Muito legal, só verifiquei que com innerHTML ele não inclui as dentro do código fonte, no caso de produtos e serviços o Google não reconheceria essas informações, existe alguma solução pra isso?
Professor, e se eu quero retornar exatamente da forma do vídeo, mas só que com o menor faturamento do mês de cada estado, no map eu passaria o usuário por exemplo e depois do parênteses do usuário eu colocaria element?
cara, no caso você esta usando PHP correto? seria mais facil pegar o txt e converter em JSON e usar o JS para fazer isso, ou o no PHP usar o json_decode
Creio que você esta fazendo algo errado amigo, pode ser em adicionar o js no html por exemplo, ou não esta colocando o id certo. Me manda uma foto do codigo no insta. instagram.com/evertondev/
É possível gravar dados nesse arquivo JSON usando apenas o JavaScript? Tenho que fazer um programa simples, apenas registrar o momento q usuários clicam em alguns botões e o momento que param de assistir um vídeo. O site esta hospedado na Hostinger, não tem suporte a Asp.Net Core e nem ao NodeJS (conheço um pouco dessas).
Recomendo você ativar o ssh da hospedagem e instalar o nodejs, com isso você consegue criar uma api para salvar os dados em um banco de dados como o mongodb ou mysql. Não recomendo editar o JSON não é uma prática segura.
@@evertondev Olá, grato por sua resposta, mas, minha pasta de exercícios java fica na unidade c:\java\projetos e o arquivo que quero abrir fica na pasta D:/PLA/CFG/db.json , e mesmo colocando o caminho não abere , já tendei com file:/// e tudo que podia tentar, faça ai você um teste quando tiver tempo e me passa um feedback ok. grato
Para ser resolvido você pode aplicar um mode: cors, segue o exemplo. developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch#fazendo_as_requisi%C3%A7%C3%B5es_fetch
O navegador está bloqueando a requisição ao arquivo dados.json devido à política de CORS (Cross-Origin Resource Sharing). Para resolver esse problema, você precisa hospedar os arquivos em um servidor web, mesmo que seja local. Se estiver usando o VS Code instale a extensão "Live Server"
Muito Obrigado pelo video Everton, ajudou muito !!! Uma duvida, vamos supor que eu tenha um array com 100 objetos, mas quero apenas mostrar 10 na minha pagina, e o restante colocar nas paginas seguintes... Qual método devo usar ?
É possível fazer isso utilizando vários modos, a mais simples de eu explicar por comentario basicamente você vai pegar a quantidade total, dividir pela quantidade de item que você quer mostrar em cada pagina, com isso você vai conseguir a quantidade de paginas que existe, então você consegue usar o numero da pagina para definir qual vai ser o primeiro elemento que vai aparecer naquela pagina e qual o ultimo, exemplo: Tenho 21 itens e que que mostre apenas 5 itens por pagina, dividindo vou ter 4,2. Minha primeira pagina vai ser os itens 0 * 5 + 1 até 1 * 5, na minha segunda pagina vai ser do 1 * 5 + 1 até 2 * 5, na terceira pagina vai ser do 2 * 5 + 1 até o 3 * 5, quarta pagina 3 * 5 + 1 até 4 * 5, e a ultima pagina vai ser 4 * 5 + 1 até 5 * 5, na ultima pagina vai ter apenas 1 registro mas a pagina vai ser gerada mesmo assim.
Muitissimo obrigado cara uma aula excelente você vai muito longe e espero mesmo para me salvar mais vezes. kkkk Só um duvida, como eu faço para pegar e dar um print no nome do objeto e colocar ele no html, por exemplo, fazer com que antes de José aparece o nome a que ele se refere: nome: José - 22 anos é possível pegar esse "nome" direto do JSON? Agradeço chefe e sucesso.
Sim, mas como o indicado em organizar informações no JSON é que apenas manipule, se for para inserir, alterar e deletar recomenda-se usar um banco de dados.
@@evertondev mas vou te falar seria de grande valia um vídeo onde vc ensinasse a pegar os dados de input de um form e organizar em um json simulado um banco de dados, oque vc me diz?
Posso atribuir 2 arquivos de json diferentes em um mesmo método como esse? É que eu tenho 2 carrossel e não consigo fazer com que apareça na tela com um json só.
@@evertondev me ajuda aí professor class Products { async getProducts(){ try{ let result = await fetch("products.json"); let data = await result.json(); let products = data.items; products = products.map(item =>{ const {title, price} = item.fields; const {id} = item.sys; const image = item.fields.image.fields.file.url; return {title, price, id, image}; }); return products; }catch(error) { console.log(error); } } } Preciso que ele leia, mais toda vez que chamo o segundo json, dá erro e não consigo visualizar no display corretamente
O meu retornou o seguinte erro : Uncaught (in promise) SyntaxError: Expected property name or '}' in JSON at position 24 Você poderia me ajudar já tentei de muitas formas resolver mas não consigo
Neste caso não estou usando servidor, apenas estou usando o arquivo com os dados JSON. Se você quiser aulas particulares de desenvolvimento web para iniciantes minha mentoria esta aberta, só precisa me mandar msg no instagram @Evertondev
Por que a leitura do arquivo pelo fecth retorna o conteúdo da solicitação como um texto, o arquivo pode ser um Json e tem uma estrutura Json, mas o fecth quando executa retorna como fosse um texto corrido, então precisa converter para organizar a estrutura
Pelo incrível que pareça essa é a forma mais simples que existe. Se você quer apenas ver o conteúdo e não criar uma pagina html para usar os dados, você pode abrir o arquivo json no bloco de notas. Não sei se a pergunta foi essa mas foi isso que entendi rsrs
caracas, você explicou até os método eu vou chorar... continue assim! vai me ajudar muito
Amigo vc sempre se superando, parabéns.
Muito obrigado. Exatamente isso que eu estava precisando.
Deus de abençoe infinitamente, era exatamente isso que eu estava precisando.
video perfeito ajudou no meu projeto pessoal!
Se precisar de ajuda tbm faço mentoria particular.
era exatamente o que eu precisava!! Obrigada
Nossa teu video valeo muito, bem explicado obrigado.
Parabéns! Muito boas estas explicações!
Muito obrigado
Justamente o que eu estava procurando vlw.
Que bom amigo, vlw
Cara, Parabéns! Excelente vídeo, tem canal grande que não chega nem aos pés da sua explicação prática! Tem canal que a pessoa apenas lê o script e não aplica nada.
Muito obrigado
Muito bom, Everton! Obrigada mesmo. Super me ajudou! 🤩
Eu que agradeço
Bom dia, Everton faz uma video aula explicando como conectar a pagina com um banco de dados
Oi, então cara, tem que criar uma api em node se fosse o caso, eu posso fazer se você quiser.
Parabéns, muito bom.
poderia fazer um video explicando como faria se um deses dados fosse um aray com mais objetos dentro, e pegar os dados deste objeto? to com esse problema e não achei nada ainda
Seria basicamente a mesma coisa, porém você teria que usar um map dentro do outro, estuda sobre matriz vai ajudar a entender.
Qualquer coisa me chama no Instagram @Evertondev
@@evertondev ok, obrigado.
Parabéns pelo vídeo 🎉
Muito obrigada 😁
Everton, se você soubesse o quanto salvou minha vida com esse vídeo... olha... nem te digo nada! hahahaha obrigadíssima por essa contribuição tão clara. Foi de muita ajuda para mim! Agora uma dúvida... existe alguma forma de eu substituir um dado do JSON utilizando uma função JS? Pensei em utilizar o replace, mas estou com dificuldades nisso.
Fico feliz em saber, se você quer alterar o arquivo Bruto não é recomendado, o que você pode fazer é atualizar o objeto recebido, mas quando você atualizar a pagina os dados são perdidos.
Se você já esta sentindo a necessidade de inserir/alterar e excluir dados em um JSON agora é a hora de começar a ver banco de dados.
O melhor professor não tem como
video massa! Ganhou um inscrito
Po vei, me ajudou demais, muito obrigado
Aula top
Muito obrigado
Muito legal, só verifiquei que com innerHTML ele não inclui as dentro do código fonte, no caso de produtos e serviços o Google não reconheceria essas informações, existe alguma solução pra isso?
Neste caso não tem como ser dinâmico, você vai precisar criar as fixas.
Professor, e se eu quero retornar exatamente da forma do vídeo, mas só que com o menor faturamento do mês de cada estado, no map eu passaria o usuário por exemplo e depois do parênteses do usuário eu colocaria element?
pt.stackoverflow.com/questions/435941/pegar-o-menor-valor-de-um-array-de-objetos
Opa, achei uma resposta muito boa aqui, da uma olhada.
Top.....adorei....
Professor, poderia fazer um video explicando como invocar o arquivo Jason em txt da pasta htdocs do Xampp.
cara, no caso você esta usando PHP correto? seria mais facil pegar o txt e converter em JSON e usar o JS para fazer isso, ou o no PHP usar o json_decode
Me salvou!!! Excelente!!!
Que bom que ajudou, qualquer coisa dou mentoria de programação!
Olá! Aula excelente. Como faço para pegar apenas um elemento do Json. Por exemplo a idade do terceiro usuário?
Pesquise pelo metodo find com ele você consegue pesquisar em um array um elemento e ele retorna apenas aquele elemento, ai você vai poder usar.
A minha principal dificuldade com o js, é o próprio js... Brinks
Kkkkk bem normal
Amigo o meu retorna a pagina html em branco. Precisa algum complemento>
O código está idêntico
Creio que você esta fazendo algo errado amigo, pode ser em adicionar o js no html por exemplo, ou não esta colocando o id certo.
Me manda uma foto do codigo no insta. instagram.com/evertondev/
É possível gravar dados nesse arquivo JSON usando apenas o JavaScript? Tenho que fazer um programa simples, apenas registrar o momento q usuários clicam em alguns botões e o momento que param de assistir um vídeo. O site esta hospedado na Hostinger, não tem suporte a Asp.Net Core e nem ao NodeJS (conheço um pouco dessas).
Recomendo você ativar o ssh da hospedagem e instalar o nodejs, com isso você consegue criar uma api para salvar os dados em um banco de dados como o mongodb ou mysql.
Não recomendo editar o JSON não é uma prática segura.
@@evertondev vc tem algum vídeo sobre essa ativação do ssh?
Você precisa mandar msg no suporte, e pedir para eles.
@@evertondev muito obg pela informação!! Abraços
olá, e se o arquivo estiver do tipo D:/PLA/CFG/CONFIG.JSON como ficaria o fatch ? , já tendei de todas as formas, mas não leu
Você precisa especificar o caminho partindo do local do arquivo, para voltar a pasta usa ..
@@evertondev Olá, grato por sua resposta, mas, minha pasta de exercícios java fica na unidade c:\java\projetos e o arquivo que quero abrir fica na pasta D:/PLA/CFG/db.json , e mesmo colocando o caminho não abere , já tendei com file:/// e tudo que podia tentar, faça ai você um teste quando tiver tempo e me passa um feedback ok. grato
Opa, boa tarde o meu quando eu faço a parte do li ele fica como resultado ${usuario.nome} ele nao identifica o valor, sabe dizer como corrigir?
Você esta colocando aspas simples eu acho, o certo é colocar crase `${usuario.nome}`
Tentei fazer assim, mas o console retorna "Uncaught (in promise) SyntaxError: Unexpected token '
No codigo fala qual é a linha?
Entra no nosso servidor do Discord que eu posso te ajudar qualquer coisa.
discord.gg/fSFj9TnT3D
Tentei aqui mais meus navegadores não permitiram, nem o Chrome nem o Edge, falaram q deram um problema de política no CORS
Você está fazendo acessando o arquivo ou alguma API?
Para ser resolvido você pode aplicar um mode: cors, segue o exemplo.
developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch#fazendo_as_requisi%C3%A7%C3%B5es_fetch
estou com o mesmo problema
O navegador está bloqueando a requisição ao arquivo dados.json devido à política de CORS (Cross-Origin Resource Sharing). Para resolver esse problema, você precisa hospedar os arquivos em um servidor web, mesmo que seja local. Se estiver usando o VS Code instale a extensão "Live Server"
Muito Obrigado pelo video Everton, ajudou muito !!! Uma duvida, vamos supor que eu tenha um array com 100 objetos, mas quero apenas mostrar 10 na minha pagina, e o restante colocar nas paginas seguintes... Qual método devo usar ?
É possível fazer isso utilizando vários modos, a mais simples de eu explicar por comentario basicamente você vai pegar a quantidade total, dividir pela quantidade de item que você quer mostrar em cada pagina, com isso você vai conseguir a quantidade de paginas que existe, então você consegue usar o numero da pagina para definir qual vai ser o primeiro elemento que vai aparecer naquela pagina e qual o ultimo, exemplo:
Tenho 21 itens e que que mostre apenas 5 itens por pagina, dividindo vou ter 4,2.
Minha primeira pagina vai ser os itens 0 * 5 + 1 até 1 * 5, na minha segunda pagina vai ser do 1 * 5 + 1 até 2 * 5, na terceira pagina vai ser do 2 * 5 + 1 até o 3 * 5, quarta pagina 3 * 5 + 1 até 4 * 5, e a ultima pagina vai ser 4 * 5 + 1 até 5 * 5, na ultima pagina vai ter apenas 1 registro mas a pagina vai ser gerada mesmo assim.
www.braziljs.org/p/criando-um-sistema-de-paginacao-simples-com-javascript
Esse artigo pode te ajudar.
Muitissimo obrigado cara uma aula excelente você vai muito longe e espero mesmo para me salvar mais vezes. kkkk
Só um duvida, como eu faço para pegar e dar um print no nome do objeto e colocar ele no html, por exemplo, fazer com que antes de José aparece o nome a que ele se refere:
nome: José - 22 anos
é possível pegar esse "nome" direto do JSON?
Agradeço chefe e sucesso.
Você pode usar o Object.keys, vou deixar um exemplo aqui em baixo.
var myObject = { a: 'c', b: 'a', c: 'b' };
var keyNames = Object.keys(myObject);
console.log(keyNames); // Outputs ["a","b","c"]
Só faltou os input para inserir os dados, mas ajudou muito
Sim, mas como o indicado em organizar informações no JSON é que apenas manipule, se for para inserir, alterar e deletar recomenda-se usar um banco de dados.
@@evertondev mas vou te falar seria de grande valia um vídeo onde vc ensinasse a pegar os dados de input de um form e organizar em um json simulado um banco de dados, oque vc me diz?
Posso atribuir 2 arquivos de json diferentes em um mesmo método como esse? É que eu tenho 2 carrossel e não consigo fazer com que apareça na tela com um json só.
Pode até mais, creio que seja o modo que você esta chamando o arquivo.
Crie uma função para poder reaproveitar o retorno.
@@evertondev me ajuda aí professor
class Products {
async getProducts(){
try{
let result = await fetch("products.json");
let data = await result.json();
let products = data.items;
products = products.map(item =>{
const {title, price} = item.fields;
const {id} = item.sys;
const image = item.fields.image.fields.file.url;
return {title, price, id, image};
});
return products;
}catch(error) {
console.log(error);
}
}
}
Preciso que ele leia, mais toda vez que chamo o segundo json, dá erro e não consigo visualizar no display corretamente
Eu conseguiria escrever isso diretamente em um .txt e logo efetuar o download só utilizando os códigos? Obrigado!
Pode sim, pesquise por ActiveXObject("Scripting.FileSystemObject") que pode ajudar você
Valeu!
Meu vídeo virou project.json ajuda nois
Não entendi o comentário rsrs
@@evertondev meu vídeo se transformou em um arquivo json
Boa
como eu faria para deletar ou atualizar esses dados?
O ideal é você criar uma api e realizar uma conexão com o banco de dados, ouu armazenar no navegador, mas não seria escrito no arquivo
O meu retornou o seguinte erro :
Uncaught (in promise) SyntaxError: Expected property name or '}' in JSON at position 24
Você poderia me ajudar já tentei de muitas formas resolver mas não consigo
deve ser algum erro no próprio JSON, mas precisaria olhar o arquivo em si
Obrigado já consegui corrigir
Você usou o nodejs ou apenas o servidor iis?
Neste caso não estou usando servidor, apenas estou usando o arquivo com os dados JSON.
Se você quiser aulas particulares de desenvolvimento web para iniciantes minha mentoria esta aberta, só precisa me mandar msg no instagram @Evertondev
essa resposta já e JSON ? - PORQUE PRECISO CONVERTELA DE NOVO SE O ARQUIVO JA É .JSON
Por que a leitura do arquivo pelo fecth retorna o conteúdo da solicitação como um texto, o arquivo pode ser um Json e tem uma estrutura Json, mas o fecth quando executa retorna como fosse um texto corrido, então precisa converter para organizar a estrutura
@@evertondev o retorno usuários. Mesmo eu retornando a chave do json e preciso colocar .usuários
O .usuários é onde está todos os objetos por isso precisa
aaanão fessor, meu deus isso tudooo, pra conecta json com html.........
Para você ver, qualquer coisa só falar.
ok@@evertondev
é... não é fácil imprimir dados do json não
Com a pratica vai chegando.
Não tem um jeito mais simples de ler um arquivo JSON?
Pelo incrível que pareça essa é a forma mais simples que existe.
Se você quer apenas ver o conteúdo e não criar uma pagina html para usar os dados, você pode abrir o arquivo json no bloco de notas.
Não sei se a pergunta foi essa mas foi isso que entendi rsrs
mais ingual