Um dos conceitos mais importantes na Programação!

Поділитися
Вставка
  • Опубліковано 29 жов 2019
  • ✅ 𝗔𝗚𝗢𝗥𝗔 𝗘𝗨 𝗧𝗘𝗡𝗛𝗢 𝗨𝗠 𝗖𝗨𝗥𝗦𝗢 😍
    ▸ Olha que massa que ficou: curso.dev/
    Separation of Concerns é um dos conceitos mais importantes que você programador deve aprender. Nesse vídeo nós vamos passar juntos por 2 exercícios práticos para forçar o seu cérebro a pensar de uma forma abstrata. Com isso, vamos conseguir separar a Estrutura de Dados da Apresentação dos Dados e isso não chega a ser um design pattern, mas é um conceito, um princípio para evitar acoplamento no seu software.
    Quando você destravar esse conceito no seu cérebro, você vai começar a programar sistemas que conseguem evoluir melhor e serem mais facilmente compreendidos e modificados.
    A Estrutura de Dados vamos escrever em um objeto JavaScript e iremos renderizar esses dados em um Canvas no HTML (no frontend) do nosso jogo multiplayer. Então neste vídeo além de você ter uma aula sobre arquitetura de software (sobre um "design principle" na verdade), você vai contar com um tutorial de Canvas bastante interativo.
    ✅ 𝗚𝗢𝗦𝗧𝗔 𝗗𝗘 𝗡𝗢𝗧𝗜𝗖𝗜𝗔𝗦 𝗦𝗢𝗕𝗥𝗘 𝗧𝗘𝗖𝗡𝗢𝗟𝗢𝗚𝗜𝗔?
    ▸ Então você vai pirar nisso: filipedeschamps.com.br/newsle...
    ✅ 𝗢𝗟𝗛𝗔 𝗤𝗨𝗘 𝗠𝗔𝗦𝗦𝗔!
    ▸ Se essas conversas aqui estão fazendo você perceber coisas diferentes no seu código, ou na sua profissão de desenvolvedor, considera se tornar um Membro da Turma. É muito massa porque dá pra ter uma conversa muito mais próxima e discutir coisas bem diferentes e super importantes do nosso dia a dia: ua-cam.com/users/FilipeDescham...
    ✅ 𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟
    ▸ Preguiça: Descobri Como Consertar o Meu Maior Problema
    • Descobri Como Conserta...
    ▸ 3 Técnicas Que Eu Uso Para Aprender a Programar Qualquer Coisa
    • 3 Técnicas Que Eu Uso ...
    ▸ SOLID fica FÁCIL com Essas Ilustrações
    • SOLID fica FÁCIL com E...
    ▸ Eu fiz um dos melhores cursos de Programação do Mundo!
    • Eu fiz um dos melhores...
    ▸ Desafio: 10 projetos rápidos para treinar Programação e conseguir um Emprego
    • Desafio: 10 projetos r...
    ✅ 𝗟𝗜𝗡𝗞𝗦 𝗖𝗜𝗧𝗔𝗗𝗢𝗦 𝗡𝗢 𝗩Í𝗗𝗘𝗢
    ▸ Repositório Jogo Multiplayer: github.com/filipedeschamps/me...
    ▸ Vídeo sobre o Gitpod: • Editor de Código sensa...
    ▸ Playlist do Jogo Multiplayer: • Primeiro Jogo Multiplayer
  • Наука та технологія

КОМЕНТАРІ • 628

  • @FilipeDeschamps
    @FilipeDeschamps  Рік тому +5

    *PERA!!!!!* - Antes de ler os comentários, olha que *massinha* que ficou meu *Curso de Programação* curso.dev To muito orgulhoso, sério 🔥 🔥 🔥

  • @lucas99196
    @lucas99196 4 роки тому +194

    o dia que o Michel Teló do JS tiver um curso na udemy eu compro na hora, 36 horas de dopamina, "olha que delicinha isso", "e pimba", "turma" kkkkkkk

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +22

      hahahahahahahahahahahahahahahaha

    • @rimersongomes1566
      @rimersongomes1566 4 роки тому +6

      Compro na hora!

    • @otaviinn
      @otaviinn 4 роки тому +6

      Eu também, sem pestanejar

    • @ricardohonoriocorreia7862
      @ricardohonoriocorreia7862 4 роки тому +1

      Didática sensacional! O cara consegue se emocionar com os resultados kkkk. Obrigado pelo material excelente!

    • @wagnerjunior3782
      @wagnerjunior3782 4 роки тому

      Poxa, acabei de procurar na Udemy. Ajuda ai Filipe kkkkk.

  • @GabrielPato
    @GabrielPato 4 роки тому +198

    Que delicinha esse vídeo!

    • @gamesantosbr
      @gamesantosbr 4 роки тому +2

      Também achei mesmo

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +14

      hahahahhh dááá-le mestre patooooooo!!! 😍

    • @paulorubens1444
      @paulorubens1444 3 роки тому +2

      O Gabriel ja deve pensar, vou desenvolver um cheat para as coordenadas do meu player serem iguais as coordenadas das frutinhas, pegando todas e ganhando izi kkkkkk brincadeira sei nem oque to falando

    • @SolotoV17
      @SolotoV17 3 роки тому

      @@paulorubens1444 ja viu o video burlando o joguinho da kabum ?, sabe de nada inocente

    • @Cookieukw
      @Cookieukw Рік тому

      Olha se não é o Pabriel Gato

  • @edmilsonmota2505
    @edmilsonmota2505 4 роки тому

    Show....Muito obrigado!!! Mesmo não sabendo programar ainda, entendi toda a lógica e consegui perceber através dos funções utilizadas como os jogos funcionam! Obrigado.

  • @xXMatheusSSZXx
    @xXMatheusSSZXx 4 роки тому +97

    "Olha essa cidade, que DELICINHA!" - DESCHAMPS, Filipe

  • @araujored1146
    @araujored1146 Рік тому +1

    Não costumo comentar em vídeos a não ser que sejam de alto valor iguais a estes! Tá maluco aprendi muito aqui! Obrigado, cara!

  • @LuizCarlosNolasco
    @LuizCarlosNolasco 4 роки тому

    Olá Dechamps. Maravilhoso esse esse recurso do canvas do html. Esse vídeo me fez recordar o meu segundo ano de escola técnica aqui na Itália, onde desenhávamos um círculo e fazianos ele bater na borda do canvas de um lado pra o outro. Mesmo estudo PHP, foi muito instrutivo e muito legal esse vídeo. Valeu!

  • @gleyconxavier2831
    @gleyconxavier2831 4 роки тому +26

    Quando finalmente saber o funcionamento do plano cartesiano se torna útil kkk
    professora!!! nunca duvidei da senhora! kkkk

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +2

      hahahahahahahahah Gleycon, exato!!!!!

    • @argeniosilveira3132
      @argeniosilveira3132 4 роки тому +4

      So tem que se atentar para a posição em que o y se desloca que na programação e no sentido negativo do plano geométrico y plano cartesiano ⬆(geométrico), na programação ⬇

  • @galeradosvidaloka
    @galeradosvidaloka 4 роки тому +1

    Ame alguém que lhe ame como o Deschamps ama nos ensinar!

  • @opedroaranda
    @opedroaranda 4 роки тому

    Filipe meu, só tenho que te agradecer por todo o conhecimento e a experiência que você nos tem passado... Obrigado pelo carisma, pela paciência, pelo amor pelo oq faz. Isso com certeza difere sua pessoa e sua personalidade em relação ao mercado de hoje em dia. Da para perceber nitidamente que você está totalmente disposto em ensinar e somente passar a oportunidade que você tem para as outras pessoas falando de um jeito especial e com muito amor!! Obrigado man por ser você e ser incrível no que faz, espero que nós possamos estar cada vez mais juntos aprendendo, ensinado e trocando idéias sobre coisas novas e o mais importante de tudo... Levar amor para as pessoas através da programação. Valeu por tudo cara!! Você é de ouro.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Que comentário sensacional Pedrin!!! Puts, muito obrigado MESMO!!!! 😍

  • @diogocardoso5185
    @diogocardoso5185 4 роки тому +3

    Aeeeeeeehhhh saiuuu, tava querendo a continuação há um tempão
    Se liga, tu é o cara!

  • @FilipeDeschamps
    @FilipeDeschamps  4 роки тому +62

    *Estou apaixonado por essa a IDE Online que estou usando no vídeo, fiz um rápido review dela aqui:* ua-cam.com/video/Q7YfzbJRzm0/v-deo.html

    • @gustavo.paixao
      @gustavo.paixao 4 роки тому

      Coloca esses dois vídeos na playlist. Parabéns pelo conteúdo de qualidade! :)

    • @RomeuMello
      @RomeuMello 4 роки тому

      Apenas 100 horas por mês de uso, são suficientes para acompanhar os tutoriais?

    • @mixercrafts5138
      @mixercrafts5138 4 роки тому +1

      Cara assistir um video seu que até foi tirado do ar, uma conversa sua com o Gabriel Pato, e uma coisa que percebi que os buscadores do google estam utilizando inteligente artificial nos buscadores, se vc menciona o nome de um livro por exemplo e eu abro outra abra pra pesquisar o google auto completa o nome mostrando no buscador automaticamente, muito louco isso. o google vai se transformar na skynet =)

  • @wmp7848
    @wmp7848 3 роки тому +1

    Esse menino e MT bom!

  • @codificandoideias4244
    @codificandoideias4244 4 роки тому

    Muito massa saber que um vídeo pode ter tanto conteúdo 😃 parabéns! pela didática e pelo conhecimento passado

  • @hiroshi7130
    @hiroshi7130 4 місяці тому

    A primeira vez q assisti esse video, eu tava começando meus estudos de programação e assistir a playlist inteira me atacou com tantos conhecimentos q eu ficava perdido. Eu não conseguia entender as coisas que estavam acontecendo. Agora depois de 1 ano e meio estudando, voltei nesse video porque o youtube me recomendou e é simplesmente impressionante o quanto eu evolui a ponto de saber de cabeça exatamente como o Filipe poderia implementar cada coisa especifica do jogo, e aonde ele estava fazendo errado de propósito pra mostrar outros conceitos depois, como desacoplamento.
    Realmente, só tenho a agradecer a você Filipe, por ter sido minha porta de entrada na programação e hoje, eu conseguir fazer coisas que na época que comecei a assistir seus video, nunca se quer imaginaria conseguir.
    Inclusive, comprei seu curso no lançamento e não me arrependo nenhum pouco.
    Parabéns pelo conteúdo e pelo carinho que você tem pelos vídeos até hoje.

  • @LuisFelipe-td8qk
    @LuisFelipe-td8qk 2 роки тому

    Opa, Filipe! Nunca me interessei em ser um desenvolvedor de jogos, mas assistindo a esta playlist me recordei de um jogo de infância que jogava com meu irmão no PolyStation, TANKS! Está me motivando bastante a fazer um remake dele (com uns toques pessoais, kskskssk), obrigado! 😁

  • @LucasSouza-ph1ug
    @LucasSouza-ph1ug 3 роки тому

    Top, gostei muito do canvas. Nunca tinha utilizado, sou meio leigo no front mas to começando a entender.

  • @gustavogodoy491
    @gustavogodoy491 4 роки тому +2

    Um canal dessa qualidade deveria ter mais inscritos e reconhecimento, obrigado Felipe, por compartilhar conosco e nos ajudar a sermos programadores melhores, sempre acompanho e aplico muito dos conhecimentos aprendidos em seu canal no meu dia a dia, como programador.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Sensacional Gustavo, obrigado pelo apoio meu caro!!!

  • @antoniocarlosdearaujolimaf6375
    @antoniocarlosdearaujolimaf6375 4 роки тому

    Você leciona com um entusiasmo contagiante. Parabéns pelo canal e pelo ótimo conteúdo.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Showww Mr Acalf, e obrigado pelo comentário :)

  • @jeanmarcos8265
    @jeanmarcos8265 4 роки тому

    Didática é uma coisa linda de se ver e você tem muita hahaha, explicar conceitos complexos em um contexto simples mas que não deixa de ser legal, show!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Showww Jean :) sou apaixonado por didática!

  • @leonardofps1
    @leonardofps1 4 роки тому +1

    Que vídeo sensacional, nem parecia que tinha 24 minutos. Sua didática é excelente, cara !

  • @relvascaue4869
    @relvascaue4869 4 роки тому

    Passei a semana tentando aprender canvas.. Agora sei que vou aprender 🏆💻

  • @PersonalXZ
    @PersonalXZ 4 роки тому +25

    o é uma mão na roda, mas eu ainda sinto falta de um sintetizador sonoro no html5 para efeitos sonoros sem uso de wav/mp3.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +2

      Total!!!!

    • @GlauciaLemos
      @GlauciaLemos 4 роки тому +3

      Pode usar um pacote chamado Howler.js ;)
      howlerjs.com/
      Inclusive... tou para escrever um artigo sobre ele & Three.js :)

    • @ffccardoso
      @ffccardoso 4 роки тому +1

      @@GlauciaLemos e aí, escreveu???

    • @GlauciaLemos
      @GlauciaLemos 4 роки тому +2

      @@ffccardoso não. Fiquei doente e de licença e depois tive uma entrega grande pra fazer aqui na MS q nem tive tempo. Mas devo fazer uma série. Assim q sair comunico no twitter a todos. 🙃

    • @gideonsantos8643
      @gideonsantos8643 3 роки тому

      @@GlauciaLemos Já na espera! ^^ Estudo música e irá contribuir mto para muitos projetos por aqui...

  • @PodcastsInternacioanis
    @PodcastsInternacioanis 4 роки тому +1

    Fico feliz de entender tudo sabendo muito pouco de JS, acho que é o primeiro video de JS que entendo tudo kk, adoro seu canal.

  • @DanteDerette
    @DanteDerette 2 роки тому

    Legal show de bola!

  • @luccarabelo354
    @luccarabelo354 4 роки тому +8

    Como sempre, mais um vídeo INCRÍVEL

  • @mayraamaral7267
    @mayraamaral7267 4 роки тому

    Incrível a sua capacidade de sintetizar de uma forma simples conceitos que se forem explicados de uma maneira genérica (e abstrata) podem ser bastante complexos. Show demais Filipe!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Show Mayra!! E sempre muito obrigado sua presença aqui no canal, vamo que vamo!!!!

  • @stattusdahora3998
    @stattusdahora3998 4 роки тому

    Muito bom, as pessoas precisam ver seus vídeos. ❤👏

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Showwww Rosi!! Please me ajuda a compartilhar o vídeo :)

  • @icaroferracini
    @icaroferracini 4 роки тому

    É muito massa ver a explicação do Filipe, é uma didática excelente. Eu não programo mas consigo entender perfeitamente.

  • @thiagoztaaso9784
    @thiagoztaaso9784 4 роки тому

    adorei a forma detalhada que você explicou o código, já tô na espera da continuação!

  • @TheKroow
    @TheKroow 4 роки тому

    Parabéns pelo conteúdo Filipe, ansioso para os próximos eps haha!
    Abraço meu caro!

  • @dennisalves
    @dennisalves 4 роки тому +216

    10:38 "Frutinha representada pelo pixel VERMELHO" o Filipe é daltonico?

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +49

      AHAHAHAH FERROU

    • @josiasfurtado5734
      @josiasfurtado5734 4 роки тому +18

      O cenário que ele grava pra ele é roxo

    • @carlosalexandrelopes4575
      @carlosalexandrelopes4575 4 роки тому +15

      vim justamente pra comentar isso

    • @wagnerjunior3782
      @wagnerjunior3782 4 роки тому +10

      @@carlosalexandrelopes4575 eu também. Caí na risada quando ele falou pixel vermelho.

    • @GoEvenHarder
      @GoEvenHarder 4 роки тому +28

      eu fiquei assustado eu pensei que EU que tava ficando daltonico kkkkkkkkkkkkk

  • @davilago8356
    @davilago8356 4 роки тому +3

    Que dahora! Ótimo vídeo, explicação impecável. Grato...

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +2

      Massaaaa Davi, to apaixonado por didática :)

  • @swecansado
    @swecansado 3 роки тому +1

    15:25 Nossa, essa informação mudou minha visão, de verdade!

  • @kuskoinsano
    @kuskoinsano 4 роки тому

    Cara. Aprender programação desse jeito descontraído é muito foda.
    #1 inscrito
    #JS

  • @teresapaulabernardo5121
    @teresapaulabernardo5121 3 роки тому

    Show grande video 🙂👌👌

  • @marcelobrito
    @marcelobrito 4 роки тому +2

    Esse mlk é um absurdo. Vídeo incrível!!!

  • @53Queijos
    @53Queijos 4 роки тому

    baaah Felipe, tu demorou pra lançar esse vídeo e por isso quando vi sua ideia corri implementar, e é muito legal ver que cheguei em soluções semelhantes as tuas, sucessoo

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Ahhh que massa Fabricio!!! Depois do projeto finalizado manda um PR lá pro repositório :)

  • @marcospatton
    @marcospatton 2 роки тому

    Muito bom 👋👋👋

  • @Darthilandia
    @Darthilandia 4 роки тому

    Caraca, assistir aos videos do Canal do Filipe é quase uma faculdade!
    Toda vez que paro pra ver alguns videos saiu lotado de coisas pra estudar e coisas novas que me interessaram! Muito foda seu trabalho!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Que massaaa Rodolfo, tamo junto meu caro 👍

  • @PedroHenriqueTSI
    @PedroHenriqueTSI 4 роки тому

    Show Filipe, ótima didática, oque mais gostei foi as pausas para explicar cada parte do código. Nunca tinha trabalhado com canvas antes.

  •  4 роки тому +3

    Aeeeehooooo! Finalmente o formato de vídeo mais incrível está de volta :D obrigado por isso, Filipe.
    Deixo aqui um desabafo, me deu uma leve urticária em ver o loop duplicado que podia ser reduzido em uma função, ainda mais quando o pensamento do vídeo é abstrair o máximo. Mas de qualquer forma, eu confio em ti e nas suas habilidades de dev hehe principalmente considerando o que foi dito sobre isso ser algo mutável... Vídeo top, parabéns pelo trabalho!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +3

      hahaha showww Állan!!! Entendo perfeitamente seu comentário, por isso comento sobre isso no vídeo, a decisão no momento foi deixar desacoplada as responsabilidades de renderização de cada elemento. Mas puts, sabe o que seria legal, você enviar aqui nos comentários uma sugestão de como acredita ser melhor... seria fantástico 😍 só peço que faça num novo comentário, porque o UA-cam não me avisa mais das respostas nos comentários que eu faço :(

    •  4 роки тому

      @@FilipeDeschamps comentei novamente, mas fica aqui também o código pra quem cair aqui e quiser a resposta de imediato
      function renderGame() {
      const allPixels = game.canvasWidth * game.canvasHeight
      context.globalAlpha = 1
      context.fillStyle = 'white'
      context.fillRect(0, 0, game.canvasWidth, game.canvasHeight)
      drawDot(game.players, '#000000', 0.1)
      //desenha os oponentes
      drawDot(game.fruits, '#08a331', 1)
      //desenha as frutas
      const currentPlayer = game.players[socket.id]
      context.fillStyle = '#F0DB4F'
      context.globalAlpha = 1
      context.fillRect(currentPlayer.x, currentPlayer.y, 1, 1)
      requestAnimationFrame(renderGame)
      }
      function drawDot(dots, color, globalAlpha){
      //funçãozinha pra reduzir a redundância
      for (const dotId in dots) {
      const dot = dots[dotId]
      context.fillStyle = color
      context.globalAlpha = globalAlpha
      context.fillRect(dot.x, dot.y, 1, 1)
      }
      }

  • @marceloprado2035
    @marceloprado2035 4 роки тому

    Excelente vídeo! Adoraria ver mais deste tipo de conteúdo. Algo legal de falar seria sobre Design Patterns, imagina que máximo.

  • @raphaellima848
    @raphaellima848 4 роки тому

    Filipe, você é sensacional!!!

  • @dimitreortt6972
    @dimitreortt6972 3 роки тому

    Muito massaa =D

  • @moacirlimajr7073
    @moacirlimajr7073 4 роки тому

    Caaara animal esse conceito!! Tô me desbravando nos projetinhos pessoais e isso vai ajudar bastante. Pensar dessa forma antes de simplesmente sair programando com certeza faz a diferença. Vaaaalewww!!!!

  • @jardelfrank9132
    @jardelfrank9132 4 роки тому

    Eu tava me programando pra aprender a usar o canvas e o youtube me surgere seu vídeo, show demais :)

  • @gilmargatto
    @gilmargatto 4 роки тому

    Delicinha de conteúdo!!! Esse e o tipo que eu gosto de assistir. Já estou fazendo o meu tmb.

  • @ademarjunior8906
    @ademarjunior8906 4 роки тому +1

    Manoooooo que top ! Excelente trabalho Felipe :)
    Sou programador front-end Jr, comecei a carreira a pouco tempo, e não sabia de como era simples e legarl trabalhar com canvas, amei S2 hahaa, ta de parabéns!

  • @FilipeDeschamps
    @FilipeDeschamps  3 роки тому +8

    ✅ *GOSTA DE NOTÍCIAS SOBRE PROGRAMAÇÃO E TECNOLOGIA?* Então você vai pirar nisso: filipedeschamps.com.br/newsletter

  • @felipe31soares
    @felipe31soares 4 роки тому +1

    Valorizo muito o cuidado que você tem com a didática. Sinceramente, a ideia que você passou sobre a construção dessa parte do jogo é que é muito simples, e realmente é. Acredito que isso quebra muitas barreiras (principalmente) na mente de quem está começando.

  • @eduzenmetal
    @eduzenmetal 4 роки тому

    Show, parabéns, o assunto é muito interessante e mandou mto bem no vídeo!

  • @guialves64
    @guialves64 4 роки тому +1

    É o tipo de coisa simples, que quando você aprende ( ainda mais com uma didática assim ), sua mente para por um segundo e depois exploooooode de ideias :) haha tu é o cara!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +2

      hahhahahahahahah que shoooowww Gui, fico muito feliz em ler isso, sério :)

  • @andersonq
    @andersonq 4 роки тому

    Esse vídeo é full dopamina. Sensacional!!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      hahahahah show de bola Andersonnnn!!! Tamo junto 💪 fico feliz que gostou!

  • @rodrigomuniz2006
    @rodrigomuniz2006 4 роки тому

    Grande Felipe. Estou resignificando meu futuro profissional e por isso aprendendo novas tecnologias na área de programação. Comecei uma nova faculdade, ADS, e estou apaixonado pela área. Disseminadores de conhecimento como vc são fundamentais no processo de aprendizagem, por isso, obrigado. Continue com o excelente trabalho.

  • @rafaelvinicius7148
    @rafaelvinicius7148 4 роки тому

    Muito legal, bastante didático

  • @leandrosob
    @leandrosob 4 роки тому

    Assisti esse video achando que não iria entender nada, mas aprendi muita coisa do que vc disse nos cursos da Alura. Muito legal!!

  • @Dettonex
    @Dettonex 3 роки тому

    Muito bom conteúdo!

  • @edward_t450
    @edward_t450 4 роки тому

    Voltou as origens. Vou voltar a acompanhar seu canal. Parabéns.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Massaaaa Edward, valeu por essa segunda chance!

  • @EuFelipeAndrade
    @EuFelipeAndrade 4 роки тому

    Eu adoro fazer jogos e é sempre bom ver alguém fazendo pra pegar idéias diferentes pros mesmos problemas, show!
    Uma sugestão: acho que esses vídeos se beneficiariam de uma lista de tarefas como os robôs tinham

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Totaaal xará! Como a playlist comecou sem isso, meio que eu to seguindo as camadas como checklist, mas faltou mesmo :)

  • @dhiegogomes746
    @dhiegogomes746 3 роки тому +1

    Que playlist massa!

  • @valdirsalgueiro9087
    @valdirsalgueiro9087 4 роки тому +1

    Show Filipe! Fiz algumas alterações para deixar o exemplo do react fiber( de nave ) juntando com as ideias do jogo multiplayer que vc fez e ficou muito legal. Se quiser posso postar aqui. Abraços!

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Opaaaa Valdir, que massa!!! Posta sim! Mas posta num novo comentário, porque o UA-cam não me notifica quando alguém responde o meu comentário mais :(

  • @dheymesena8286
    @dheymesena8286 Рік тому

    showw de maisss obgggg

  • @khaledmohamad3758
    @khaledmohamad3758 4 роки тому

    Esses vídeos estão mt chamativos, socorroo!!! chamei até meu irmão pra ver.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      haahhahahah sensacional!!!!! Dááá-le Khaled e seu irmão 💪

  • @natanxavier150
    @natanxavier150 4 роки тому

    Gostei muito da forma didatica esplicando o que cada comando faz eu sou iniciante e estou entrando nesse mundo da programação agora e estou achando um máximo

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Show de bola Natan :) seja bem vindo meu caro!

  • @douglaslee2566
    @douglaslee2566 4 роки тому +1

    Melhor vídeo que o youtube me recomendou :)

  • @brunoB182
    @brunoB182 4 роки тому

    Incrível Filipe, vc é demais!

  • @evertonoliveira9985
    @evertonoliveira9985 3 роки тому

    E pimba! Ótimo vídeo, parabéns!

  • @uziel7GamePlays
    @uziel7GamePlays 4 роки тому +1

    você é um cara inspirador
    eu tentei resolver o inputEntry por mim mesmo :D
    usei adventEventListener para pegar os inputs das setas e adicionar as cordenas x e x no player1 e fiz uma logica para limitar o player para não sair da area de render.
    possivelmente a minha implementação está pode não atender os requisitos mas é reconfortante conseguir fazer.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Total!! É isso ai, e agora você vai ter o benefício de comparar com o restante da implementação nos vídeos. Parabéns e vamo que vamo!

  • @RogerioLins1975
    @RogerioLins1975 4 роки тому

    Caraca Filipe, didática impressionante, inspirador em meu jovem...

  • @eded2863
    @eded2863 4 роки тому

    Vídeo incrível Filipe! Eu tava procurando esse assunto essa semana, queria aprender Canvas mas tua explicação foi a melhor do que as que encontrei.
    Para os FOR... Eu usaria uma função chamada pintarTela que receberia coordenadas e cor (só pra evitar repetir código, pra quando for usado muitas vezes facilitar a manutenção do recurso sem ter que modificar todo o código)

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Sensacional meu caro!! Valeu pelo comentário e sugestão!!!

  • @andrejunqueira4919
    @andrejunqueira4919 4 роки тому

    Muito toppp parabéns pelo conteúdo !!!

  • @piruleibbe
    @piruleibbe 4 роки тому

    Parabéns pelo conteudo fodástico! E não da bola pros haters, 1 comentário ruim pode ser muito pesado para alguém dedicado e perfeccionista. Então deixo aqui meu sincero respeito mais uma vez registrado. Que você se sinta tranquilo pra continuar fazendo o que ama, seja produzir conteudos ou qualquer outra coisa, abração.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      Sensacional TR, muito obrigado pelo apoio!!! 💪

  • @alexandrepinheiro4720
    @alexandrepinheiro4720 4 роки тому

    Parabéns, show

  • @MaThMaTa1000
    @MaThMaTa1000 4 роки тому +25

    Separation of concerns permite a implementação de microservices, o que por sua vez habilita criar um mecanismo de inversão de controle e injeção de dependências. 1000x SIM USEM ISSO

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +5

      Mathews, ai sim, curti!!! Pelo seu comentário deu pra entender que você entende, matou a pau :)

    • @MaThMaTa1000
      @MaThMaTa1000 4 роки тому +2

      @@FilipeDeschamps Hehehe E olha que nem comecei a falar de testes unitários! 8 anos de curso capitão!

  • @Matheusess
    @Matheusess 4 роки тому +16

    19:10 "QUE BOM QUE NÃO RENDERIZOU" KKKK AMO ESSE CARA

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +4

      kkkkkkkkkkkk 😍 se tivesse renderizado eu ia ta preocupado kkkkkk

    • @Matheusess
      @Matheusess 4 роки тому +1

      @@FilipeDeschamps kkkkkkkkkkk lenda! Bora trabalhar esse jogo!

    • @alissonsantos5353
      @alissonsantos5353 4 роки тому

      kkkkkkkkkkkkkkkkkk

  • @marcosgacia4467
    @marcosgacia4467 2 роки тому

    esse foi o melhjor vidie e aula

  • @moupeople5549
    @moupeople5549 4 роки тому

    Olá Filipe, ainda vou no inicio do video mas já estou a comentar... MUITO BOM :D

  • @lucass.p9579
    @lucass.p9579 4 роки тому +2

    Estava programando um jogo pra faculdade usando exatamente o canvas antes de clicar no video. Pelo titulo não esperava ver o mesmo assunto aqui.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      hahahahah show Lucas!! Que bom esse timing :)

  • @Julianoqm
    @Julianoqm 4 роки тому +2

    "-Aqui nos temos um quadrado branco sem nada dentro MARAVILHOSO!" (DESCHAMPS, Filipe)
    kkkkkkkkkkkkkk

  • @PauloSergio-po3vu
    @PauloSergio-po3vu 4 роки тому

    Bom conteúdo sempre!

  • @ismaeljr_27
    @ismaeljr_27 4 роки тому

    Incrível!

  • @camilamarques2197
    @camilamarques2197 4 роки тому

    To gostando muito desses tutorias!

  • @opsgeres
    @opsgeres 4 роки тому

    Esse vídeo aí tá full dopamina!
    Gostei muito de você mostrar um design pattern! Nos trabalhos que eu passei se fala muito em saber programar, mas o design pattern fica sempre de lado e me parece que o mais importante, além de saber programar, é saber arquitetar.

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      Total Matheus!! Se não souber arquitetar, o prédio cai uma hora.. e como é comum se acostumar a não arquitetar, só ir marretando código, tem muito software mal escrito por ai que não precisaria ser tããão mal escrito.

  • @vinicio5735
    @vinicio5735 4 роки тому

    Vídeo bom demaaaais, prazeroso de assistir
    Didática impecável

  • @emersoncampiao8433
    @emersoncampiao8433 4 роки тому +1

    Show...vc e fera...

  • @victorbetini6204
    @victorbetini6204 4 роки тому

    Boa Filipe! Mais um video sensacional

  • @franklingoncalves6978
    @franklingoncalves6978 4 роки тому

    Conteúdo muito massa.... #Delicinha de aula...

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому +1

      hahahahah show Franklin!!!

    • @franklingoncalves6978
      @franklingoncalves6978 4 роки тому

      @@FilipeDeschamps você tem algum artigo/material para estudar mais sobre Separation of Concerns?

  • @ruirossi6241
    @ruirossi6241 4 роки тому

    Filipe, conheci teu canal na semana passada, meio que por acaso. Fiquei interessado neste projeto e estou aprendendo muito, uma vez que sou iniciante. Obrigado.

  • @hallanferreiradasilv
    @hallanferreiradasilv 4 роки тому

    Video show

  • @wandersondavid1695
    @wandersondavid1695 4 роки тому

    Top !!!

  • @diegohenrique5227
    @diegohenrique5227 4 роки тому

    estou adaptando isso por classes ;)!!

  • @alexandrecgoes
    @alexandrecgoes 4 роки тому +8

    Excelente video, como sempre... Só um comentário: Usar recursividade para loop infinito numa função não costuma ser uma boa prática, pois pode levar a estouro de pilha (stack overflow). A cada nova chamada é necessário guardar o endereço da função que a chamou, para depois poder retornar a ela depois de executada a chamada. Como isso nunca acontecerá, ocorre esse estouro do limite de memória da pilha. O ideal é fazer um loop mesmo, chamando a função de refresh da tela a cada iteração e testando por uma condição de saída do loop, como fim do jogo, por exemplo.

  • @iannmarcoslelessantos2609
    @iannmarcoslelessantos2609 4 роки тому

    Muito bom!

  • @batista7898
    @batista7898 4 роки тому

    Super didático e funcional, de volta as origens. Parabéns rapaz, ansioso pelos próximos capítulos, mas admito que me intrigou o pixel vermelho, até voltei o vídeo pra ver se eu não tinha entendido algo hehe
    #FullDopamina

    • @FilipeDeschamps
      @FilipeDeschamps  4 роки тому

      ahhahahahahahahaha valeuuu Batista!!!! Vacilei nessa e nem na edição eu peguei, acho que estou com algum problema de cor kkkkkkk

  • @carloshenriqueoliveira79
    @carloshenriqueoliveira79 2 роки тому

    vou fala um negocio pra ti cara da até vontade de chora porque tipo eu aprendendo programação num tava rolando sabe, os caras passam as aulas tipo faça tal formula matematica e veja o resultado sabe pra mim eu sinceramente tava na duvida como que fazia pra brinca com programação e aprender de fato porque eu ainda tenho o sonho de trabalha nessa area rs mas contigo ensinando cara mt bom serio msm... achei vc por uma live que tu fez com o akita que é um cara mt bom pra explicar conceitos tbm serio vc é massa demais como professor pra ensina sabe nem parece que a gente ta aprendendo. e até que enfim o cursinho de javascript veio a fazer mais sentido. talvez falta criatividade pra mim pra usar as coisas que aprendo mas tomara que vc continnue trazendo seus projetinhos assim passo a passo e tal pode ser chato pra quem ja sabe talvez mas cara pra ensinar vc digitar e funcionar e vc lembra do cursinho poxa da mt certo ve a coisa acontecendo. vlw ae

  • @guilhermekaegomes3913
    @guilhermekaegomes3913 4 роки тому +2

    Um dos motivos de gostar de programação não é as diversas coisas que podem ser feitas mas os profissionais que atuam nela!! A galera não demonstra malícia e sempre procura te ajudar. No caso, professor deixou a nossa escolha copiar o programa dele e depois editarmos. Duvido que em outro ambiente tenha pessoas generosas assim!!

  • @jheipixd5718
    @jheipixd5718 2 роки тому

    Filipe boa noite! fala um pouco sobre blockchain, como criar um jogo nesse modelo. Seria um conteudo muito bom!

  • @cristianogro
    @cristianogro 4 роки тому

    Adorei o vídeo e o conteúdo! Só faltou mostrar a listinhas das tasks e fazer a Full Dopamina com a conclusão de cada task hehehe

  • @corterapido901
    @corterapido901 4 роки тому

    Faz um video curso depois desde do inicio para inicantes, e detalhes , vai ficar muito bom , pq dificil de encontrar videos de games assim tao bons quanto o seu .