Organização de código com Design Pattern Decorator | Code/Drops #56

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии •

  • @PuerinTheHunter
    @PuerinTheHunter 4 года назад

    Excelente instrução!

  • @aurinojunior97
    @aurinojunior97 4 года назад

    Muito bom Maykão, vai ajudar muito :D

  • @elliotalderson5833
    @elliotalderson5833 4 года назад +1

    Excelente vídeo!

    • @maykbrito
      @maykbrito 4 года назад +1

      Obg Elliot

    • @rocketseat
      @rocketseat  4 года назад +1

      Valeeu Mr. Robot! 💜💜

  • @EltonFPV
    @EltonFPV 4 года назад

    salve Maikão!!! video muito massa!!!

  • @luizfelipepereirabandeira2895
    @luizfelipepereirabandeira2895 4 года назад

    Maicao nao conhecia esse design pattern gostei bastante dele ja e uma ferramenta nova que posso usar pro refactory

    • @rocketseat
      @rocketseat  4 года назад

      Boa Luiz!! Valeeeu pelo feedback! 💜

  • @Fernando-du5uj
    @Fernando-du5uj 4 года назад

    Já usava Decorator e não sabia kkkk, valeu Maykão!

    • @rocketseat
      @rocketseat  4 года назад +1

      Hahah boa Fernando! Essa foi fácil. 😄💜

  • @victorxavier4086
    @victorxavier4086 4 года назад

    Obrigado Maykão por mais esse conteúdo. Vi a atualização no Git do projeto e tava só no aguardo.

    • @rocketseat
      @rocketseat  4 года назад

      Haha valeeu Victor! 💜

  • @xmatheusftc
    @xmatheusftc 4 года назад +1

    Boa Maykão. Vlw demais.

    • @maykbrito
      @maykbrito 4 года назад +1

      Valeu Matheus 🚀

    • @rocketseat
      @rocketseat  4 года назад +1

      Valeeeu pelo feedback, Matheus! 💜

  • @RafaelGomes01
    @RafaelGomes01 4 года назад +1

    Show, falou que ia ver se conseguia esse vídeo pra gente e conseguiu. Parabéns Maykão!!

  • @LIMAO89
    @LIMAO89 4 года назад +1

    Que coisa mais bonita!!!

    • @maykbrito
      @maykbrito 4 года назад

      É massa né André? Que bom que curtiu

    • @LIMAO89
      @LIMAO89 4 года назад

      @@maykbrito massa é essa cabeleira ai!!!

    • @maykbrito
      @maykbrito 4 года назад

      @@LIMAO89 hahahha 🥰

    • @rocketseat
      @rocketseat  4 года назад

      😍💜💜

  • @adelinopds
    @adelinopds 4 года назад +1

    Simplesmente sensacional 😃.
    Design muito bem:
    Explicado, aplicado e desenhado.

    • @maykbrito
      @maykbrito 4 года назад

      ❤️❤️❤️ obg Adelino

    • @rocketseat
      @rocketseat  4 года назад

      Valeeeu Adelino! 💜💜

  • @FernandoParmezaniOficial
    @FernandoParmezaniOficial 4 года назад +1

    Muito bom mesmo, parabéns man!

    • @maykbrito
      @maykbrito 4 года назад

      valeu Fernando 🧡

    • @rocketseat
      @rocketseat  4 года назад

      Que bom que curtiu!! Valeeu Fernando! 💜

  • @fabiobaziota5919
    @fabiobaziota5919 4 года назад +1

    Mayck assim não, assim fico ainda mais teu fã, cara era exactamente isso que eu pedi e vcs trouxeram, Rocketseat eu vos amo. 😍💜

  • @gustavomelo3718
    @gustavomelo3718 4 года назад +14

    CERTEZA que a rocket seat desenvolveu uma aplicação que fica em stand by escutando o que eu falo e pesquisdo e produz um vídeo para cada uma dessas coisas que eu pesquisei, muito obrigado Maykão, vou ver e rever esse vídeo eternamente.

    • @maykbrito
      @maykbrito 4 года назад

      Será 🤨😬😝

    • @anarcus
      @anarcus 4 года назад

      Google e Facebook: ANOTA ANOTA

    • @rocketseat
      @rocketseat  4 года назад

      Hahahaha putz, acho que nos descobriram 👀😄

  • @renansouza351
    @renansouza351 4 года назад +3

    Muito bom Maykão!
    Eu to estudando alguns designs patterns e esse vídeo vai incrementar bastante.

    • @maykbrito
      @maykbrito 4 года назад

      Que show Renan! TMJ!

    • @rocketseat
      @rocketseat  4 года назад

      Que massa Renan!! Valeu pelo feedback! 💜💜

  • @samukaalejandro6754
    @samukaalejandro6754 4 года назад

    Mayk, eu percebi que o arquivo index tava com o problema de que um desenvolvedor poderia confundir a ordem dos decorators e quebrar a aplicação, então já que existe um acoplamento implícito achei melhor deixá-lo explícito, assim:
    import createCanvas from './Canvas.js';
    import setPreview from './Preview.js'
    import configureLoad from './SelectionTool.js';
    import addCropAction from './Crop.js';
    import addDownloadAction from './Download.js';
    import createSelectionTool from './Load.js';
    import createPhoto from './Photo.js';
    const Photo = createPhoto();
    const PhotoWithCanvas = createCanvas(Photo);
    const PhotoWithPreview = setPreview(PhotoWithCanvas);
    const PhotoLoadConfigured = configureLoad(PhotoWithPreview);
    const PhotoCompleteConfigured = createSelectionTool(PhotoLoadConfigured);
    const PhotoWithCropAction = addCropAction(PhotoCompleteConfigured);
    const PhotoComplete = addDownloadAction(PhotoWithCropAction);
    export default PhotoComplete;

  • @leto5055
    @leto5055 4 года назад +8

    Só aumenta a ansiedade para NLW #03, vídeo incrível. :D

    • @maykbrito
      @maykbrito 4 года назад +2

      Tá chegando, tá chegando!!

    • @leto5055
      @leto5055 4 года назад

    • @rocketseat
      @rocketseat  4 года назад +1

      Falta poouco! 💜🚀

  • @darioluiztezolin5329
    @darioluiztezolin5329 4 года назад +1

    AAAh, não vejo a hora de terminar o bootcamp, pra poder vim consumior os Code Drops do Maycão!!! HEHEHE... espera que to chegando kkk

    • @maykbrito
      @maykbrito 4 года назад +1

      hahaaha. toopp Dario

    • @rocketseat
      @rocketseat  4 года назад +1

      Hahah boraaa Dario! 🚀

  • @oguivictor
    @oguivictor 4 года назад +3

    Pode ter vídeos sobre outros design patterns tb, tipo factory e contructor.

    • @maykbrito
      @maykbrito 4 года назад +1

      Claro.. vou deixar já anotado aqui 🥰

    • @ricardoutino619
      @ricardoutino619 4 года назад

      Mayk Brito
      foi Exatamente nisso que pensei,
      valew Maykão vocês são top

    • @rocketseat
      @rocketseat  4 года назад

      Opa! Ótima ideia Guilherme! Valeeu pela sugetão! 💜

  • @aurinojunior97
    @aurinojunior97 4 года назад

    Alguem sabe qual o code drop que o maykão ensina a fazer isso que ele comenta aos 5:50

  • @joaofernandes7066
    @joaofernandes7066 4 года назад +6

    Curto demais quando a Rocket traz conteúdos direcionados ao JS puro! Alias, Maykão sempre representando muito bem o MS :)

    • @maykbrito
      @maykbrito 4 года назад

      Grande João !! TMJ 🚀

    • @rocketseat
      @rocketseat  4 года назад

      Que massa João! Muito obrigado mesmo pelo feedback ! 💜💜

  • @paranahue-spc
    @paranahue-spc 4 года назад

    Ae Maykão, qual é este tema que vc utilizar no vscode??

  • @BearkFearGamer
    @BearkFearGamer 4 года назад

    Fala maicao, poderia fazer um video de tailwindcss?

    • @rocketseat
      @rocketseat  4 года назад

      Faala, dev! Opa, valeeu pela sugestão! Vamos tentar trazer algo com ele sim! 💜

  • @marchonnf
    @marchonnf 4 года назад +1

    Que tema é esse do VsCode?

    • @maykbrito
      @maykbrito 4 года назад +1

      Launchbase

    • @marchonnf
      @marchonnf 4 года назад +1

      Obrigado Maykão, vc é "monstro". Excelente aula a propósito

    • @maykbrito
      @maykbrito 4 года назад +1

      @@marchonnf 😍😍😍🙏🙏🙏 Obg

    • @rocketseat
      @rocketseat  4 года назад +1

      💜💜

  • @gubmx20
    @gubmx20 4 года назад

    Um site que uso como referência para lembrar dos design patterns na hora de aplicar...
    refactoring.guru/design-patterns
    tem exemplos de código pra várias linguagens inclusive Typescript. ;)

    • @rocketseat
      @rocketseat  4 года назад +1

      Que massa Gustavo!! Valeeu por compartilhar! 💜

    • @maykbrito
      @maykbrito 4 года назад

      Que incrível! Não conhecia.. Muito obrigado Gustavão! 💜

  • @LeandroCorso
    @LeandroCorso 4 года назад +9

    Só uma correção até boba, desenho não é a tradução de design. Desenho em inglês é draw.
    Design é sinônimo de project, ou seja: projeto. Então design pattern traduzido é literalmente "padrão de projeto".
    O termo "design" foi introduzido por falta de uma tradução boa que fizesse alguma diferença da palavra "projeto". Foi sugerido "projética", mas não pegou.
    Isso no português, pq no espanhol foi traduzido como deseno (não consegui por o til no N), que em português ficaria "desenho", porém se for levar a origem inglesa da palavra perde um pouco do sentido.

    • @maykbrito
      @maykbrito 4 года назад +3

      Correção lindíssima Leandro (nada de boba não). Eu tinha o entendimento que design também significa desenho, mas na ideia de projetar, ou modelar, aí, procurei fazer de um jeito para explicar, mas percebo agora, com seu comentário (rico e muito relevante) que eu deveria ter completado a ideia com a tradução mais assertiva que é: Padrão de Projeto; como você bem colocou. Gratidão por esse comentário irmão, pois me trouxe reflexão e aprendizado 🧡

    • @rocketseat
      @rocketseat  4 года назад +2

      Muito bem observado Leandro!! Mayk já explicou acima, mas muito obrigado pelo comentário contribuindo para isso!! 💜😍😍

  • @guilhermenallin538
    @guilhermenallin538 4 года назад +1

    Gostei muito da aula. Podemos então dizer que alguns frameworks como o VUEjs usa design patterns como padrão e requisito para ser usado ?

    • @maykbrito
      @maykbrito 4 года назад

      siimm. Framework é carregado de padrões, a fim de facilitar nossa vida 😍✌️

    • @rocketseat
      @rocketseat  4 года назад

      💜💜

  • @felipeacoutinho8986
    @felipeacoutinho8986 3 года назад

    Eu procurando resolver meu problema aparece o Mykao.

  • @RodrigoOliveira-bz9zd
    @RodrigoOliveira-bz9zd 4 года назад

    Ae Mayk, pra selecionar as strings sem se embananar com o cursos do mouse vc pode selecionar e ir apertando COMMAND + D até selecionar tudo!

  • @gabriellima2751
    @gabriellima2751 4 года назад +3

    Vídeo sensacional! Maykão quais são as suas referências para aprender esses padrões de projeto? Seria apenas pesquisando na internet ou você busca em outras fontes?

    • @maykbrito
      @maykbrito 4 года назад +2

      Pesquisas na Internet mesmo 😍

    • @gabriellima2751
      @gabriellima2751 4 года назад

      @@maykbrito vlw maykão! Tu é fera

    • @maykbrito
      @maykbrito 4 года назад +1

      @@gabriellima2751 😍😍😍🙏🙏🙏

    • @rocketseat
      @rocketseat  4 года назад +1

      💜💜

  • @allancassio6674
    @allancassio6674 4 года назад +1

    Fala maykao. Fala @rockeyseat ... O mayk começou o vídeo falando de um codedrop passado, q eu começando agora a acompanhar os codedrops não sei qual é. Pfv. Ajuda aí?!!

    • @rocketseat
      @rocketseat  4 года назад +1

      Faala, Allan! É esse aqui: studio.ruclips.net/user/video-RWPvVcYAC4/edit/basic

    • @allancassio6674
      @allancassio6674 4 года назад +1

      @@rocketseat acho q o link está errado. Está me redirecionando para o RUclipstube studio

    • @PuerinTheHunter
      @PuerinTheHunter 4 года назад +1

      O link correto é ruclips.net/video/-RWPvVcYAC4/видео.html

    • @allancassio6674
      @allancassio6674 4 года назад +1

      @@PuerinTheHunter muuuuuuito obg. Boy assitir a aula la, e depois volto nesse aq

  • @SoftwareUniverso
    @SoftwareUniverso 4 года назад +1

    Top

  • @jamilsonmelo8138
    @jamilsonmelo8138 4 года назад +1

    Que aula Maikão. eu liguei computador pra ver esse pattern e como funcionava.daí dou de cara com isso quando abro o youtube. Alguém me explica isso ai?

    • @maykbrito
      @maykbrito 4 года назад

      Que show que curtiu Jamilson 😍. A gente lê mentes rsrsr

    • @rocketseat
      @rocketseat  4 года назад

      Hahahaha só digo isso: 🔮

  • @henrique_e_nas
    @henrique_e_nas 4 года назад

    Uaaii, e como funcionaria esse design pattern pra uma linguagem fortemente tipada, tipo Java? não consigo enxergar mto bem..

  • @SinagogaDaJustica
    @SinagogaDaJustica 4 года назад +1

    o pior quando a gente e preguiçoso kk

    • @maykbrito
      @maykbrito 4 года назад +1

      hahahaahh😅

    • @rocketseat
      @rocketseat  4 года назад +1

      Hahaha esse é um problema grave 😄

  • @tav1119
    @tav1119 4 года назад

    Da até agonia de ver esses códigos em js puro. Não dá pra ter um projeto grande, com baixa manutenção e alta evolução. Não adianta galera , js puro é a casa da mãe Joana. Por isso typescript cresceu e irá continuar crescendo.

  • @ruszomalkuko
    @ruszomalkuko 4 года назад +1

    Excelente tutorial mas...
    Maykão, DESIGN NÃO SIGNIFICA DESENHO!
    Design é projeto, projetagem, etc.
    Design Patterns seria algo como "pensamento de como padronizar um projeto" e não desenho padrão/padrão de desenho
    Muitas pessoas acham que design é desenho, mas não que um projeto de design não contenha desenhos como esboços para o produto final, como layouts de wireframes e primeiros esboços de uma cadeira. Mas, considerar design apenas como desenho é errado!
    Abraços!

    • @rocketseat
      @rocketseat  4 года назад

      Faala, dev! Valeeu pelo feedback! O Mayk percebeu depois que não havia ficado tão claro mesmo haha. Ele quis usar de uma forma mais simples de compreender, mas entendeu que não ficou muito clara a tradução e termo usado! Valeeu pelo aviso! 😍💜

    • @adrianocamargo1294
      @adrianocamargo1294 4 года назад

      Exato, muito bem colocado.
      Erroneamente se faz uso hoje de design como desenho, como se todo designer apenas desenha produto, sem se preocupar com todo o planejamento.
      mas entendo que o o Maik não usou isso por mal, mas sim como um vicio do mercado hoje.

  • @matheusrezendecoutodepaula3254
    @matheusrezendecoutodepaula3254 4 года назад

    kgit

  • @mateushenrique6421
    @mateushenrique6421 4 года назад +1

    codigo sem ; da ate nervoso em mim kkk

    • @maykbrito
      @maykbrito 4 года назад +1

      hahahaa.. vou pensar em instalar o eslint e habilitar a automação pra gente Mateuzaum 🥰

    • @rocketseat
      @rocketseat  4 года назад

      Hahaha 😄😄

  • @mateushenrique6421
    @mateushenrique6421 4 года назад

    O diego poderia fzr um video mostrando esse patern com o ts (ultilizando isto: www.typescriptlang.org/docs/handbook/decorators.html )

    • @rocketseat
      @rocketseat  4 года назад

      Faala, Mateus! Boaa, valeeu pela sugestão! 💜💜