Só tomar cuidado no uso, isso vem do primórdios do javascript, e é chamado de named elements, a própria W3C desencoraja o seu uso e aconselha usar os métodos document.getElementById() ou document.querySelector(). Acredito pelo fato de ser global e facilmente ser sobreescritos.
Muito boa a aula entendi tudo. No meu fiz algumas alterações como permitir colocar os dados do usuário através de um formulário e apagar o usuário através do nome ao invés do id aí criei mais um formulário pro usuário colocar o nome dele e assim ele apaga
Fiquei com muita vontade de implementar esses conceitos em um projeto da faculdade 👏👏👏 muito obrigado . Só fiquei curioso como poderia fazer o consumo dessa api para A gerar um arquivo json no web storage do usuário cadastrado ?
olá, eu usei esse código para acessar um jornal, recebi a página html e queria pegar somente os textos ou os links das notícias... tem como eu fazer isso só com javascript? sem usar cheerio ou selenium ou puppeteer? Que comando eu usaria para fazer isso? obg
Muito bom, podemos dizer então que o axios te fornece os métodos como post, put, update, delete e get de maniera mais simplificada do que fariamos com o fetch?
Fiz um deploy com fly to usando axios typescript na API e coloquei o link do dominio no Front End na API para comunicar com o Back e não tá dando certo, tá dando certo se eu colocar o LocalHost do Desktop com o IP local mas se colocar link do dominio não vai 😢
No Windows não atualiza e nem deletava, mesmo com tudo certo. Fui na aba "console" e mostrou "//", com isso ao utilizar o id, utilize sem a "/". Observe que na parte do "id 4", depois da {url} não utilizei a "/". No meu ficou assim: function updateUser(){ axios.put(`${url}4`, userUpdated) .then(response => { alert(JSON.stringify(response.data)) }) .catch(error => console.log(error)) }
Muito interessante. Seria uma forma satisfatória usar esse tipo de recurso para persistir dados, em projetos simples? É complicado criar essa api para esse fim ou um servidor que permita isso?
Gente, uma dúvida: quando a Jake fez o "post", ela não precisou especificar o o que era o body, e nem o tipo de conteúdo que estava sendo enviado. O Axios entende isso automaticamente?
Isso mesmo Felipe, mas se você quiser pode definir o content type e passar mais coisas no header, passando como argumento dentro do .post() seguindo a doc do axios pra não ter erro ;)
Faaaaala, Gustavo! Beleza? Não não! Você pode ir em: Discover >> Conectar >> Acessar Trilha e clicar na aba *O que você vai aprender* . Ali estão todas as aulas! 💜 🚀
o axios ainda é a melhor opção, a unica vantagem do fetch e que ele é da biblioteca react tecnicamente é mais performatico porém o axios ainda é mais seguro
A api só se comunica com o backend, na vdd, são varias as estruturas, as vezes vc tem um backend que faz um serviço completo com apenas uma requisição simples, e a API é só qem repassa e encaixa os parametros
Com Todo respeito essa história do chefe de cozinha e garçom é o pior exemplo e maneira de falar o que é uma API... Passei meses sem entender bosta nenhuma. Até meu professor falar que meu controller é a API😂
Pessoal, eu estava com um problema... e consegui ajeitar com a ajuda do meu irmão, pra quem está fazendo um teste e precisa usar uma KEY, utilizando o metodo post coloquem o seguinte, axios.post(url, dadosQueVoceQuerInserir,{header:{chave:"sua chave aqui"}}), assim você vai conseguir utilizar e não vai mais dar errors de request ou algo do tipo ;)
![[#2024MAMA] BIGBANG (빅뱅) - 뱅뱅뱅 (BANG BANG BANG) + FANTASTIC BABY | Mnet 241123 방송](http://i.ytimg.com/vi/EQsYfiPR9uM/mqdefault.jpg)
Fiquei sabendo nesse vídeo que dá pra selecionar o elemento pelo id sem declarar o querySelector ou getElementById.
Show de bola.
Só tomar cuidado no uso, isso vem do primórdios do javascript, e é chamado de named elements, a própria W3C desencoraja o seu uso e aconselha usar os métodos document.getElementById() ou document.querySelector(). Acredito pelo fato de ser global e facilmente ser sobreescritos.
"ReferenceError: renderResults is not defined" estou recebendo esse erro
a didática da Jake é impressionante, foram os 50 minutos mais rápido da minha vida
Ela é fera, né? 💜 🚀
meu DEUS!!!... essa moça é muito carismatica uhauhahua adorei!
Jake é MT minha mãe. Aula perfeita, tudo q essa mulher ensina eu aprendo ❤
O conteúdo que estava tanto procurando hehe. Jake é muito boa como professora! 👏👏👏👏👏
Tmj ❤️🚀
Impressionante, acho que é o melhor vídeo do assunto que encontrei.. explica tudo certinho, passo a passo. Parabéns!
impressionante como ela conseguiu tirar minhas duvidas de como conectar o front com o backend, de uma forma tão simples, obrigado pelo ensinamento.
Muito obrigado Jake, to a uma semana tentando entender esse troço. seus 50 minutos foram valiosos
Conteúdo incrível Jake! 😍😍😍😍
AULA INCRIVEL PENSEI Q IA SER UMA LUTA APRENDER ISSO ,MAS FOI SUPER FACIL ELA MUITO BOA
Não se acha conteúdo com tanta qualidade assim facilmente, parabéns Jakeline!
CARA, QUE AULA! PARABÉNS VC EXPLICA P QUEM REALMENTE N ENTENDE. TOP TOP TOP
Didática extraordinária, faz com que pareça fácil!!
Conteúdo top. Comecei os estudos em backend recentemente e finalmente estou compreendendo coisas que antes não fazia ideia haha
C louco, melhor analogia para explicar o conteúdo 👏🏾👏🏾👏🏾
Faaaaala, Hermes! Ela mandou bem demais, né? 💜 🚀
Excelente vídeo!!! Me ajudou a entender de forma fácil como usar o axio com api e de quebra a como fazer um CRUD 😁😁
Show rocketseat e Jakeline!!! Conceitos muito importantes. Obrigado
Que massa que curtiu, André! 💜 🚀
Parabens voce tem uma didatica execelente, aprendi muito com esse video.
Vc é mto boa!!! Ajudou mto!!! Obrigado pela aula!!!
Conteúdo Show, didática show dobrado. Parabéns Jake você é 10.
Woow! Que feedback show! Valeu demais, Clisciano! 💜 🚀
Que video leve de assistir. Parabens.
Excelente didática, parabéns Jake, muito boa explicação e conteúdo!!!
Que aula Jake, meus parabéns e muito obrigado por uma aula tão proveitosa !
Wooow! Que massa que curtiu, Breno! Feliz demais por esse feedback! 💜 🚀
Era exatamente o que eu estava procurando. Muito obrigado!!!!!
Wooow! Que massa que curtiu o conteúdo, Everson! 💜 🚀
Nem parece que o vídeo tem 50 minutos. Excelente!
Incrível, Jake! 😍
Me salvou Jake, não achava conteudo que explicava tão bem assim já fazia tempo. Parabens pelo trampo!!!
Melhor professora 😍👏🏾👏🏾👏🏾
Ela é fera, né, Junior? 💜 🚀
Está de parabéns, didática excelente.
HAHAHAH "Sua compra foi realizada, você está endividado com sucesso!" (6:13)
Salvou minha vida com essa aula
Muito top Jake! Obrigadão! 😊
Excelente didática! Sempre ajudando muito :)
Ótima explicação! 👏
Esse conteúdo está show de bola! Parabens Prof 👍
Que massa que curtiu a aula, Edimilson! Valeu demais pelo feedback! 💜 🚀
Que aula Excelenteeee!!!
Adoro todos os conteúdos da RocketSeat. Parabéns Jack... sucesso.
Geralmente é o auxiliar de cozinha que faz isso.
Melhor didática que já vi, parabéns, maravilhosa essa aula
Esse video salvou meu dia !! Simplismente MARAVILHOSO.
Aula incrível! Parabéns pela didática.
que didatica fod4 !!!
Explicação TOP demais!
God bless!
Aula boa demais!! Parabéns!!
Muito boa explicação, ajudou demais. Valeu 👍.
Muito boa a aula entendi tudo. No meu fiz algumas alterações como permitir colocar os dados do usuário através de um formulário e apagar o usuário através do nome ao invés do id aí criei mais um formulário pro usuário colocar o nome dele e assim ele apaga
Gostei da sua aula
Que massa que curtiu! 💜 🚀
Sensacional
Que aula sensacional, parabéns Jacky que te amo!
Ela é fera, né, Marcos? Valeu demais pelo feedback! 💜 🚀
0:10 Qual a diferença de usar o axios para o fetch nesse caso?
Fiquei com muita vontade de implementar esses conceitos em um projeto da faculdade 👏👏👏 muito obrigado . Só fiquei curioso como poderia fazer o consumo dessa api para
A gerar um arquivo json no web storage do usuário cadastrado ?
tenho uma duvida como ela acessou o DOM sem usar um querySelector ou algo do tipo.
Parabéns, que aula! ! :D
Que show que curtiu, Anderson! 💜 🚀
Que didática em Jakee! Vlww 🚀💜
Sem vídeos são bão sem medida fala, tela domínio de código sou de Goiânia, Goiás
Parabéns Jaque. muito boa a didática e o assunto é muito proveitoso. .. uma curiosidade, qual app você usa para gravar esses videos?
Todos agradecimentos do mundo podeira criar um desse usando ejs ❤🎉🎉🎉
Aula muito boa, obrigadaa!
porque voces nao fala sobre o cross, tbm nao faz o get externo para dar erro de cros a sim e facios
Jake me tira uma duvida porque o return não funciona para o .then response.data?
Poderia dar uma aula de como enviar esses dados da API GRT para um banco.
Que legal
Que show que curtiu, André! 💜 🚀
@@rocketseat To sempre acompanhando vcs
olá, eu usei esse código para acessar um jornal, recebi a página html e queria pegar somente os textos ou os links das notícias... tem como eu fazer isso só com javascript? sem usar cheerio ou selenium ou puppeteer? Que comando eu usaria para fazer isso? obg
Muito bom, podemos dizer então que o axios te fornece os métodos como post, put, update, delete e get de maniera mais simplificada do que fariamos com o fetch?
Ela é excelente! :)
Qual o link do curso, que você esta se referindo no final do video para aprender melhor sobre api obrigado
Fiz um deploy com fly to usando axios typescript na API e coloquei o link do dominio no Front End na API para comunicar com o Back e não tá dando certo, tá dando certo se eu colocar o LocalHost do Desktop com o IP local mas se colocar link do dominio não vai 😢
Olá! Poderia dar uma aula de como criar uma tabela com estes resultas do JSON. Abraços!
Eu juro que esse vídeo, apareceu no momento que eu estava pensando...
Será que o Axios é legal?
Eu gosto muito, na documentação dele tem umas funcionalidades legais que facilita bastante. Também da pra usar com async await
Na minha opinião a melhor biblioteca para requisições HTTP no ambiente JS/TS.
Como faz para efetuar uma função/animação de carregamento no front end puro?
No Windows não atualiza e nem deletava, mesmo com tudo certo.
Fui na aba "console" e mostrou "//", com isso ao utilizar o id, utilize sem a "/".
Observe que na parte do "id 4", depois da {url} não utilizei a "/".
No meu ficou assim:
function updateUser(){
axios.put(`${url}4`, userUpdated)
.then(response => {
alert(JSON.stringify(response.data))
})
.catch(error => console.log(error))
}
Muito interessante. Seria uma forma satisfatória usar esse tipo de recurso para persistir dados, em projetos simples? É complicado criar essa api para esse fim ou um servidor que permita isso?
Seria possivel fazer um tutorial usando o interceptor do axios???
Mt bom
Como faço pra
fazer login com user e password e guardar o token internamente.
Desse token sacar o NOME e EMAIL e mostrar no ecrã
?
Na hora de passar o JSON pro html , como faz pro objeto não ficar entre aspas?
Gente, uma dúvida: quando a Jake fez o "post", ela não precisou especificar o o que era o body, e nem o tipo de conteúdo que estava sendo enviado. O Axios entende isso automaticamente?
Acredito que o axios só trabalhe com json, por isso não é necessário especificar o media type da requisição
Isso mesmo Felipe, mas se você quiser pode definir o content type e passar mais coisas no header, passando como argumento dentro do .post() seguindo a doc do axios pra não ter erro ;)
Os dados ficam armazenados em tempo de execução, correto? Se restartar o node, já era.
O conteúdo/aulas do Discover no site, é somente aqueles vídeos das nlw?
Faaaaala, Gustavo! Beleza? Não não!
Você pode ir em: Discover >> Conectar >> Acessar Trilha e clicar na aba *O que você vai aprender* . Ali estão todas as aulas! 💜 🚀
Excelente, como sempre.
Hoje o fetch consegue substituir completamente o axios, ou ainda tem a algumas facilidades que o fetch não implementou?
o axios ainda é a melhor opção, a unica vantagem do fetch e que ele é da biblioteca react tecnicamente é mais performatico porém o axios ainda é mais seguro
Jake, e se você fizesse a sua aplicação, como seria?
como eu exibo um response do axios post request?
E para fazer login?
32:50 putz eu escrevo muito errado também isso me quebra. =]
Acontece nas melhores famílias... 👀 😜 💜
Tô me sentindo burro, todo mundo dizendo que a aula foi top demais e eu aqui sem entende nada 😥
A API é o backend ou ela só se comunica com o backend?
A api só se comunica com o backend, na vdd, são varias as estruturas, as vezes vc tem um backend que faz um serviço completo com apenas uma requisição simples, e a API é só qem repassa e encaixa os parametros
O banco de dados é a geladeira rs
Lindinha
Copiou o exemplo do maykão.
Exatamente ❤️
Ou será que eu copiei da Jake ? 🤔 hihi
Também entendi no vídeo antigo com o mykão aquele de criar com o node e consumir com o fetch
E depois simplificar com o async await
Com Todo respeito essa história do chefe de cozinha e garçom é o pior exemplo e maneira de falar o que é uma API... Passei meses sem entender bosta nenhuma. Até meu professor falar que meu controller é a API😂
Por que colocaram a poha de uma Muié nesse vídeo kkk
Porque ela explica muito melhor do que você explicaria se soubesse fazer isso
Pessoal, eu estava com um problema... e consegui ajeitar com a ajuda do meu irmão, pra quem está fazendo um teste e precisa usar uma KEY, utilizando o metodo post coloquem o seguinte, axios.post(url, dadosQueVoceQuerInserir,{header:{chave:"sua chave aqui"}}), assim você vai conseguir utilizar e não vai mais dar errors de request ou algo do tipo ;)
2:20 Jake.jsx import Exemplo from "@evento/NLWHeat" hauhuahauhuahahuhauha
Melhor analogia sobre front, back, api, banco de dados que já ouvi.