Тёмный

TUDO que você deve estudar de JavaScript antes do React 

Rocketseat
Подписаться 364 тыс.
Просмотров 276 тыс.
50% 1

Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
Uma dúvida comum de devs ao iniciar estudos em front-end é sobre o momento e ordem correta de estudo do JavaScript antes de iniciar com React.
Nesse vídeo, montei um compilado prático sobre todas funcionalidades que acredito serem importantes entender do JavaScript para começar com o pé direito no React.
-----
00:00:00 Apresentação
00:00:28 Compiladores e bundlers
00:17:52 Nullish Coalescing Operator
00:21:00 Objetos
00:24:13 Desestruturação
00:28:15 Rest Operator
00:33:10 Short Syntax
00:34:23 Optional Chaining
00:43:49 map()
00:48:40 filter()
00:50:21 every()
00:52:00 some()
00:52:52 find() e findIndex()
00:54:25 reduce()
00:59:49 Template Literals
01:02:38 Promises
01:17:35 ES Modules
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 382   
@rocketseat
@rocketseat Месяц назад
Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/ENt90Atzj
@miqueiassousa8991
@miqueiassousa8991 Год назад
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
@gustavocamargo3964
@gustavocamargo3964 Год назад
O brabo tem nome 🤩
@raphaelmelo
@raphaelmelo Год назад
o famoso heroi
@dieegosf
@dieegosf Год назад
Contratado!
@MixtliTurboDriver
@MixtliTurboDriver Год назад
Obrigado amigo, vc é um amigo
@leleparanormal1579
@leleparanormal1579 Год назад
valeu miqueinha
@MaykBrito
@MaykBrito Год назад
Sempre FANTÁSTICO Diegão! A sua facilidade de ensinar é admirável! Eu tenho A BAITA sorte de ter você na minha vida 💛
@lucas-mds-198
@lucas-mds-198 Год назад
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!
@MaykBrito
@MaykBrito Год назад
@@lucas-mds-198
@aloissailer
@aloissailer Год назад
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!!!
@dieegosf
@dieegosf Год назад
Que isso Maykão, você é minha inspiração diária!
@Joao-oo8yj
@Joao-oo8yj Год назад
Esses cara são foda dms! hshshhs
@batinimagus
@batinimagus Год назад
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!
@alanfljesus
@alanfljesus Год назад
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
@Shadower2014
@Shadower2014 Год назад
Ta cursando alguma faculdade? Como conseguiu o estagio?
@alanfljesus
@alanfljesus Год назад
@@Shadower2014 Estou cursando ADS
@micaelepereira8683
@micaelepereira8683 Год назад
Passei pelo mesmo processo recentemente
@gabrielbugarelli
@gabrielbugarelli Год назад
Booaa
@user-zv6vl6ne9z
@user-zv6vl6ne9z Год назад
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
@evertonoliveira5791
@evertonoliveira5791 Год назад
Impressionante! Muito obrigado por disponibilizar esse conteúdo!
@francisverissimo8454
@francisverissimo8454 Год назад
Que aulão!! Muito massa, muito obrigado!
@wellingtongrandyx
@wellingtongrandyx Год назад
Parabéns Diego pelo conteúdo e pela contribuição! Você e sua iniciativa realmente ajuda MUITA gente! Obrigado por mais um conteúdo de altíssima qualidade!
@Eduardo-eb7ej
@Eduardo-eb7ej Год назад
Seus vídeos são muito bons, muita informação prática e teórica juntas, parabéns pela qualidade do conteúdo!
@darlanbatistacorrea6501
@darlanbatistacorrea6501 Год назад
Esse vídeo é sensacional, parabéns Diego!!!
@GabrielSilveira97
@GabrielSilveira97 5 месяцев назад
Que vídeo incrível brother! Parabéns!
@JoaomkXD
@JoaomkXD Год назад
Boa Diego, cada dia aprendendo mais com vc!
@R6videos6R
@R6videos6R Год назад
Aulão, hein. Uma baita revisão dessas é legal de vez em quando.
@lucas-mds-198
@lucas-mds-198 Год назад
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!
@maycondouglas3179
@maycondouglas3179 Год назад
Comigo ocorreu igual, único assunto que eu nunca havia visto foi o Optional Chaining
@DevAndrePacolla96
@DevAndrePacolla96 8 месяцев назад
@@maycondouglas3179 exatamente como ocorreu comigo jhehe
@RamonRodrigo-jw4pq
@RamonRodrigo-jw4pq 7 месяцев назад
Comigo aconteceu um reverse kkkk tenho um roadmap pra estudar agora!
@dpisati
@dpisati Год назад
Massa demais Diego! Sua didática melhora a cada dia!! 🔥🔥🔥
@PedroHenrique-oi7um
@PedroHenrique-oi7um Год назад
Vídeo muito necessário, parabéns Rocketseat!
@babidi.sincero
@babidi.sincero Год назад
Quando a aula é boa... eu só abri pra dar uma olhadinha no início e acabei vendo tudo! hehe parabéns!
@fabiomorais5495
@fabiomorais5495 Год назад
hahah eu tbm.. entrei pra ver sobre reduce e vi o video inteiro '-'.
@gabrielbugarelli
@gabrielbugarelli Год назад
Showww, mega revisão braba!
@augustofernandesmarsola9284
Diego como sempre monstro demais!
@HerlonCosta
@HerlonCosta Год назад
Caramba, que sensacional! Era o que eu precisava pra começar a aprender o React. Gratidão Diegão!
@miguelelias4314
@miguelelias4314 5 месяцев назад
Mais uma vez muito top, o conteúdo está imperdível!! Parabéns!
@RodrigoKulb
@RodrigoKulb Год назад
Que aula maravilhosa parabéns por compartilhar esse conteúdo de forma pública! 🚀
@graners
@graners Год назад
Perfeito Diego! Didática excelente! 👏👏👏
@oliveirafocs
@oliveirafocs Год назад
Caraca que aula!!!!!!! Parabéns, Diego sempre trazendo conteúdo de altíssima qualidade!!!
@thiagocnunes
@thiagocnunes Год назад
Excelente vídeo. Mttt obrigado pelo conteúdo!
@matheusverri3402
@matheusverri3402 2 месяца назад
Que aula completassa! Excelente conteúdo!
@diego_maia
@diego_maia Год назад
Excelente video!!! O Diego tem uma didatica incrivel!!! Valeu mesmo!!
@ronaldosantana6188
@ronaldosantana6188 Год назад
Super aula, conhecia todos mas é sempre bom revisitar os conceitos.
@julianacosta7310
@julianacosta7310 Год назад
Que conteúdo fantástico!! Muito obrigada!🙂
@castilho6700
@castilho6700 Год назад
Rapaz, que vídeo top....muito obrigado por isso Rocketseat!
@vagnerazevedo2014
@vagnerazevedo2014 Год назад
Sensacional, Diego! Sou iniciante no React e esse vídeo foi bem esclarecedor e útil para mim. Muito obrigado e sucesso!
@wallacewictchen7854
@wallacewictchen7854 Год назад
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!
@gabrielopescador2122
@gabrielopescador2122 Год назад
Que vídeo meus amigos, que vídeo 👏🏻👏🏻 estava precisando desse conteúdo, aprendi o React antes do Javascript tem muita coisa que agora que faz sentido.. muito obrigado Diego e RocketSeat, vcs são demais 👏🏻👏🏻
@relacional
@relacional Год назад
Cara! Parabéns você é fera!!! Estou aprendendo muito com suas explicações simples e objetivas
@hamiceispereira3825
@hamiceispereira3825 Год назад
Conteúdo muito top Diego!!
@leandrodeveloper2162
@leandrodeveloper2162 Год назад
Conteúdo base muito importante. Foi importante para mim, deu para revisar o conhecimento. 👏👏👏
@lucasramos1190
@lucasramos1190 Год назад
Caraca que aula, estou sofrendo com promise mas não vou desistir, obrigado pela aula de qualidade, top.
@andrerenan9845
@andrerenan9845 Год назад
isso não foi uma aula, foi um show!! Parabéns professor e muito obrigado!!
@raylanderguimaraes6059
@raylanderguimaraes6059 Год назад
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.
@rogernascimento740
@rogernascimento740 Год назад
Excelente aula Diego parabéns😎!!! Não importa o quanta a gente já sabe sempre da pra aprender mais🤠
@score_
@score_ Год назад
excelente vídeo! deu pra sintetizar tudo de uma forma espetacular.
@douglasfelc
@douglasfelc Год назад
Show de bola, ótimo conteúdo, parabéns!
@user-ur4wc5bb7t
@user-ur4wc5bb7t Месяц назад
mais uma vez sensacional, aula top
@danielpuyo7061
@danielpuyo7061 7 месяцев назад
Fiz 3 cursos de JS e não vi esse conteúdo de forma tão clara! Obrigado!
@otaviodallo622
@otaviodallo622 Год назад
Que aula!! Me ajudou muito, muito obrigado Diego
@jmarcelobc
@jmarcelobc 11 месяцев назад
Fenomenal Diego, parabéns!
@zekjunio612
@zekjunio612 10 месяцев назад
conteúdo completasso, e uma didática incrível. audio e video de otima qualidade. parabens.
@marciodev21
@marciodev21 2 месяца назад
Cara, obrigado mesmo, com esse vídeo você abriu muito a minha mente.
@LennWeltmeister
@LennWeltmeister Год назад
Espetacular, Diego!
@jeffersonsjunior
@jeffersonsjunior Год назад
esse video ficou animal, parabens pelo conteudo!
@baDinho1
@baDinho1 Год назад
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.
@ander_michael
@ander_michael Год назад
Só conteúdo foda 🥰
@renan-ferreira
@renan-ferreira Год назад
Ótimo conteúdo manos, obrigado!!!
@lameirat
@lameirat Год назад
Parabéns pelo seu conhecimento e obrigado por o transmitir.
@matheusmatos4201
@matheusmatos4201 Год назад
Caramba! Que didática objetiva. Quando minhas condições melhorar, vou comprar o curso.
@gabrielgoncalvesvicente8678
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
@geninhoo300
@geninhoo300 Год назад
Adorei , muuuuito bom!!!
@alefreis6778
@alefreis6778 Год назад
Muito bom, algumas funções de objetos eu não conhecia e foi bom para que eu pudesse aprender mais. Em array não conhecia o Every e Some, são interessantes também. Valeu Diego pela aula, foi muito bom!
@brazjunior7533
@brazjunior7533 8 месяцев назад
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.
@endrewcardoso7888
@endrewcardoso7888 Год назад
Video show de mais!
@MarcusVinicius-le4zd
@MarcusVinicius-le4zd Год назад
Cara como eu queria essas anotações dele, muito bom o vídeo
@leandromontenegropinto6704
@leandromontenegropinto6704 Год назад
Parabéns!!! Muito bom. Sucesso.
@arturpedrosa
@arturpedrosa Год назад
Excelente conteúdo! Parabéns
@antoniofantoni7895
@antoniofantoni7895 Год назад
Diego é outro nível. Poderia ser o único instrutor de frontend da Rocketseat.
@wisley227
@wisley227 Год назад
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 :)
@neliojorio
@neliojorio Год назад
Uma super aula, valeu Diego e RocketSeat ^^
@klaulins
@klaulins Год назад
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!
@brichardev6099
@brichardev6099 Год назад
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
@AleferReinert
@AleferReinert Год назад
Vídeo muito bom, me ajudou muito, obrigado! 🙌
@jennifermagpantay7933
@jennifermagpantay7933 Год назад
Que aula! Conteúdo excelente!
@sandrojunior3992
@sandrojunior3992 Год назад
Conteúdo maravilhoso, parabéns .
@kevinlima7821
@kevinlima7821 Год назад
Excelente aula, parabéns e obrigado.
@freddyminuzzi5120
@freddyminuzzi5120 Год назад
Esse vídeo me ajudou a tirar muitas dúvidas, obrigado!
@hugocavalaristudartpereira1214
que video fantástico !!!
@katiorrolol
@katiorrolol Год назад
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!
@PauloBraga91
@PauloBraga91 10 месяцев назад
Conteúdo Fantástico! Obrigado.
@flaviobulhoes3248
@flaviobulhoes3248 Год назад
agora eu tenho confiança para começar a ver os fundamentos de react depois dessa super revisão
@linuxsec
@linuxsec Год назад
Muito bom, ja estou confiante para começar no react
@britotech
@britotech Год назад
Sensacional o video bem simples e direto
@funkerosupremo
@funkerosupremo 10 месяцев назад
Que aula foda, slc. Obrigado!
@dvsantana9814
@dvsantana9814 Год назад
Boa noite achei muito legal, estou aprendendo JavaScript, achei muito bacana os conceitos! Top sua didática!
@victorfigueredo2970
@victorfigueredo2970 Год назад
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
@rmscrisostomo
@rmscrisostomo Год назад
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! ✌️😁
@CarolineMoraes
@CarolineMoraes Год назад
Baita aula!!!! 🤩🤩🤩🤩
@Danilo-fl3yj
@Danilo-fl3yj Год назад
Parabéns, ótimo conteúdo
@MatheusPereira-nn9dj
@MatheusPereira-nn9dj Год назад
Optional Chaining é bom demais !!! obrigado 💫💫💫
@marioduarte89
@marioduarte89 9 месяцев назад
Que aula ABSURDAMENTE BOA!
@adrianopiro5240
@adrianopiro5240 Год назад
Musiquinha delicinha com um conteúdo mega power pra se assistir enquanto faz aquele coding "brabo" xD. Top!!!
@scarlatybonfim1461
@scarlatybonfim1461 Год назад
pqp arrasou!!!!!!! mt obrigada! a cereja pro meu bolo. Agora partiu react !
@luanartacho1530
@luanartacho1530 Год назад
Que vídeo bom cara!
@malfurionself
@malfurionself 3 месяца назад
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
@ThiagoSantos-bv3eu
@ThiagoSantos-bv3eu Год назад
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!
@Sino12397
@Sino12397 9 месяцев назад
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.
@StratOnFire
@StratOnFire Год назад
Conteúdo de qualidade!
@rotognin
@rotognin Год назад
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
@brunohenrigarcia9966
@brunohenrigarcia9966 Год назад
Que vídeo incrível!
@trechosdesucessooficial
@trechosdesucessooficial Год назад
Que aula, Incrível!
@carlos-GMA
@carlos-GMA 6 месяцев назад
Muito bom!!! - Muito obrigado!!!
@MayssaLaiane
@MayssaLaiane Год назад
Vídeo útil demais!!
@eduardophelipe1502
@eduardophelipe1502 6 месяцев назад
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.
Далее
Truques de JavaScript DOM que você precisa conhecer
30:31
How I Did This INSANE Trick 🤯📱🍬
00:10
Просмотров 6 млн
Recriei a interface do Spotify usando Tailwind
52:36
Просмотров 106 тыс.
Como sair do ZERO em JAVA em 1h - com @kipperdev
1:07:56
Просмотров 251 тыс.
O ERRO mais comum no React (você já fez isso)
13:26
Просмотров 118 тыс.
🔴APRENDA FUNÇÕES EM JAVASCRIPT EM ALGUNS MINUTOS
26:35
APRENDA DOCKER DO ZERO | TUTORIAL COMPLETO COM DEPLOY
44:15
React Tutorial for Beginners
1:20:04
Просмотров 2,6 млн