APRENDA FETCH API DE JAVASCRIPT COM PROJETO

[@MatheusBattisti]

🔴 Conheça noss curso completo de JavaScript: app.horadecodar.com.br/course/curso-de-javascript-completo

[@arthurpimenta8829]

Foi Deus namoral kkkkk eu estava estudando e cheguei na parte de promisses, async e await, e até ai de boa tinha um conteúdo do seu canal sobre os assuntos, ai procurei sobre fetch api e não achei.. ai hoje abro o youtube e aqui estamos kkkk obg Deus, recebaaa

[@MatheusBattisti]

hahahaha boa Arthur!

[@chenriquep_]

é muito satisfatório encontrar um professor com uma excelente didática. Parabéns, ótimo conteúdo

[@antihero7003]

O cara é meu professor de SQL, PHP e agora de Javascript. Parabéns professor, tudo de bom e obrigado pelo excelente conteúdo!!!!

[@walterfabri8852]

Que aula perfeita! Procurei diversos vídeos sobre fetch, promises, async e await. Os seus vídeos além de ensinar, mostram exemplos práticos de como isso funciona! Nota 10

[@eduardoribeiro9497]

Graças ao seu vídeo criei coragem e fiz um projetinho para acessar a API da câmara dos deputados, eu consegui! muito obrigado guerreiro!

[@MatheusBattisti]

boa Eduardo!

[@StilyLone]

Obrigado professor, terminei seu curso e agora estou me aprofundando um pouquinho mais em js, achei que nunca iria aprender js ou qualquel outra linguagem, mas, com sua didatica, estou me superando cada vez mais, Obrigado professor, Deus te abençoe.

[@wesleynunes8290]

Pessoal, quem recebeu "Cannot get /post.html": Se seu index e post.html do projeto estiver em uma pasta assim, sendo "projeto" a raiz e não uma subpasta do seu code: C:\Programaçao\testes\projeto Seus html estão na raiz do projeto. Para resolver basta tirar a barra "/" em "`/post.html?id=${post.id}`" a barra da linha: link.setAttribute("href", `/post.html?id=${post.id}`)

[@forati]

Oi professor. Acabei neste momento a playlist de JS. Apesar de trabalhar com muitos assuntos tratados nos seus vídeos, é muito bom assistí-los para entender melhor conceitos e teorias que a gente meio que só sabe na prática. Além disso, é comum ver nas suas aulas algumas estratégias e técnicas interessantes. Sinto não ter clicado no curtir em todos os vídeos da série, a gente acaba esquecendo, mas saiba que estou muito agradecido pelos vídeos e gostei de cada um deles. Assistir a playlist na sequência acaba fazendo com que a gente pule os começos e finais. Entendi perfeitamente que você precisa se apresentar, pedir likes, informar sobre o livro, fazer propaganda dos cursos em cada vídeo, etc. pois deve ser comum pessoas acessarem vídeos específicos. Não tem muito jeito, essa não é uma necessidade que o utube impõe. Esta não é a primeira e nem será a última série do seu canal que vou acompanhar. Abraços e ótima semana.

[@andersonmendes-p5l]

Parabéns Matheus, muito bom cara, deixando o like

[@isaque5811]

Aeee, assistindo essa vídeo aula e pesquisando por fora, entendi como funciona e consegui implementar um API no meu projeto de conversor de moedas. Valeu, agora entendi o conceito e como aplicar o fetch e utilizar os dados. Entendendo a base vou poder me aprofunda mais e utilizar de forma mais complexa

[@ailtonjunior7685]

Como sempre muito bom conteúdo Matheus, Deus te abençõe !!!

[@rafaadesign]

Sensacional... !!! Parabéns professor, seus cursos são muito esclarecedores.

[@tchuninhydd3192]

Muito obrigado, adoro os seus cursos

[@viniciusm.m.7822]

Excelente, prof. Matheus! Obrigado, cara! Deus abençoe você!

[@MatheusBattisti]

valeu Vinicius, tamo junto!

[@thompsoncadu]

Obrigado Professor Matheus pelo material com excelente conteúdo, com exemplo de projeto interessante e pela didática clara e objetiva. Parabéns e continuado sucesso!

[@andremorelliduartesantos5367]

Obrigado Professor. Ótima aula.

[@reading-ambience-e8f]

Aula fantástica, muito obrigado!

[@mariomedeiros296]

Valeu Matheus !!! Muito obrigado, mais uma excelente dica e suas explicações são diretas de facil entendimento.

[@MatheusBattisti]

obrigado por acompanhar também Mario, te espero no próximo =)

[@diogoalbertor.kirchoff5275]

Excelente didática! Fiz seu curso de React aqui no KZbin e sigo assistindo suas aulas. Excelente didática!

[@r4ulzito]

Aula excelente! Aprendi muito, gostei muito do projeto, me diverti demais!

[@MatheusBattisti]

valeu Raul!

[@manuelhonoredesousa]

Muito BOM TEMA... Estava mesmo a procura...

[@MatheusBattisti]

valeu Sousa, bora pro vídeo entao =D

[@reginaldofonseca4347]

Esse video caiu na hora exata! Obrigado Matheus!

[@MatheusBattisti]

show Reginaldo, de nada =D

[@reginaldofonseca4347]

@@MatheusBattisti acabei de assistir, mto bom! no final de semana fiquei batendo cabeça com a parte da requisição POST pq não sabia q precisava do header.

[@Fague_0]

esse cara é brabo apenas, ajudou demais

[@helenosalgado7453]

Muito obrigado professor! Já havia alguns dias que eu estava querendo entender essa API.

[@MatheusBattisti]

de nada Heleno!

[@brunocorrea_br]

mais um vídeo top, to sempre acompanhando!

[@MatheusBattisti]

obrigado por acompanhar Bruno!

[@thaisleikap]

Ótima aula! Obrigada por compartilhar!

[@zieryreis6663]

La no começo eu estudava essa parte do front, ja manjava bastante, depois mudei pro back-end, mais especificamente construção de api com spring boot. Agora, querendo testar minhas APIs na prática, to tendo que rever front, basicamente do zero kkk

[@ronoelfrancisconascimentod2219]

Parabéns Matheus, quem quer aprender a programar tem uma ótima referência nesse canal.

[@MatheusBattisti]

muito obrigado Ronoel =D

[@thescriptkiddie]

Como sempre um ótimo conteúdo, professor. Obrigado!

[@FernandoHenrique-ni3qg]

Boa mateus. Excelente ideia de vídeo.

[@MatheusBattisti]

valeu Fernando, semana que vem trarei um projeto bem legal utilizando o mesmo recurso =D

[@aranagency]

Excelente. Bem dinâmico e didático. Curtindo as aulas

[@MatheusBattisti]

valeu Abraão! =)

[@henriquearaujo8474]

Didática excelente. 🤜🤛

[@MatheusBattisti]

valeu Henrique!

[@pedrobrandao23]

Excelente projeto! Simples e bem explicativo para quem precisa compreender o conteúdo!

[@MatheusBattisti]

valeu Pedro!

[@mpsbrasilia]

Somos gratos por seus ensinamentos e tem me ajudado muito. Obrigado !!!

[@MatheusBattisti]

valeu Marcos, obrigado por acompanhar =)

[@weslleyfelipe7334]

você é muito bom !!

[@MatheusBattisti]

tamo junto Weslley!

[@rivaldosouza362]

Rapais show de bola, estou no curso de vue também, muito obrigado pelo seu conteúdo.

[@MatheusBattisti]

de nada Rivaldo =D

[@superaula3458]

Olá, Mateus obrigado pelo conteúdo ! , a muito tempo venho querendo da um curso de html5 projeto meu mas queria um video ensinando a criar uma sistema de autenticação de login para que o usuario so possa entrar com email e senha, com ainda nao chegeui nesse nivel seria uma boa.

[@farleyleite8046]

Muito obrigado pelo conteúdo, me ajudou muito!

[@MatheusBattisti]

de nada Farley!

[@TheElcayro]

projeto excelente

[@Tux256ND]

Deixando aqui a resposta pra uma coisa que me consumiu bastante tempo, caso mais gente venha a passar pelo mesmo. Não ter o fechamento da tag estava bugando o que deveria ser visto depois que clicasse no botão "ler". Depois de adicionado o fechamento, o bug some.

[@eletrotech51]

Muito bom

[@mateusvitorino]

Maravilhoso o conteúdo! Parabéns!

[@MatheusBattisti]

valeu Mateus, tamo junto!

[@zerielribeiro5787]

Show de bola!!!! Muito bom

[@MatheusBattisti]

valeu Zeriel!

[@MrEveraldo1970]

Valeu Battisti! muito obrigado

[@raimundoclessyo8943]

Muito obrigado pelo conteúdo!

[@pedrocfreitas]

Professor, tem alguma aula ensinando como formatar textos inseridos via JS? porq formar um texto todo eu entendo q é possível via css normalmente, mas por exemplo, inserir uma spam em uma frase especifica e formatar... ai tem q usar vários métodos né? buscar frase, inserir essa frase dentro do spam, atribuir a classe e taus...

[@GordaoCoder]

top vo fazer e colocar no meu git parabens

[@MatheusBattisti]

boa Andre!

[@gian2570]

Muito bom! Obrigado

[@kbgalvao]

Já tenho alguns cursos seus na udemy conteúdo de qualidade

[@MatheusBattisti]

valeu Kleber =D

[@caiodouglas6062]

Professor, tenho uma duvida: Posso usar o fetch sem o async await/promise? Eu fiquei com duvida o pq vc usa o fetch dentro de uma promise, sendo q o fetch ja retorna uma promise

[@adryelmartins6943]

Obrigado pelo o conteúdo!! Sensacional

[@bubumusicbrazil]

Mano, muito obrigado pela Aula, era tudo que eu precisava

[@MatheusBattisti]

de nada Gabriel!

[@daniloleite1523]

Boa, Matheus!!! Tô aprendendo o React no teu curso aqui no KZbin, na aula 23, 24 a gente usa o Fetch... Daí passei aqui pra ver direito como funciona... Logo vou conseguir um emprego e vou postar aqui no seu canal, mano!!! Valeu, parceiro, pela força, pela iniciativa!!! Fica com Deus!!!

[@MatheusBattisti]

boa Danilo, estou no aguardo da sua vaga =DD abraço

[@luckingbr2047]

Vc conseguiu o emprego?

[@mbfreitas0]

Excelente Aula !!! Muito Obrigado !!!

[@fernandocoelho1334]

Descobri hoje que esse recurso, também funciona no Django.

[@wellingtongomes2583]

27:43 professor não entendi o pq da desestruturação, poderia por favor me explicar? o que está sendo desestruturado?

[@rafael98php]

Sensacional!

[@MatheusBattisti]

valeu Rafael!

[@rafael98php]

@@MatheusBattisti já fiz o projeto, pratiquei e coloquei no meu github para futuras consultas kkkkkk . Muito top

[@SrAspone]

Muito bom! Obrigado!

[@asaphferreira6448]

Maneiro demais professor, estou tendo uns bugs mas deve ser pq não estou usando um localhost, mesmo assim obrigado

[@kaue3870]

eu tambem

[@Victorbicalhoa]

Conteúdo top!

[@gabrielamenezes1794]

O uso do método Promise.all dentro da função assíncrona getPost(id) era só porque queríamos fazer 2 requisições ao mesmo tempo? Se quiséssemos fazer uma única poderia ser feito sem a Promise?

[@mayconcabral9764]

Uma simples duvida, sobre o fetch, ele trabalha com os promisses, no caso do .then e o .cath por que nao utilizou eles ? ou nem sempre é necessario utiliza-los ?

[@wess_eletronica]

então to com muitas duvidas, vamos lá, eu queria pegar todos esses dados da api e colocar como variável para ser acessados. como faço?

[@vitorhugo-zary]

Muito Bom!

[@josecarlossilva7136]

Vídeo TOP...

[@MatheusBattisti]

valeu!

[@rivaldosouza362]

Rapais o projeto vai simples, do nada surge um promise.all delicinha, isso sim que é uma cartada.

[@MatheusBattisti]

haha melhorar a performance dos requests =D

[@JpGamer02]

de onde vc tirou essa URL?

[@Videosuser]

ótimo tutorial.

[@ReginaldoRadel]

Show 👍

[@MatheusBattisti]

valeu Reginaldo!

[@guilhermeantoniojesus9190]

Estou com problemas! Não consigo acessar a página dos posts por conta de um erro 404 onde consta que a página não foi encontrada. Eu segui o passo a passo do vídeo e até coloquei o código do vídeo na minha maquina mas o erro permanece, se alguém puder me ajudar...

[@wesleynunes8290]

Fala Guilherme, aqui também cara! Consegui resolver?

[@wesleynunes8290]

Eu consegui. Tenta assim: na linha link.setAttribute("href", `post.html?id=${post.id}`) tira a "/" antes do post

[@adrian-4767]

Matheus Battisti Qual é a data provisória do calendário para você lançar um novo curso na Udemy? Uma data aproximada.

[@ricardojunior7867]

Professor, bom dia. Como faço para adicionar um texto 'carregando...' durante uma requisição da API?

[@adriansodre7577]

muito bom!

[@natanribeirobarbosa2127]

gostaria de saber como se enviam esses dados para o front-end...

[@genuinobrasileiro]

no meu, logo no começo, onde vc passa um console log, aparece fetch not defined

[@gomes2191]

O bravo!

[@netopaiva5564]

Muuuuuito booooommmmmmmmmmmmm!!!!!!

[@leonardotroffer8979]

tentei fazer, mas deu erro no classlist

[@alveselivelton]

Vídeo incrível, só esqueceu de colocar o ":hover" no input submit lá no CSS

[@luckingbr2047]

Não esqueceu não kkkk

[@alveselivelton]

@@luckingbr2047 esqueceu sim, ele só aplicou no "a"

[@luckingbr2047]

@@alveselivelton mas o "a" era o input submit dele lkkkkk tanto q se vc for na pagina principal, todos os botões que tem lá são os input submit

[@alveselivelton]

@@luckingbr2047 errado, ele colocou a:hover, input[type:submit] e faltou o :hover, eu coloquei no meu

[@alveselivelton]

Faltou colocar o pseudo seletor

[@gessiaconrado1893]

👏

[@kuse7366]

Matheus, te adotei como mentor na faculdade, obrigado kkkkk

[@arthurpimenta8829]

21:00

[@user-bh2ly3qi3t]

Pow leva a mal não professor eu sei que pode ser que seja chato mas nenhum projeto seu que eu tento fazer funciona ou da certo eu escrevo tudo como vc escreve mas ... Não vai .... Agora dessa vez o live server tá mostrando "refuse to apply style from " e depois "uncaught (in promise) typeerror cannot trás properties of null ,não é possível

[@VitorSilva-cj9my]

TA DANDO A MESMA COISA NO MEEEEEEEEEEEEEEEEEEEEEEEEU AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH AJUDA A GENTE AÍ MATHEEEUS

[@VitorSilva-cj9my]

Descobri papai, tira o script src do head, coloca no body

[@VitorSilva-cj9my]

Agora o meu ta dando esse mesmo erro só que no div.appenChild(div)

[@luckingbr2047]

@@VitorSilva-cj9my eae, vi q tu colocou esse comentário agr pouco, to fazendo agr, qualquer duvida tu pode me ajudar?

[@VitorSilva-cj9my]

@@luckingbr2047 vllw papai, fiz no meu outro pc e deu certo '-'

[@profsatiroramos]

Os comentarios ficam gravados ou sao destruidos apos atualizar a pagina?

[@patrickvelasques6587]

Se você fizer do jeito que ele explica na aula, os comentários que você adicionar vão sumir, pois ao abrir a página você vai ter a página em branco e ira fazer um get de todos os comentários via API. Os dados só ficariam salvos se você fizer o request através de um arquivo json local

[@Tomita84]

Não consigo encontrar o problema no codigo que fiz... Qdo clico no botão "LER", e ele vai para a página /post?id=1, ele da erro de Cannot GET /post.html

[@Tomita84]

Opa ... Falha minha .... Meu projeto estava numa subpasta /xpto/index.html .... adicionando esse caminho no js, deu tudo certo!

[@MatheusBattisti]

⭐Conheça a Formação Front-end (+50 de horas de conteúdo, +20 de projetos) para você se tornar um dev front-end: www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE

[@sansaosilveira9361]

scripts.js:44 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'appendChild') at scripts.js:44:20 at Array.map () at getAllPosts (scripts.js:29:8)

[@scarlatybonfim1461]

como resolveu? tô com o mesmo erro :(

[@lucasmoreira437]

Como faço pra acessar os dados de uma api GET passando usuario e senha?

[@luckingbr2047]

Acessando

[@lucasmoreira437]

@@luckingbr2047 fora zoeira, era autenticação

[@luckingbr2047]

@@lucasmoreira437 aa tendi, vc usa algum framework backend?

[@lucasmoreira437]

@@luckingbr2047 não, no momento estou migrando do PHP, Freamwork só pra front, o React

[@carloshenriquegomes968]

👋👋👋

[@frankfreitas1112]

meu hide não funcionou nem por reza braba

[@frankfreitas1112]

achei, coloquei errado o endereço da página de css

[@youtubevan7985]

Poderia ir mais direto ao ponto.

[@mrsecondaccount5735]

Caso alguem tenha esse erro ou algum semelhante "Uncaught (in promise) TypeError: Cannot read properties of null (reading 'appendChild') at scripts.js:44:20 at Array.map () at getAllPosts (scripts.js:29:8) " Tente renomear a div (post-container) se possivel ate troque para uma class, para min funcionou assim :)