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.
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;
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. ;)
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.
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 🧡
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?
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í?!!
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?
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.
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!
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! 😍💜
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.
Excelente instrução!
Muito bom Maykão, vai ajudar muito :D
Excelente vídeo!
Obg Elliot
Valeeu Mr. Robot! 💜💜
salve Maikão!!! video muito massa!!!
Valeeeeu Elton! 💜
Maicao nao conhecia esse design pattern gostei bastante dele ja e uma ferramenta nova que posso usar pro refactory
Boa Luiz!! Valeeeu pelo feedback! 💜
Já usava Decorator e não sabia kkkk, valeu Maykão!
Hahah boa Fernando! Essa foi fácil. 😄💜
Obrigado Maykão por mais esse conteúdo. Vi a atualização no Git do projeto e tava só no aguardo.
Haha valeeu Victor! 💜
Boa Maykão. Vlw demais.
Valeu Matheus 🚀
Valeeeu pelo feedback, Matheus! 💜
Show, falou que ia ver se conseguia esse vídeo pra gente e conseguiu. Parabéns Maykão!!
Tmj Rafa🧡
É o Mayk né haha 😄
Que coisa mais bonita!!!
É massa né André? Que bom que curtiu
@@maykbrito massa é essa cabeleira ai!!!
@@LIMAO89 hahahha 🥰
😍💜💜
Simplesmente sensacional 😃.
Design muito bem:
Explicado, aplicado e desenhado.
❤️❤️❤️ obg Adelino
Valeeeu Adelino! 💜💜
Muito bom mesmo, parabéns man!
valeu Fernando 🧡
Que bom que curtiu!! Valeeu Fernando! 💜
Mayck assim não, assim fico ainda mais teu fã, cara era exactamente isso que eu pedi e vcs trouxeram, Rocketseat eu vos amo. 😍💜
hahahah TMJ Fábio 🧡
@@maykbrito 💜
Hahah valeeeeu Fabio!! 💜😍😍
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.
Será 🤨😬😝
Google e Facebook: ANOTA ANOTA
Hahahaha putz, acho que nos descobriram 👀😄
Muito bom Maykão!
Eu to estudando alguns designs patterns e esse vídeo vai incrementar bastante.
Que show Renan! TMJ!
Que massa Renan!! Valeu pelo feedback! 💜💜
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;
Só aumenta a ansiedade para NLW #03, vídeo incrível. :D
Tá chegando, tá chegando!!
❤
Falta poouco! 💜🚀
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
hahaaha. toopp Dario
Hahah boraaa Dario! 🚀
Pode ter vídeos sobre outros design patterns tb, tipo factory e contructor.
Claro.. vou deixar já anotado aqui 🥰
Mayk Brito
foi Exatamente nisso que pensei,
valew Maykão vocês são top
Opa! Ótima ideia Guilherme! Valeeu pela sugetão! 💜
Alguem sabe qual o code drop que o maykão ensina a fazer isso que ele comenta aos 5:50
Curto demais quando a Rocket traz conteúdos direcionados ao JS puro! Alias, Maykão sempre representando muito bem o MS :)
Grande João !! TMJ 🚀
Que massa João! Muito obrigado mesmo pelo feedback ! 💜💜
Ae Maykão, qual é este tema que vc utilizar no vscode??
Fala maicao, poderia fazer um video de tailwindcss?
Faala, dev! Opa, valeeu pela sugestão! Vamos tentar trazer algo com ele sim! 💜
Que tema é esse do VsCode?
Launchbase
Obrigado Maykão, vc é "monstro". Excelente aula a propósito
@@marchonnf 😍😍😍🙏🙏🙏 Obg
💜💜
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. ;)
Que massa Gustavo!! Valeeu por compartilhar! 💜
Que incrível! Não conhecia.. Muito obrigado Gustavão! 💜
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.
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 🧡
Muito bem observado Leandro!! Mayk já explicou acima, mas muito obrigado pelo comentário contribuindo para isso!! 💜😍😍
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 ?
siimm. Framework é carregado de padrões, a fim de facilitar nossa vida 😍✌️
💜💜
Eu procurando resolver meu problema aparece o Mykao.
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!
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?
Pesquisas na Internet mesmo 😍
@@maykbrito vlw maykão! Tu é fera
@@gabriellima2751 😍😍😍🙏🙏🙏
💜💜
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í?!!
Faala, Allan! É esse aqui: studio.ruclips.net/user/video-RWPvVcYAC4/edit/basic
@@rocketseat acho q o link está errado. Está me redirecionando para o RUclipstube studio
O link correto é ruclips.net/video/-RWPvVcYAC4/видео.html
@@PuerinTheHunter muuuuuuito obg. Boy assitir a aula la, e depois volto nesse aq
Top
🚀
🚀💜
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?
Que show que curtiu Jamilson 😍. A gente lê mentes rsrsr
Hahahaha só digo isso: 🔮
Uaaii, e como funcionaria esse design pattern pra uma linguagem fortemente tipada, tipo Java? não consigo enxergar mto bem..
o pior quando a gente e preguiçoso kk
hahahaahh😅
Hahaha esse é um problema grave 😄
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.
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!
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! 😍💜
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.
kgit
codigo sem ; da ate nervoso em mim kkk
hahahaa.. vou pensar em instalar o eslint e habilitar a automação pra gente Mateuzaum 🥰
Hahaha 😄😄
O diego poderia fzr um video mostrando esse patern com o ts (ultilizando isto: www.typescriptlang.org/docs/handbook/decorators.html )
Faala, Mateus! Boaa, valeeu pela sugestão! 💜💜