Se tratando de facilidade em ensinar você tem total propriedade p/ falar Maykão, estou tirando React de letra no Ignite, graças a tudo que aprendi com você e a Jake no Discover, muito obrigado!
Eu estou fazendo agora um curso com Diego, realmente fico impressionado com o jeito dele de trazer tão sutil tanto conteúdo de uma forma tão claro. Nem senti mais falta das aulas do Mayk, hehehe. Abraço grande!!!
Em Optional Chaining 42:26 , o motivo da key 'state' dar undefined é porque a property address está definida. Para apresentar o erro, você precisaria comentar o bloco do address, já que o TypeError especifica que você não pode ler uma propriedade de um undefined (address comentado ficaria undefined, então não tem como ler a propriedade de algo que não existe) (Uncaught TypeError: Cannot read properties of undefined). Esse é o motivo do Diego ter falado que o erro só acontece com objeto aninhado. Seguindo os exemplos, você deve comentar o bloco do address, e usar o Optional Chaining no address, fica assim: const key = 'state'; document.body.innerText = user.address?.[key] ------ Isso vai retornar um undefined ----------------- Para mostrar o texto alternativo: document.body.innerText = user.address?.[key] ?? 'Não informado' ------ Isso vai retornar 'Não informado' ------------------------ Em tempo: É importante notar que o erro em 41:15 é "TypeError: user.address.showFullAddress is not a function". Se você retirar os parênteses ao final do "showFullAddress", ele vai retornar um undefined, pois vai interpretar como uma propriedade indefinida do "address", portanto é crucial ter cuidado ao invocar funções e fazê-lo corretamente. Happy coding!
Não sei o que foi melhor, o vídeo em si ou a sensação de dever cumprido quando o vídeo terminou e percebi que estudei tudo que foi recomendado. Da até um certo alívio p/ continuar meus estudos em React agora 😅 Valeu Diego!
Entrei em um estágio sem saber taanta coisa de JavaScript e tive que usar NextJs e Typescript, resumindo, não sabia quase nada de tudo kkkk Estou me lascando bastante pra aprender, mas quebrando a cabeça todo dia estou evoluindo, trabalhando e estudando ao mesmo tempo
Estava focado em front end com react há um ano, porem recentemente recebi uma proposta para trabalhar com backend usando .NET C# mas nunca programei em C# e nao sei POO. Mas como queria muito entrar no mercado, aceitei hehe.(Na faculdade gostava de C); Vou dedicar bastante, so bate uma ansiedade kkk
Pra quem vai iniciar aprendizado com React esse video tem que ser obrigatorio.. Diego é fera demais, se pegar esse video e depois fazer a trilha React JS do Ignite, o aprendizado será de outro nivel.. Um dia gostaria de poder conhecer a rocketseat, os caras são demais
Comecei a estagiar a um mês e fui apresentado ao JavaScript. Com um pouco de dificuldade aprendi e agora usei teu conteúdo para fixar os conceitos de promises e async. Grande abraço, conteúdo show!
Meu amigo, você é sensacional, to eu aqui preocupado em saber quando e como pular do js pro react, perdido nesse mundo de informações, e com medo de quando fosse pro React, meu conhecimento de JS não tenha sido o suficiente, mas voce consegui tirar esse meu medo. Parabens pelo conteudo sensacional e maravlhoso que você produziu, posso dizer que de fato é um dos melhores conteudos que temos de graça hoje em dia. Eu falo isso porque eu ja paguei alguns cursos pra de 10/12 horas pra aprender oque voce disse pouco menos de uma hora :)
28:16 ate que em fim eu achei alguem que explica exatamente pra que esse tal destruction que tudo que tinha visto antes nao fazia sentido parecia ate um negocio idiota e agora tudo fez sentido do por que e eu pensava cara se alguem penso em inventa isso e por que tem que ter uma funcionalidade por mais doida que seja que aula mano esse video ja vale um curso
43:00 o diegão se perdendo é gente como a gente kkk brincadeiras a parte, didática incrível, muito fácil de assimilar o conteúdo com um professor top desses
do nada: "tirando essa desgraça" kkkkkkkkkkkkkkk Deigo seus vídeos são fantasticos! Passo horas assistindo seus vídeos, parabéns pelo excelente trabalho!.
642 linha de anotação , conteúdo bom demais, já tinha começado no react e senti sim uma dificuldade ainda mais em entender promise mas agora ficou mais esclarecido , valeu Diego.
Já gostaria muito de te agradecer por esse vídeo, porque ele me ajudou muito a pegar conceitos que nunca entravam na minha cabeça, tipo, objeto, métodos, etc. Esse vídeo me ajudou bastante a conseguir pegar esses conceitos.
Cara, estou na metade do vídeo ainda, mas tive que parar para comentar. Que aula SENSACIONAL Diego! Não sei se estudo ou se admiro a aula kkk. Pessoal da Rocket sempre trazendo conteúdos excelentes.
esse menino é um monstro, no bom sentido. Acho que apenas faltou mencionar sobre o import export tornar os scripts modulares, ai pra usar todos eles precisam do import export
Top D+ a aula diego sempre a frente de todos com muito conhecimento e tão pouca idade. pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe. fiz assim: const key = "name"; //OPTIONAL CHAINING. console.log(`key[name]:.. `, user["name"]); console.log(`key[name]:.. `, user[key]); console.log(`user.address["zip"]:.. `, user.address["zip"]); //COM ERRO console.log(`user.address["zip"]:.. `, user?.address?.["zip"]); //SEM ERRO
Super aula, fiquei com medo de não saber alguma coisa KKKK. Gostaria de fazer um pedido; faz um vídeo explicando o deploy de um app feito no Vite. Grande abraço, valeu! ✌️😁
Sou iniciante e desejo muito entrar na área. Serei desenvolvedor front and. Confesso que tenho muitas dúvidas, mas é possível chegar lá e eu tô afimzão de dar certo nessa área! Adorei a aula!
Baita aula! Eu adorei a facilidade de exemplificar, apesar de simples, foram muito efetivas. Estou aprendendo React e espero conseguir progredir com essa base de conhecimentos.
Cara que vídeo sensacional, converti diversos projetos pequenos que fiz em python para o JavaScript e os expandi misturando o que você ensinou no vídeo e ficou muito fácil pra aprender. Fora que não conhecia o site de vocês e esse discover é perfeito pra quem não sabia por onde começar em relação ao React e TypeScript, como é o meu caso. Enfim, a junção disso tudo com certeza vai encurtar bastante meu tempo de aprendizado, muito obrigado!
Excelente conteúdo. Gostaria de ver um CRUD com Nextjs, Prisma + Upload de arquivo no Cloudinary. E muito obrigado por tornar a nossa jornada de aprendizado mais interessante!
Cara por favor faz um curso de Javascript, até agora você foi o único que explicou de maneira simples, objetiva e bem instruída sobre programação, estou iniciando agora e teu vídeo me ajudou muito!
Cara, essa aula foi simplesmente fantástica, já tinha visto vários desses conceitos abordados na aula, porém dessa vez consegui sanar várias dúvidas que eu tinnha em relação aos métodos de arrays e as promises. Muito bom vídeo.
42:50 pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
Na verdade era pra usar o Optional Chaining nessa mesma chamada da key. Coloquei e deu certo, já que o tema do minuto ainda era sobre optional chaining. const key = 'zip_number'; document.body.innerText = user.address?.zip?.[key] ?? 'Não definido'
Rapaz, sensacional! Obrigado pelo ótimo conteúdo, Diego. Eu não pretendo ir para o React tão já, to "chegando agora" no Javascript, mas eu quis ver esse vídeo para pegar mais coisas sobre o Javascript que irão me fazer caminhar melhor na linguagem. Valeu! Abraço
Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
00:28 Compiladores e bundlers
17:52 Nullish Coalescing Operator
21:00 Objetos
24:13 Desestruturação
28:15 Rest Operator
33:10 Short Syntax
34:23 Optional Chaining
43:49 map()
48:40 filter()
50:21 every()
52:00 some()
52:52 find() e findIndex()
54:25 reduce()
59:49 Template Literals
1:02:38 Promises
1:17:35 Importação e exportação
O brabo tem nome 🤩
o famoso heroi
Contratado!
Obrigado amigo, vc é um amigo
valeu miqueinha
O cara resumiu em 1h o que o pessoal demora 10h pra explicar, simplesmente, o Diego.
Sempre FANTÁSTICO Diegão! A sua facilidade de ensinar é admirável! Eu tenho A BAITA sorte de ter você na minha vida 💛
Se tratando de facilidade em ensinar você tem total propriedade p/ falar Maykão, estou tirando React de letra no Ignite, graças a tudo que aprendi com você e a Jake no Discover, muito obrigado!
@@lucas-morais-1998
Eu estou fazendo agora um curso com Diego, realmente fico impressionado com o jeito dele de trazer tão sutil tanto conteúdo de uma forma tão claro. Nem senti mais falta das aulas do Mayk, hehehe. Abraço grande!!!
Que isso Maykão, você é minha inspiração diária!
Esses cara são foda dms! hshshhs
Em Optional Chaining 42:26 , o motivo da key 'state' dar undefined é porque a property address está definida.
Para apresentar o erro, você precisaria comentar o bloco do address, já que o TypeError especifica que você não pode ler uma propriedade de um undefined (address comentado ficaria undefined, então não tem como ler a propriedade de algo que não existe) (Uncaught TypeError: Cannot read properties of undefined).
Esse é o motivo do Diego ter falado que o erro só acontece com objeto aninhado.
Seguindo os exemplos, você deve comentar o bloco do address, e usar o Optional Chaining no address, fica assim:
const key = 'state';
document.body.innerText = user.address?.[key] ------ Isso vai retornar um undefined
-----------------
Para mostrar o texto alternativo:
document.body.innerText = user.address?.[key] ?? 'Não informado' ------ Isso vai retornar 'Não informado'
------------------------
Em tempo:
É importante notar que o erro em 41:15 é "TypeError: user.address.showFullAddress is not a function".
Se você retirar os parênteses ao final do "showFullAddress", ele vai retornar um undefined, pois vai interpretar como uma propriedade indefinida do "address", portanto é crucial ter cuidado ao invocar funções e fazê-lo corretamente.
Happy coding!
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
Quando a aula é boa... eu só abri pra dar uma olhadinha no início e acabei vendo tudo! hehe parabéns!
hahah eu tbm.. entrei pra ver sobre reduce e vi o video inteiro '-'.
Cara meus parabéns, eu consegui adquirir mais conhecimento com essa aula de 1h; do que tudo que já tinha lido ali pra trás
Não sei o que foi melhor, o vídeo em si ou a sensação de dever cumprido quando o vídeo terminou e percebi que estudei tudo que foi recomendado.
Da até um certo alívio p/ continuar meus estudos em React agora 😅
Valeu Diego!
Comigo ocorreu igual, único assunto que eu nunca havia visto foi o Optional Chaining
@@maycondouglas3179 exatamente como ocorreu comigo jhehe
Comigo aconteceu um reverse kkkk tenho um roadmap pra estudar agora!
Entrei em um estágio sem saber taanta coisa de JavaScript e tive que usar NextJs e Typescript, resumindo, não sabia quase nada de tudo kkkk Estou me lascando bastante pra aprender, mas quebrando a cabeça todo dia estou evoluindo, trabalhando e estudando ao mesmo tempo
Ta cursando alguma faculdade? Como conseguiu o estagio?
@@Shadower2014 Estou cursando ADS
Passei pelo mesmo processo recentemente
Booaa
Estava focado em front end com react há um ano, porem recentemente recebi uma proposta para trabalhar com backend usando .NET C# mas nunca programei em C# e nao sei POO. Mas como queria muito entrar no mercado, aceitei hehe.(Na faculdade gostava de C);
Vou dedicar bastante, so bate uma ansiedade kkk
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
Que aulao.... Ainda n vi um clip tao completo pra quem quer entrar no react... Merece ser visto mais e 3 vezes
PQP! QUE VÍDEO SENSACIONAL, APRENDI EM 1 HORA O QUE LEVEI MESES PRA APRENDER
Pra quem vai iniciar aprendizado com React esse video tem que ser obrigatorio.. Diego é fera demais, se pegar esse video e depois fazer a trilha React JS do Ignite, o aprendizado será de outro nivel.. Um dia gostaria de poder conhecer a rocketseat, os caras são demais
Cara eu pesquisei sobre isso há mais de um mês e não encontrei nenhum conteúdo tão completo quanto este vídeo. Valeu Diego!
Comecei a estagiar a um mês e fui apresentado ao JavaScript. Com um pouco de dificuldade aprendi e agora usei teu conteúdo para fixar os conceitos de promises e async.
Grande abraço, conteúdo show!
1:16:19 só faltou o await na expressão que define a const nome, pode ser tanto Promise como o valor da promise, usando a sintaxe async / await.
Meu amigo, você é sensacional, to eu aqui preocupado em saber quando e como pular do js pro react, perdido nesse mundo de informações, e com medo de quando fosse pro React, meu conhecimento de JS não tenha sido o suficiente, mas voce consegui tirar esse meu medo. Parabens pelo conteudo sensacional e maravlhoso que você produziu, posso dizer que de fato é um dos melhores conteudos que temos de graça hoje em dia. Eu falo isso porque eu ja paguei alguns cursos pra de 10/12 horas pra aprender oque voce disse pouco menos de uma hora :)
11:51 tem como desativar a extensão para sites específicos, có clicar no botão com ícone de check na parte esquerda
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
28:16 ate que em fim eu achei alguem que explica exatamente pra que esse tal destruction que tudo que tinha visto antes nao fazia sentido parecia ate um negocio idiota e agora tudo fez sentido do por que e eu pensava cara se alguem penso em inventa isso e por que tem que ter uma funcionalidade por mais doida que seja que aula mano esse video ja vale um curso
Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.
Obrigada por fazer as coisas um pouco mais devagar Diego! Sou iniciante, e mesmo assim consegui acompanhar legal! :)
43:00 o diegão se perdendo é gente como a gente kkk brincadeiras a parte, didática incrível, muito fácil de assimilar o conteúdo com um professor top desses
do nada: "tirando essa desgraça" kkkkkkkkkkkkkkk Deigo seus vídeos são fantasticos! Passo horas assistindo seus vídeos, parabéns pelo excelente trabalho!.
Hahahah que massa que curtiu
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
642 linha de anotação , conteúdo bom demais, já tinha começado no react e senti sim uma dificuldade ainda mais em entender promise mas agora ficou mais esclarecido , valeu Diego.
Já gostaria muito de te agradecer por esse vídeo, porque ele me ajudou muito a pegar conceitos que nunca entravam na minha cabeça, tipo, objeto, métodos, etc. Esse vídeo me ajudou bastante a conseguir pegar esses conceitos.
43:00 eu entendi perfeitamente o tipo de erro que o Diego estava esperando encontrar!! Já sofri muito com isso!! Valeu Diegooo!!!
q cara didático, pqp...ta no ramo certo mesmo
Não tenho palavra apenas🫶🏾 tive q aprende isso no estágio chorando aí ele chega e explica em uma hora
Cara, estou na metade do vídeo ainda, mas tive que parar para comentar. Que aula SENSACIONAL Diego! Não sei se estudo ou se admiro a aula kkk. Pessoal da Rocket sempre trazendo conteúdos excelentes.
esse menino é um monstro, no bom sentido. Acho que apenas faltou mencionar sobre o import export tornar os scripts modulares, ai pra usar todos eles precisam do import export
cara que video magnifico pra quem é apaixonado por node : ))))))))))))))
Impressionado com a qualidade do conteúdo!
Top D+ a aula diego sempre a frente de todos com muito conhecimento e tão pouca idade.
pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
fiz assim:
const key = "name";
//OPTIONAL CHAINING.
console.log(`key[name]:.. `, user["name"]);
console.log(`key[name]:.. `, user[key]);
console.log(`user.address["zip"]:.. `, user.address["zip"]); //COM ERRO
console.log(`user.address["zip"]:.. `, user?.address?.["zip"]); //SEM ERRO
a didática desse cara é absurda, parece que ta me ensinando algo que ja sei kkkkkk
O Diego coda em 200 wpm, meu deus muito rápido cara, um vídeo sobre velocidade na digitação eu veria tranquilamente. Conteúdo maravilhoso
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
Excelente vídeo. Mttt obrigado pelo conteúdo!
Estava justamente procurando saber sobre isso. Pq partir para o ReactJs mas sinto que tenho que me aprofundar no Java script
Conteúdo base muito importante.
Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
"Podemos ver que todos os browsers mais recentes... tirando essa desgraca aqui"
Não tankei essa parte kkkkkkkkkkkkkkkkkkk🤣🤣🤣🤣🤣
Super aula, fiquei com medo de não saber alguma coisa KKKK.
Gostaria de fazer um pedido; faz um vídeo explicando o deploy de um app feito no Vite.
Grande abraço, valeu! ✌️😁
Que aula completassa! Excelente conteúdo!
diego chega a dar uma bugadas skdjskdj (nao julgo, 1h direto é de fritar qqr um) apesar dos apesares, é uma ótima aula, ajudou me muito
Conteúdo muito top Diego!!
Mais uma vez muito top, o conteúdo está imperdível!!
Parabéns!
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
Sou iniciante e desejo muito entrar na área.
Serei desenvolvedor front and.
Confesso que tenho muitas dúvidas, mas é possível chegar lá e eu tô afimzão de dar certo nessa área!
Adorei a aula!
Cara como eu queria essas anotações dele, muito bom o vídeo
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!
Showww, mega revisão braba!
Só conteúdo foda 🥰
Muito bom, ja estou confiante para começar no react
Baita aula! Eu adorei a facilidade de exemplificar, apesar de simples, foram muito efetivas. Estou aprendendo React e espero conseguir progredir com essa base de conhecimentos.
Super aula!
Como dev Magento2 tenho que fazer uma ressalva, o require.js ainda é bem utilizado por nós kkk
Cara que vídeo sensacional, converti diversos projetos pequenos que fiz em python para o JavaScript e os expandi misturando o que você ensinou no vídeo e ficou muito fácil pra aprender. Fora que não conhecia o site de vocês e esse discover é perfeito pra quem não sabia por onde começar em relação ao React e TypeScript, como é o meu caso. Enfim, a junção disso tudo com certeza vai encurtar bastante meu tempo de aprendizado, muito obrigado!
Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
Excelente conteúdo. Gostaria de ver um CRUD com Nextjs, Prisma + Upload de arquivo no Cloudinary. E muito obrigado por tornar a nossa jornada de aprendizado mais interessante!
Boa Diego, cada dia aprendendo mais com vc!
Cara por favor faz um curso de Javascript, até agora você foi o único que explicou de maneira simples, objetiva e bem instruída sobre programação, estou iniciando agora e teu vídeo me ajudou muito!
Deu uma olhada no Discover da Rocketseat? Tem tudo isso e muito mais totalmente gratuito! rocketseat.com.br/discover
@@dieegosf Não conhecia, cheguei nesse canal por esse video haha muito obrigado! Ja comecei as trilhas lá :)
Sensacional, Diego!
Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim.
Muito obrigado e sucesso!
Diego como sempre monstro demais!
ganhou um inscrito ,excelente a qualidade do vídeo!!!
Muito obrigado 😁
Baita aula!!!! 🤩🤩🤩🤩
Foi um vídeo bem interessante pra alguém como eu que quer iniciar na biblioteca React e também relembrar o que aprender em JS
Tentar decidir quem tem mais facilidade de passar conhecimento... entre Maykão e o Diego, é um verdadeiro while(true) 🤯
Vídeo muito necessário, parabéns Rocketseat!
Que vídeo bom! Fantástico!!!
Fenomenal Diego, parabéns!
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
Optional Chaining é bom demais !!! obrigado 💫💫💫
Cara, essa aula foi simplesmente fantástica, já tinha visto vários desses conceitos abordados na aula, porém dessa vez consegui sanar várias dúvidas que eu tinnha em relação aos métodos de arrays e as promises. Muito bom vídeo.
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
que video fantástico !!!
Video show de mais!
Assisti ao vídeo e visitei a Rocketseat, mano o Discover já parece ser o bicho de tanta coisa oO
Estou muito impressionado!
sua qualidade de videoo e conteúdo está top demais
Espetacular, Diego!
conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.
mais uma vez sensacional, aula top
Que aula ABSURDAMENTE BOA!
Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!
42:50 pra mostrar o erro você teria que comentar a chave "address" do objeto "user". Assim o código user.address[key] iria tentar acessar a key de um "address" que não existe.
Na verdade era pra usar o Optional Chaining nessa mesma chamada da key. Coloquei e deu certo, já que o tema do minuto ainda era sobre optional chaining.
const key = 'zip_number';
document.body.innerText = user.address?.zip?.[key] ?? 'Não definido'
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.
Que aulão!! Muito massa, muito obrigado!
Manja muito. Safo! Didática fina.
caraca começei a estudar agora aos 30 e penso que já vou tarde. Vocé é foda demais se loco
Boa noite achei muito legal, estou aprendendo JavaScript, achei muito bacana os conceitos! Top sua didática!
Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!
Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!
Rapaz, sensacional!
Obrigado pelo ótimo conteúdo, Diego.
Eu não pretendo ir para o React tão já, to "chegando agora" no Javascript, mas eu quis ver esse vídeo para pegar mais coisas sobre o Javascript que irão me fazer caminhar melhor na linguagem.
Valeu! Abraço
Que vídeo incrível brother! Parabéns!
Esse vídeo é sensacional, parabéns Diego!!!