JavaScript - Maneiras de criar objetos - Root #03

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024
  • Objetos em JavaScript. Neste vídeo vamos conhecer quatro maneiras de criar objetos em JavaScript. Nosso educador Mayk Brito apresenta prós e contras que encontrou em cada uma dessas maneira. Também falamos sobre Object Literal, Factory Function, Prototype e Class.
    O /root é uma experiência para você que está no começo, na raiz da sua jornada. Tudo começa aqui. Você vai ver o que precisa para dar os primeiros passos em direção ao seu objetivo de se tornar programador ou programadora. Toda semana nós estaremos aqui para trazer muito código e muita técnica para você conhecer e experimentar com a gente.
    Na Rocketseat acolhemos todos que procuram embarcar nesta jornada única do conhecimento.
    -----
    Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: www.rocketseat...​​​​​​​​
    Cadastre-se na nossa plataforma: app.rocketseat...
    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
    Nos ouça também no Spotify:
    - Podcast Faladev
    - Podcast Alumni

ความคิดเห็น • 132

  • @viniciusm.m.7822
    @viniciusm.m.7822 3 ปีที่แล้ว +27

    Maykão, diferentemente de 95% dos professores no Brasil, explica bem e nomeia tudo o que ele diz. Ele explica ao mesmo tempo que REVISA tudo o que ensina, o que é uma qualidade rara hoje em dia. O mais inteligente é aquele que torna o "básico" como a base de tudo, e com sabedoria sabe avançar no ensino com revisões nos pontos mais importantes daquele assunto.

  • @OMARLEI1
    @OMARLEI1 2 ปีที่แล้ว +1

    Sabe tudo e mais um pouco!

  • @CanalQuasePlanck
    @CanalQuasePlanck 3 ปีที่แล้ว +4

    Como eu sou fã desse cara!!!!!!!!!!

    • @maykbrito
      @maykbrito 3 ปีที่แล้ว

      ❤️

    • @tonalmeida6023
      @tonalmeida6023 3 ปีที่แล้ว

      Cara o Mayk é foda, quero comprar o curso só por conta dele 💪📚👨‍💻

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Por hora, você pode ir acompanhando nosso conteúdo gratuito na plataforma! 💜
      app.rocketseat.com.br/discover
      Ouvi dizer que são mais de 500 aulas gratuitas e, muitas delas, gravadas pelo Maykão... 👀 🚀

  • @eltonsantosoficial
    @eltonsantosoficial 3 ปีที่แล้ว +15

    Já deixando o Like pra mais tarde assistir! Sou fã incondicional do Mayk! 😍 💗

  • @diegosantosmoto
    @diegosantosmoto ปีที่แล้ว

    Cara, o mayk manda bem demais!👍

  • @hugoleonardo1394
    @hugoleonardo1394 3 ปีที่แล้ว +6

    Nem assiti tudo mas tô gostando muito dessa série Root demais. Valeu galera

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Que massa, Hugo! Tudo feito com muito carinho pra vocês! 💜 🚀

  • @guitt-web-code
    @guitt-web-code 2 ปีที่แล้ว +1

    cara simplesmente sensacional!

  • @tiagogb9156
    @tiagogb9156 3 ปีที่แล้ว +1

    show de bola, não sei como alguém pode ter dado dislike, a aula foi top demais, eu não conseguia entender class, com a aula, a cabeça fervilhou, a ponto de queimar pestana e agora a engrenagem voltou a funcionar. Valeu mesmo Maykão.

  • @samueloliveira4465
    @samueloliveira4465 3 ปีที่แล้ว +3

    Cara que conhecimento incrível, fico admirado como Mayk ensina bem.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Maykão manda muito bem, né, Samuel? 💜
      Que massa que curtiu o conteúdo! 😉

  • @Mark-km5qc
    @Mark-km5qc ปีที่แล้ว

    maykão é o deus da explicação

  • @joaopedrocarvalho5371
    @joaopedrocarvalho5371 2 ปีที่แล้ว

    Muito obrigado, Mayk!

  • @MinergameRsxD
    @MinergameRsxD 3 ปีที่แล้ว +1

    Obrigado por tudo rocket seat, principalmente obrigado por reunir a comunidade ♥️♥️

  • @rafaelag9036
    @rafaelag9036 3 ปีที่แล้ว +1

    É o único canal do youtube que dou like primeiro e depois assisto... Heroi Maykao!!! Parabéns sempre pelo conteúdo maravilhoso.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Woooow!
      Que massa, Rafael! Valeu demais! 💜 😍 🚀

  • @salomaosantos1335
    @salomaosantos1335 3 ปีที่แล้ว +1

    Cara eu fico pirado com Javascript msm nao entendo muito pq estou começando aprender. Mas nada que assistir algumas dezenas de vezes não resolva. Muito bom a série root é a melhor. Parabéns a Rocketseat e o Maykão

  • @Limaal21
    @Limaal21 2 ปีที่แล้ว

    ajudou demais obrigado mais uma vez maykão👏😁

  • @jair-araujo
    @jair-araujo 3 ปีที่แล้ว +3

    Mais um conteúdo delicinha pra assistir \0/ uhuuuuu

  • @aviz739
    @aviz739 2 ปีที่แล้ว

    Didática fenomenal!!!

  • @gabrielbittencourt150
    @gabrielbittencourt150 3 ปีที่แล้ว +2

    Vídeo do Maykão sempre gera mais conhecimento, sou muito fã hahah, ótimo trabalho!!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Maykão é fera demais, né, Gabriel!? 💜

  • @alexpereira3161
    @alexpereira3161 3 ปีที่แล้ว +1

    Vi POO com JAVA, nunca gostei de Java kkj mas o conceito estudado com Java torna tudo mais compreensível em JS, no fim tudo se complementa. Vlw pelas aulas!!

  • @amaurijunior1704
    @amaurijunior1704 2 ปีที่แล้ว +1

    Grande Maykão! Esse cara é incrível, me salvou muuito!!! Rocketseat é melhor do que qualquer outro curso ou faculdade na área, não tem condições! haha

  • @principe.borodin
    @principe.borodin 3 ปีที่แล้ว +1

    Video com Mayk Brito de qualidade tem que chegar com o like na voadora...kkk...eu sempre quiz criar uma lib em js, mas nao sabia vantagem e desvantagem de cada uma dessa abordagem. obrigado.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa, Igor! Valeu demais! 💜
      Que bom que te ajudamos de alguma forma! 😉 😍

  • @ronaldtomaz8155
    @ronaldtomaz8155 3 ปีที่แล้ว +1

    Parabéns por inovar, criando esse quadro root. Com certeza vai vir conteúdos bacanas para toda a comunidade, vídeo super top, claro com ele Mayk Brito. Nem assisti todo ainda, mas estou gostando muito.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Woow!
      Que massa, Ronald! 😍
      Espero que tenha curtido o conteúdo! Vem muita novidade por aí... 👀 💜

    • @ronaldtomaz8155
      @ronaldtomaz8155 3 ปีที่แล้ว

      @@rocketseat só na espera haha

  • @Mannoeu
    @Mannoeu 3 ปีที่แล้ว +4

    boa maykao

  • @marcelogomes6922
    @marcelogomes6922 2 ปีที่แล้ว

    Explicando assim não parece um bicho de 7 cabeças (e não é). . Nunca me aprofundei no prototype por achar complexo, mas depois desse vídeo muito bem explicado, tudo ficou claro. Valeu mesmo! Parabéns.

    • @rocketseat
      @rocketseat  2 ปีที่แล้ว

      Faaaaaala, dev! Beleza? Wooow! Que feedback massa! Que bom que curtiu o conteúdo, Marcelo! 😍 💜

  • @marcelodoispontozero6187
    @marcelodoispontozero6187 3 ปีที่แล้ว

    Excelente e essencial esse material para todo dev iniciante. Parabéns!

  • @PedroLucas-sf3qv
    @PedroLucas-sf3qv 3 ปีที่แล้ว +1

    Mayk é brabo demais!!! Que aula meu amigo, que aula

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Curtiu, Pedro!? 😍

  • @DioneBatista
    @DioneBatista 3 ปีที่แล้ว +2

    Rapaz, tá saindo tanto conteúdo do Maikao no TH-cam que tem hora que não sei se tô no canal dele ou no da Rocket, Mlk tá Voando kkkkkkkk

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Maykão é brabo! 💜 😍

  • @danielvinicius4906
    @danielvinicius4906 3 ปีที่แล้ว +3

    Top

  • @wistersousa6716
    @wistersousa6716 3 ปีที่แล้ว

    Top demais!!! Parabens!! Aprendi muuuuito em apenas 38min. Eu usando class do JavaScript achando que estava programando em POO kkkk Muito obrigado pelo esclarecimento
    ! Vlw

  • @kleberbenites
    @kleberbenites 3 ปีที่แล้ว

    Cara já trabalho com JS, apesar de já conhecer os 4 tipos, devo dizer que foi muito proveitoso o vídeo, esclarecedor, cai de paraquedas e adorei! Parabéns!!!

  • @Casadossitesam
    @Casadossitesam 3 ปีที่แล้ว

    Muito bom meu professor !!!!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que bom que curtiu, dev! 💜 😍

  • @carlobatera
    @carlobatera 3 ปีที่แล้ว +1

    Esse Mayk Brito é top! Se tem Mayk, tem like.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Boa! HAHAHAHA Amei essa frase! 💜 🤣
      Curtiu o conteúdo, Carlos!?

  • @joseantonioantonio5246
    @joseantonioantonio5246 3 ปีที่แล้ว +1

    Muito obrigado pelas aulas, vocês são d+. Vlw Mykão!!!!!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa que curtiu, José! Valeu demais pelo carinho! 💜

  • @LeonardoRuas
    @LeonardoRuas 3 ปีที่แล้ว +1

    O cara é bom mesmo!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Ele é BRABO! 💜

  • @danilotrindade1355
    @danilotrindade1355 3 ปีที่แล้ว +1

    Que didática fantástica, virei seu fã cara! Parabéns pelo trabalho!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaala, Danilo!
      Que massa que curtiu! Maykão é fera! 💜 😍

  • @gutemberguemascarenhas7890
    @gutemberguemascarenhas7890 3 ปีที่แล้ว

    Excelente!

  • @-lotosuy
    @-lotosuy 3 ปีที่แล้ว +1

    Muito bom, me esclareceu algumas coisas que eu ainda tinha dificuldade de entender, vlw

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa! 💜 😍

  • @Deco.o
    @Deco.o 3 ปีที่แล้ว

    Esses quadros estão incríveis. Valeu Rocket por proporcionar esses conteúdos.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Que bom que curte, André! Nós que agradecemos o feedback! 💜 🚀

  • @pedrogregorio990
    @pedrogregorio990 3 ปีที่แล้ว +1

    God d+ Maykão

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Ele é fera, né, Pedro!? 💜

  • @duda-ll6wu
    @duda-ll6wu 2 ปีที่แล้ว +2

    00:00 Object Literal
    12:50 Factory
    21:40 Prototype
    31:26 Class

  • @jferreiraplaygames3421
    @jferreiraplaygames3421 3 ปีที่แล้ว

    Mano sensacional este Root por mais série assim!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa que ta curtindo! 🚀 💜

  • @TheGiordanox
    @TheGiordanox 3 ปีที่แล้ว +1

    Que beleza de conteúdo

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Demais, né, Giordano!? 💜

    • @TheGiordanox
      @TheGiordanox 3 ปีที่แล้ว

      @@rocketseat Didática excelente. Até me matriculei no NLW depois de assistir.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Que show! Seja muito bem vindo! O evento vai ser incrível! 😉 💜

  • @kataik_
    @kataik_ 3 ปีที่แล้ว

    Essa séria do #root é muito boa, maykão mandou muito 💜

  • @novidade16
    @novidade16 2 ปีที่แล้ว

    Top
    Amei

  • @luigiraynel8718
    @luigiraynel8718 3 ปีที่แล้ว +3

    Boa Mykao

    • @maykbrito
      @maykbrito 3 ปีที่แล้ว +1

      😊🙏

  • @redh4y
    @redh4y 3 ปีที่แล้ว

    Vídeo incrível com a melhor didática possível, Maykão! Parabéns pelo conteúdo excelente. Ter conhecimento não é o mesmo que saber repassa-lo e isso você faz extremamente bem.
    Poderia fazer um vídeo explicando a "herança" nas Classes? Seria uma abordagem bem legal também, pois aprofundaria melhor esse conteúdo/assunto.
    Abraço! Tudo de melhor, meu querido.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Woow!
      Que massa que curtiu, Luiz! Maykão é fera demais, né!? 💜 😍
      Sugestão anotadíssima! 😉

  • @ricardoalmeida7607
    @ricardoalmeida7607 3 ปีที่แล้ว

    Obrigado! Fantástica a forma que você explica.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Woow!
      Que bom que curtiu! Maykão manda muito bem, né, Ricardo!? 💜

    • @ricardoalmeida7607
      @ricardoalmeida7607 3 ปีที่แล้ว

      @@rocketseat sim. Vocês todos aí são feras! Obrigado por compartilharem e simplificarem as tecnologias. Gratidão!

  • @marcosaugusto4915
    @marcosaugusto4915 2 ปีที่แล้ว

    Muito bom!!

  • @primeiro_mentalidade
    @primeiro_mentalidade 3 ปีที่แล้ว

    Boa Maikão, já assisti, vou assistir de novo, e no futuro irei consultar outras vezes! kkkkkk

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Boa, Leo! HAHAHAHA 🤣 💜

  • @saulocosta3434
    @saulocosta3434 3 ปีที่แล้ว +1

    Maykão

  • @thomasvieira
    @thomasvieira 3 ปีที่แล้ว

    Super Maykão com seus Mayk-o-frones!

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Boa! HAHAHAHAHA 🤣 💜

  • @code_masters3621
    @code_masters3621 2 ปีที่แล้ว

    Mayke vc saberia me dizer todas as formas de criar objeto em javascript?
    A propósito ótima aula...

  • @Messias_Filo
    @Messias_Filo 10 หลายเดือนก่อน

    Esse aula tinha que ser paga!...😅
    Aprendi muito...👌

  • @alexpassospro8504
    @alexpassospro8504 2 ปีที่แล้ว

    "Mayk Grande" me quebrou kkkkk

  • @TheShadownX
    @TheShadownX 3 ปีที่แล้ว +2

    Muito boa a aula Mayk!! Agora, qual a chance de fazer um vídeo explicando sobre o this? Porque as vezes dá um nó na cabeça essas coisas hahahaha

    • @redh4y
      @redh4y 3 ปีที่แล้ว +1

      Ele tem um vídeo aqui no próprio canal da Rocketseat sobre o This! th-cam.com/video/GSqR2i-Pq6o/w-d-xo.html

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +2

      Que massa que curtiu, Vitor! 💜
      Realmente, né!? Espero que o vídeo que o Luiz mandou aqui te ajude de alguma forma! 😍
      Qualquer dúvida bora lá pra nossa comunidade! 😉 🚀

    • @TheShadownX
      @TheShadownX 3 ปีที่แล้ว +1

      opa, muito obrigado, não parei pra procurar o vídeo antes! valeu Luiz e Rocketseat

  • @rodrigoalvessouza1391
    @rodrigoalvessouza1391 3 ปีที่แล้ว

    Quero aulas de css e UX Design pfffffff

  • @gabrielmasson8265
    @gabrielmasson8265 3 ปีที่แล้ว

    Ele explicando parece que ficou tudo mais fácil

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Esse é o poder do Maykão! 💜 👀

  • @tonalmeida6023
    @tonalmeida6023 3 ปีที่แล้ว

    Awesome 😎

  • @LivesDoVini
    @LivesDoVini 3 ปีที่แล้ว

    Ia ser legal fazer um vídeo falando o que eu prrciso saber pra entrar pro ignite, pra iniciar no react, enfim, adorei o vídeo 💜

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Faaaala, dev! Beleza!?
      Sugestão anotadíssima! 😉
      Enquanto isso, deixo o link do nosso site aqui pra você dar uma olhadinha sobre:
      rocketseat.com.br/ignite
      💜 😍

  • @giulianabezerra
    @giulianabezerra 3 ปีที่แล้ว

    Excelente conteúdo! Fiquei com uma dúvida apenas, vale a pena usar o prototype tendo a classe como alternativa mais elegante? Entendi que é importante saber como funciona o protótipo até porque as classes usam isso por baixo dos panos, mas não sei se ainda é uma alternativa válida hoje em dia para criar objetos.

    • @maykbrito
      @maykbrito 3 ปีที่แล้ว

      Eu usaria Classes mesmo Giu

  • @ricardoalmeida7607
    @ricardoalmeida7607 3 ปีที่แล้ว

    👏

  • @DjEdu28
    @DjEdu28 3 ปีที่แล้ว

    vlw!

  • @gixebsbdf
    @gixebsbdf 2 ปีที่แล้ว

    ÓTIMA EXPLICAÇÃO PARABÉNS, SÓ ACHO QUE COMO É PARA INIANTES DEVERIA SER EM PORTUGUÊS.

  • @rodrigocferreira8891
    @rodrigocferreira8891 3 ปีที่แล้ว +3

    Oi Maykao, tudo bem? Qual editor de código de código vc está usando? Eu não sou da área de tecnologia... Sou contador... Tô querendo aprender e tenho acompanhado os conteúdos da rocketseat

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Faaaala, Rodrigo! Beleza!?
      É o *VSCode* 💜

    • @rodrigocferreira8891
      @rodrigocferreira8891 3 ปีที่แล้ว

      @@rocketseat muito obrigado! vlw mesmo!

    • @rafaelvilela8655
      @rafaelvilela8655 3 ปีที่แล้ว +1

      Opa Rodrigo, tudo bem? Eu também sou contador e estou buscando aprender a programar, você está querendo mudar de área? Ou quer unir as duas?

    • @rodrigocferreira8891
      @rodrigocferreira8891 3 ปีที่แล้ว +1

      @@rafaelvilela8655 oi tudo bem

    • @rodrigocferreira8891
      @rodrigocferreira8891 3 ปีที่แล้ว +1

      @@rafaelvilela8655 bom... Ainda não me decidi... Pq empreender juntando as duas áreas me interessa... Mas, por não conhecer nenhuma rotina de trabalho ou o cotidiano da área de ti, pretendo procurar emprego e me qualificar antes de tentar fazer outras coisas.
      A rocketseat tem sido meu ponto de apoio e descoberta nessa área... Cada dia aprendo mais e descobri mais por causa deles!

  • @felipembraga
    @felipembraga 3 ปีที่แล้ว

    myke, como vc faz esse negócio de desenhar na tela? Poxa, é incrível haha

    • @felipembraga
      @felipembraga 3 ปีที่แล้ว

      #PR

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Felipe!
      É demais, né!? É uma aplicação que o próprio Maykão desenvolveu! 💜
      Vou deixar o link aqui pra você: github.com/maykbrito/screenboard
      Olha que show! 👀 😍

  • @luciooliveira7940
    @luciooliveira7940 2 ปีที่แล้ว

    Opa, boa tarde, amigo. Como eu poderia montar um vetor com o elemento inicial xi, elemento final xf, e N elementos? Pq no matlab, a pessoa da pra fazer com a função linspace(), porém como sou novo o javascript não tou conseguindo. Acho que da pra fazer com o for.

  • @alfredoepq9689
    @alfredoepq9689 2 ปีที่แล้ว

    Alguém pode me ajudar nessa dúvida. Myke comentou que isolou isOn na factory function (colocou em comentário) e que no object literal não dá pra fazer isso. Não entendi porque não dá, se ele apenas comentou o código e por isso não mostrava novamente.

  • @ReimundOficial
    @ReimundOficial 2 ปีที่แล้ว

    gostei de mais da didática, mas preciso fazer uma piada kkkk sorry: "o nível é tão elevado, que escreve microfone em português e fala em inglês" kkkkkkkk sorry, mas sério mesmo, explicou muito bem, muito obrigado

  • @lucasssilva4254
    @lucasssilva4254 3 ปีที่แล้ว

    Meu, a quantidade de vezes que já escrevi 83274 linhas a mais por não conhecer algumas dessas funcionalidades do js...

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว +1

      Quem nunca... 👀 🤣
      Importante é que agora conhece, Lucas! 💜 😍

  • @gabrielsouza9573
    @gabrielsouza9573 3 ปีที่แล้ว

    No caso do factory nn tem problema na alteração do toggle? pq o isOn só existe no contexto da função logo toda fez que eu executar a função o isOn será true entao meu toggle sempre muda de true pra false, ou eu que entendi errado?

    • @maykbrito
      @maykbrito 3 ปีที่แล้ว

      Na Factory, você executa a função somente uma vez, quando for criar seu objeto. Depois, você só usa o objeto, suas propriedades e métodos. Desta forma, o isOn irá guardar o estado do objeto e todas as vezes que executar o toggleOnOff, ele irá lembrar em qual estado está o isOn, se true ou se false.

  • @brunosantanadev
    @brunosantanadev 3 ปีที่แล้ว

    Como faço para acessar esse curso exatamente ?
    Entrei no link mais não tem curso nenhum lá.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Faaaaala, Bruno! Beleza?
      Você pode encontrar nossos cursos gratuitos aqui, no Discover! 💜
      app.rocketseat.com.br/discover
      Já o Ignite, só fica disponível pra compra nas semanas de inscrição! 👀
      Caso queira dar uma olhadinha nos detalhes, temos aqui no nosso site:
      rocketseat.com.br/ignite
      Qualquer dúvida pode falar! 😉 🚀

    • @brunosantanadev
      @brunosantanadev 3 ปีที่แล้ว

      @@rocketseat valeu agora consegui :D

  • @lucassantana00
    @lucassantana00 ปีที่แล้ว

    Resumindo, entre prototype e class, usar o class

  • @willianzuqui8005
    @willianzuqui8005 3 ปีที่แล้ว +2

    microphone britão kkkk 🤣