JavaScript - Maneiras de criar objetos - Root #03

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.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
Nos ouça também no Spotify:
- Podcast Faladev
- Podcast Alumni

Пікірлер: 132

  • @viniciusm.m.7822
    @viniciusm.m.78223 жыл бұрын

    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
    @OMARLEI12 жыл бұрын

    Sabe tudo e mais um pouco!

  • @eltonsantosoficial
    @eltonsantosoficial3 жыл бұрын

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

  • @maykbrito

    @maykbrito

    3 жыл бұрын

    💜

  • @guitt-web-code
    @guitt-web-code2 жыл бұрын

    cara simplesmente sensacional!

  • @hugoleonardo1394
    @hugoleonardo13943 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @samueloliveira4465
    @samueloliveira44653 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @diegosantosmoto
    @diegosantosmoto Жыл бұрын

    Cara, o mayk manda bem demais!👍

  • @jair-araujo
    @jair-araujo3 жыл бұрын

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

  • @maykbrito

    @maykbrito

    3 жыл бұрын

    🙌

  • @tiagogb9156
    @tiagogb91563 жыл бұрын

    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.

  • @Mark-km5qc
    @Mark-km5qc Жыл бұрын

    maykão é o deus da explicação

  • @joaopedrocarvalho5371
    @joaopedrocarvalho53712 жыл бұрын

    Muito obrigado, Mayk!

  • @aviz739
    @aviz7392 жыл бұрын

    Didática fenomenal!!!

  • @danielvinicius4906
    @danielvinicius49063 жыл бұрын

    Top

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    💜

  • @kataik_
    @kataik_3 жыл бұрын

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

  • @gutemberguemascarenhas7890
    @gutemberguemascarenhas78903 жыл бұрын

    Excelente!

  • @MinergameRsxD
    @MinergameRsxD3 жыл бұрын

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

  • @salomaosantos1335
    @salomaosantos13353 жыл бұрын

    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

  • @CanalQuasePlanck
    @CanalQuasePlanck3 жыл бұрын

    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... 👀 🚀

  • @gabrielbittencourt150
    @gabrielbittencourt1503 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @rafaelag9036
    @rafaelag90363 жыл бұрын

    É 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! 💜 😍 🚀

  • @marcosaugusto4915
    @marcosaugusto49152 жыл бұрын

    Muito bom!!

  • @novidade16
    @novidade162 жыл бұрын

    Top Amei

  • @amaurijunior1704
    @amaurijunior17042 жыл бұрын

    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

  • @marcelodoispontozero6187
    @marcelodoispontozero61873 жыл бұрын

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

  • @Limaal21
    @Limaal212 жыл бұрын

    ajudou demais obrigado mais uma vez maykão👏😁

  • @kleberbenites
    @kleberbenites3 жыл бұрын

    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!!!

  • @Deco.o
    @Deco.o3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @pedrogregorio990
    @pedrogregorio9903 жыл бұрын

    God d+ Maykão

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Ele é fera, né, Pedro!? 💜

  • @duda-ll6wu
    @duda-ll6wu2 жыл бұрын

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

  • @alexpereira3161
    @alexpereira31613 жыл бұрын

    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!!

  • @DioneBatista
    @DioneBatista3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Maykão é brabo! 💜 😍

  • @carlobatera
    @carlobatera3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @Mannoeu
    @Mannoeu3 жыл бұрын

    boa maykao

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Emmanuel 💜

  • @jferreiraplaygames3421
    @jferreiraplaygames34213 жыл бұрын

    Mano sensacional este Root por mais série assim!

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Que massa que ta curtindo! 🚀 💜

  • @wistersousa6716
    @wistersousa67163 жыл бұрын

    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

  • @ronaldtomaz8155
    @ronaldtomaz81553 жыл бұрын

    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 жыл бұрын

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

  • @ronaldtomaz8155

    @ronaldtomaz8155

    3 жыл бұрын

    @@rocketseat só na espera haha

  • @joseantonioantonio5246
    @joseantonioantonio52463 жыл бұрын

    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
    @LeonardoRuas3 жыл бұрын

    O cara é bom mesmo!

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Ele é BRABO! 💜

  • @danilotrindade1355
    @danilotrindade13553 жыл бұрын

    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! 💜 😍

  • @-lotosuy
    @-lotosuy3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Que massa! 💜 😍

  • @thomasvieira
    @thomasvieira3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Boa! HAHAHAHAHA 🤣 💜

  • @principe.borodin
    @principe.borodin3 жыл бұрын

    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! 😉 😍

  • @PedroLucas-sf3qv
    @PedroLucas-sf3qv3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Curtiu, Pedro!? 😍

  • @Casadossitesam
    @Casadossitesam3 жыл бұрын

    Muito bom meu professor !!!!!

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Que bom que curtiu, dev! 💜 😍

  • @saulocosta3434
    @saulocosta34343 жыл бұрын

    Maykão

  • @luigiraynel8718
    @luigiraynel87183 жыл бұрын

    Boa Mykao

  • @maykbrito

    @maykbrito

    3 жыл бұрын

    😊🙏

  • @redh4y
    @redh4y3 жыл бұрын

    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 жыл бұрын

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

  • @ricardoalmeida7607
    @ricardoalmeida76073 жыл бұрын

    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!

  • @marcelogomes6922
    @marcelogomes69222 жыл бұрын

    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! 😍 💜

  • @primeiro_mentalidade
    @primeiro_mentalidade3 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Boa, Leo! HAHAHAHA 🤣 💜

  • @TheGiordanox
    @TheGiordanox3 жыл бұрын

    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 жыл бұрын

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

  • @alexpassospro8504
    @alexpassospro85042 жыл бұрын

    "Mayk Grande" me quebrou kkkkk

  • @DjEdu28
    @DjEdu283 жыл бұрын

    vlw!

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    😍 💜

  • @Messias_Filo
    @Messias_Filo10 ай бұрын

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

  • @tonalmeida6023
    @tonalmeida60233 жыл бұрын

    Awesome 😎

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Thanks 💜

  • @ricardoalmeida7607
    @ricardoalmeida76073 жыл бұрын

    👏

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    💜

  • @rodrigoalvessouza1391
    @rodrigoalvessouza13913 жыл бұрын

    Quero aulas de css e UX Design pfffffff

  • @code_masters3621
    @code_masters36212 жыл бұрын

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

  • @LivesDoVini
    @LivesDoVini3 жыл бұрын

    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 жыл бұрын

    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 💜 😍

  • @gabrielmasson8265
    @gabrielmasson82653 жыл бұрын

    Ele explicando parece que ficou tudo mais fácil

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    Esse é o poder do Maykão! 💜 👀

  • @TheShadownX
    @TheShadownX3 жыл бұрын

    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 жыл бұрын

    Ele tem um vídeo aqui no próprio canal da Rocketseat sobre o This! kzread.info/dash/bejne/eYeltJSiXbPXZtI.html

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    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 жыл бұрын

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

  • @gixebsbdf
    @gixebsbdf2 жыл бұрын

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

  • @giulianabezerra
    @giulianabezerra3 жыл бұрын

    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

  • @alfredoepq9689
    @alfredoepq96892 жыл бұрын

    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.

  • @luciooliveira7940
    @luciooliveira79402 жыл бұрын

    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.

  • @felipembraga
    @felipembraga3 жыл бұрын

    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! 👀 😍

  • @gabrielsouza9573
    @gabrielsouza95733 жыл бұрын

    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.

  • @ReimundOficial
    @ReimundOficial2 жыл бұрын

    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

  • @rodrigocosmeferreira8891
    @rodrigocosmeferreira88913 жыл бұрын

    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 жыл бұрын

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

  • @rodrigocosmeferreira8891

    @rodrigocosmeferreira8891

    3 жыл бұрын

    @@rocketseat muito obrigado! vlw mesmo!

  • @rafaelvilela8655

    @rafaelvilela8655

    3 жыл бұрын

    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?

  • @rodrigocosmeferreira8891

    @rodrigocosmeferreira8891

    3 жыл бұрын

    @@rafaelvilela8655 oi tudo bem

  • @rodrigocosmeferreira8891

    @rodrigocosmeferreira8891

    3 жыл бұрын

    @@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!

  • @lucassantana00
    @lucassantana00 Жыл бұрын

    Resumindo, entre prototype e class, usar o class

  • @lucasssilva4254
    @lucasssilva42543 жыл бұрын

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

  • @rocketseat

    @rocketseat

    3 жыл бұрын

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

  • @brunosantanadev
    @brunosantanadev3 жыл бұрын

    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

  • @willianzuqui8005
    @willianzuqui80053 жыл бұрын

    microphone britão kkkk 🤣

  • @rocketseat

    @rocketseat

    3 жыл бұрын

    HAHAHAHAHA 💜