Mario Souto - Dev Soutinho
Mario Souto - Dev Soutinho
  • 273
  • 5 456 344
Da pra usar HTMX em Produção? feat. Hackhatons & E-commerces
O meme do "todo ano surge um framework novo no mundo JavaScript" vem morrendo, MAS um tal de HTMX vem ganhando fãs, tanto dos que amam Front End quanto dos que odeiam. A pergunta que fica é, da pra usar isso em prod? Vale a pena? 🤔
✅ INSCREVA-SE POR AQUI: deco.cx/hackathon5?
🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!)
✅ Tem dúvidas sobre arquitetura de camadas? Tratamento de erros? Quais as bases para colocar um projeto no ar de forma automática com Integração Contínua? Conheça meu curso do canal o Construindo CRUDs com qualidade hotm.art/mWYNKk3
📰 Quer receber as novidades do canal antes de todo mundo? mariosouto.com/newsletter/
🛒 Sabia que eu tenho uma lojinha? comprou pelos links você me ajuda muito! mariosouto.com/lojinha/
🔸 Quer ver mais conteúdos meus? Segue ai!
🌐 mariosouto.com/
🐦 omariosouto
📸 devsoutinho
💬 mariosouto.com/discord
#DevToolBR #Hackhaton #HTMX
Переглядів: 2 293

Відео

ARQUITETURA: Como implementar o wordle ou termo.oo com IA e Ads | Engenharia reversa. #GoogleADS
Переглядів 3,3 тис.Місяць тому
Já parou pra pensar como você poderia ganhar uma graninha com anúncios em um side project? Nesse vídeo eu mostro um pouco de como EU me planejaria pra estudar montar um projeto que SE DER CERTO pode acabar convertendo alguma coisa ali pra você. Você vai entender meu processo de decisão entre algo pra curto vs longo prazo ou só pra estudos e escolha de ferramentas, entre vários outros aspectos.....
Angular vs Flutter vs Android JetPack Compose, por que 3 frameworks?? feat. #GoogleIO
Переглядів 9 тис.2 місяці тому
Já parou pra pensar por que diabos o Google tem 3 frameworks de UI? Flutter, Android Jetpack Compose e o Angular? Nesse vídeo aqui eu trago um pouco da minha VISÃO PESSOAL! de como funciona o modelo de negócio que o Google opera hoje e como os frameworks de UI entram na jogada. Bora ver? ✅ Canal do Alex com muito Android @AlexFelipeDev ✅ Canal do lindo do @LucasMontano 🔸 Link importantes para V...
COMO implementar uma politica de cache com expiração? DESAFIO: NodeJS, AWS S3 e TEMPO!
Переглядів 3,6 тис.3 місяці тому
Nesse vídeo eu vou dar o conhecimento necessário pra você conseguir resolver o desafio lançado na semana passada no canal! A ideia é que a gente quebre esse problema complexo em problemas menores juntos e você aprenda a trabalhar com o S3, tenha acesso a implementação do servidor, cache em memória vs cache no s3 e por fim a parte de datas! Pega a pipoquinha ai e bora ver! 🧑‍💻 🔥 LINK DO DESAFIO!...
COMO ESCALAR? Como auto completar os 5200 municípios do Brasil para milhares de usuários?
Переглядів 18 тис.3 місяці тому
Eu tenho certeza que você já precisou fazer um autocomplete de algum dado nacional. Bancos, Estados, Cidades... felizmente a comunidade BR se uniu e transformou o BRASIL numa API! Sim, nesse vídeo vou mostrar como você pode usar a BrasilAPI pra pegar os dados de municipios do IBGE, que eu tenho certeza que pode ser diferencial em algum sistema seu, quando o CEP não for o suficiente. FIcou curio...
VOCÊ SABIA?! O que tem por trás de npm run dev? Debugando o Tooling JS #DebaixoDosPanos
Переглядів 2,8 тис.3 місяці тому
Olá pessoas! Já parou pra pensar quantas ferramentas e processos existem por trás de um simples NPM Run Dev? Nesse vídeo você vai aprender a: monitorar mudanças em arquivos no sistema, como web-sockets são usados por ferramentas dev, e até descobrir que existe um protocolo file:// no seu navegador! Bora ver? ✅ Link do Miro: miro.com/app/board/uXjVKXFqu1c=/ 🔸 Link importantes para VOCÊ! (e pra m...
TOP Eventos canonicos na vida de um Dev .feat Xuitter
Переглядів 1,2 тис.4 місяці тому
Já parou pra pensar "Puts, tomar esse erro aqui é algo que molda o caráter de um dev?" Nesse vídeo eu trouxe um compilado diretamente do x/twitter! Pra você almoçar em ritmo de nostalgia de problemas clássicos, bora ver? \o 🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!) ✅ Tem dúvidas sobre arquitetura de camadas? Tratamento de erros? Quais as bases para colocar u...
Como fazer validação por Schema com TypeScript na PRÁTICA!
Переглядів 8 тис.4 місяці тому
Em um vídeo recente do canal eu trouxe o tema e fiquei DEVENDO mostrar como usar, então teje pago aqui! 🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!) ✅ Tem dúvidas sobre arquitetura de camadas? Tratamento de erros? Quais as bases para colocar um projeto no ar de forma automática com Integração Contínua? Conheça meu curso do canal o Construindo CRUDs com qualidad...
Implementando o jQuery DO ZERO! Uma tour pela história do Front End
Переглядів 8 тис.5 місяців тому
Já chegou a ver o jQuery em algum lugar? Já parou pra pensar o que roda por debaixo dos panos dele? Nesse vídeo aqui vamos fazer uma tour pelos patterns que envolvem a sua construção como facade e o seu formato de "chain" na hora de expor a API! Ficou curioso? Então pega a pipoquinha ai e bora ver! 🧑‍💻 🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!) ✅ Tem dúvidas ...
QUEBROU! O estado atual do processo de contratação em TI .feat Tabnews
Переглядів 8 тис.5 місяців тому
Hoje sabemos que as vagas de TI que surgem em poucos instantes recebem zilhares de devs. E um reflexo disso tem sido mudanças não tão legais em como acontecem os filtros dos processos. Nesse vídeo vou trazer um pouco da minha visão sobre e em cima de um post do TabNews! 🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!) ✅ Tem dúvidas sobre arquitetura de camadas? Tra...
Fazer bolo ou dar a receita? O dilema do onboarding e de treinar pessoas mais Júniors
Переглядів 1,1 тис.6 місяців тому
Fazer bolo ou dar a receita? O dilema do onboarding e de treinar pessoas mais Júniors
Você acredita demais em seus payloads! Como trabalhar com any e unknown no TypeScript
Переглядів 2 тис.6 місяців тому
Você acredita demais em seus payloads! Como trabalhar com any e unknown no TypeScript
Setup alternativo ou baixo custo usando CodeSpaces | SEM PROCESSAMENTO LOCAL!*
Переглядів 2,2 тис.6 місяців тому
Setup alternativo ou baixo custo usando CodeSpaces | SEM PROCESSAMENTO LOCAL!*
PSN Caseira com Video games, Programação e soluções Dev para problemas com Hobbies
Переглядів 1,5 тис.7 місяців тому
PSN Caseira com Video games, Programação e soluções Dev para problemas com Hobbies
3 Dicas pra ser um Dev Pior, a segunda é a MELHOR de todas
Переглядів 1,8 тис.7 місяців тому
3 Dicas pra ser um Dev Pior, a segunda é a MELHOR de todas
Progamando no escuro feat. Code in the Dark #EnergiaFrontEnd
Переглядів 1,2 тис.7 місяців тому
Progamando no escuro feat. Code in the Dark #EnergiaFrontEnd
Entrevistas: Como ir bem na etapa de live code | LIVE Coding like a PRO
Переглядів 3 тис.7 місяців тому
Entrevistas: Como ir bem na etapa de live code | LIVE Coding like a PRO
React Server Components, Evento NextJS e a "Vercel vai atrapalhar com o React"?
Переглядів 6 тис.8 місяців тому
React Server Components, Evento NextJS e a "Vercel vai atrapalhar com o React"?
Como aprender a programar melhor? Software do Mundo real vs Software de Mentira
Переглядів 4,1 тис.8 місяців тому
Como aprender a programar melhor? Software do Mundo real vs Software de Mentira
IMPRESSIONANTE 🤯 as Novidades do CSS em 2023! Cada dia menos triste
Переглядів 4,2 тис.9 місяців тому
IMPRESSIONANTE 🤯 as Novidades do CSS em 2023! Cada dia menos triste
Como estimar entregas de software? A coisa mais difícil em programação
Переглядів 3,4 тис.9 місяців тому
Como estimar entregas de software? A coisa mais difícil em programação
Web x Mobile o que muda na hora de PROGRAMAR entre as plataformas?
Переглядів 6 тис.9 місяців тому
Web x Mobile o que muda na hora de PROGRAMAR entre as plataformas?
Um overview sobre modelagem de software com hobbies | Como modelar um programa?
Переглядів 2,7 тис.9 місяців тому
Um overview sobre modelagem de software com hobbies | Como modelar um programa?
Ferramentas GRATUITAS para Devs e uma lista que você PRECISA estudar!
Переглядів 4,8 тис.9 місяців тому
Ferramentas GRATUITAS para Devs e uma lista que você PRECISA estudar!
Como não programar errado? Reflexões sobre tendências, novidades e como estudar em tecnologia
Переглядів 3,6 тис.10 місяців тому
Como não programar errado? Reflexões sobre tendências, novidades e como estudar em tecnologia
Como enviar e-mails com NodeJS/Bun! Mais rápido que fazer um miojo
Переглядів 6 тис.10 місяців тому
Como enviar e-mails com NodeJS/Bun! Mais rápido que fazer um miojo
E-MAILS! Uma tour sobre eles em 2023 | Como enviar e-mails via código de forma moderna?
Переглядів 2,5 тис.10 місяців тому
E-MAILS! Uma tour sobre eles em 2023 | Como enviar e-mails via código de forma moderna?
A importância do meu primeiro deploy, dúvidas comuns e onde foi! NodeJS, PHP e outras dicas!
Переглядів 2 тис.11 місяців тому
A importância do meu primeiro deploy, dúvidas comuns e onde foi! NodeJS, PHP e outras dicas!
Comediante ou Dev? Review do passado por ManoSoutin .feat Deyvin do Multiverso
Переглядів 1,9 тис.11 місяців тому
Comediante ou Dev? Review do passado por ManoSoutin .feat Deyvin do Multiverso
A evolução do ecossistema React veio com o maior erro da Vercel?
Переглядів 2,9 тис.11 місяців тому
A evolução do ecossistema React veio com o maior erro da Vercel?

КОМЕНТАРІ

  • @RicardoBelfort
    @RicardoBelfort 19 годин тому

    Muito bom o vídeo, mas e no caso de a API não ter essa opção incluída de permissão de CORS, o que devemos fazer? Isso não foi explicado. Se poder dizer como resolver, agradeço.

    • @DevSoutinho
      @DevSoutinho 18 годин тому

      Se a API não devolver, vc teria que criar uma rota no seu backend e via essa rota fazer o request

    • @RicardoBelfort
      @RicardoBelfort 18 годин тому

      @@DevSoutinho blz, até aí também ok, mas no caso de eu querer consumir de uma API pública por ex, onde eu não tenho acesso, só consigo fazer um fetch() mesmo, e aí como resolver? Uma coisa que eu fiz aqui pra burlar isso foi usar uma extensão do chrome que permite/bloquei o uso do CORS.

  • @nivaldocosme7675
    @nivaldocosme7675 2 дні тому

    Eu acredito que tem site que são projetando especificamente pra acessar de computador outro são projetando pra computador smartphone tablet smar tv eu falo por experiência minha eu ja acessei site que dizia quando eu fui acessar do smartphone para acessar do computador outro pode ser pelo whatsapp email muitos sites são projetando dessa forma tem uns que por email whatsapp site...

  • @D.Mosh1980
    @D.Mosh1980 3 дні тому

    Em 2024 iniciando nesse mundo da programação front-End, agora vai!!!

  • @EliabBernardino
    @EliabBernardino 5 днів тому

    Video muito bom

  • @alysonoliveira-gk3dh
    @alysonoliveira-gk3dh 5 днів тому

    AAAAAAAAAAAAAAAA

  • @gabrielnhambirri
    @gabrielnhambirri 8 днів тому

    Top!

  • @imdevbutok
    @imdevbutok 8 днів тому

    Se considerar o React Native uma das principais diferença é a experiência de desenvolvimento, que se comparada a web é horrível. No Flutter e Kotlin melhora um pouco. Swift e Objective-C nunca usei.

  • @deiviny
    @deiviny 11 днів тому

    Soltinho gostaria de saber como tirar a tela de visit do nrok? valew pela dica.

  • @Zeze_GG
    @Zeze_GG 12 днів тому

    O problema é que nem chega a fase de entrevista, dai pra frente é fácil, o problema é passar pelo filtro inicial, 1 ano de experiência, me formando, diversos projetos e nem chego na fase de entrevista, vou começar a mentir no currículo

  • @matheuslm10
    @matheuslm10 12 днів тому

    Gostei muito da forma de apresentar usando o Miro! 👏👏👏

  • @Helheaven
    @Helheaven 14 днів тому

    O Jetpack Compose pertence ao JetBrains sendo eles que mantém, já o Flutter/Dart pertence ao Google. E o Angula é um projeto antigo que muito sua proposta ao longo dos anos pensado para JavaScript em função de sua adesão. A razão de tornar o mesmo open source é por conta da própria iniciativa da empresa que fez uso do mesmo tirando assim suas vantagens, claro que mantendo seus carros chefes privados, pois não dar para manter tudo open source infelizmente (apesar de algumas empresas terem utilizados de iniciativas muito boas como foi o caso da Epic).

  • @ChrisG59
    @ChrisG59 14 днів тому

    Ta maluco, achei tudo q eu tava querendo nesse video. Obrigado!!

  • @ChrisG59
    @ChrisG59 14 днів тому

    Ta maluco, achei tudo q eu tava pesquisando só nesse vídeo. Obrigado!!

  • @wFoxG
    @wFoxG 16 днів тому

    uplabs rip

  • @ruansilva5787
    @ruansilva5787 16 днів тому

    Alguém disse Açaí??

  • @9945tdz
    @9945tdz 17 днів тому

    Muito obrigado por compartilhar, 2024 e o conteúdo continua sendo o melhor

  • @LyricFlow
    @LyricFlow 17 днів тому

    meu deus, obrigado

  • @dsordesmoreiraalves4702
    @dsordesmoreiraalves4702 17 днів тому

    Muito bom, velho, sempre ouvi os outros canais falando de crud e tal, mas não imaginava que era algo tão simples. Didática muito boa

  • @allanfurlani9564
    @allanfurlani9564 19 днів тому

    Muito bom seu vídeo Mario! Mas por gentileza, como você fez pra personalizar seu terminal assim? Vi que ele está mais bonito que o normal e contem alguma IntelliSense com sugestões de code complete. Me mata essa dúvida aí, por favor! Abraços.

  • @costamarques2008
    @costamarques2008 19 днів тому

    Estou criando um pacote para componentes PHP UI utilizando HTMX, o nome do pacote é PUI(PHP USER INTERFACE), estará disponível em breve...Adorei e estou apaixonado pelo HTMX

  • @AjJordy
    @AjJordy 19 днів тому

    Muito bom o vídeo. Estou adorando trabalhar com flutter e espero que a tecnologia continue crescendo assim

  • @Zaratustra_88
    @Zaratustra_88 19 днів тому

    é bem interessante essa maneira de fazer bot, mas ele é derrubado facilmente.

  • @lucas-garcia--ss
    @lucas-garcia--ss 19 днів тому

    Pelo que entendi, cors pode ser usado após o usuário ser autenticado em uma aplicação, recebe autorização no navegador assim obtendo informações sensíveis dele no caso dentro da aplicação.

  • @alison.aguiar
    @alison.aguiar 19 днів тому

    Eu uso.

  • @thayto_dev
    @thayto_dev 20 днів тому

    Vídeo do Mario = insta like

  • @Bladexzeros-el9pq
    @Bladexzeros-el9pq 20 днів тому

    Sushi!

  • @LofiHits5
    @LofiHits5 20 днів тому

    açaí

  • @DomingosCanhanga-do9tq
    @DomingosCanhanga-do9tq 21 день тому

    Gostei, + 1 na familial

  • @dryrtan8274
    @dryrtan8274 21 день тому

    Sei que esse vídeo já um tempinho que esse vídeo foi feito, mas o uso de Promisises tem algum tipo de impacto no desempenho da aplicação? Enquanto você responde, vou procurar no Google 😅

    • @DevSoutinho
      @DevSoutinho 21 день тому

      @@dryrtan8274 não tem não /o

  • @jessilyneh
    @jessilyneh 21 день тому

    Nossa, que vídeo muito bom! Acho que você é uma das poucas pessoas que eu conheço que conseguem extrair coisas legais do que sai no twitter

    • @DevSoutinho
      @DevSoutinho 21 день тому

      @@jessilyneh rola até auto crítica hahsha

  • @samuelwsrosario
    @samuelwsrosario 21 день тому

    Tá, mas e esse açaí aqui? 🥣

    • @DevSoutinho
      @DevSoutinho 21 день тому

      @@samuelwsrosario com açúcar, farinha ou tapioca?

    • @samuelwsrosario
      @samuelwsrosario 21 день тому

      @@DevSoutinho açúcar e farinha haha

  • @MarcosPaulo-zj7mh
    @MarcosPaulo-zj7mh 21 день тому

    Açaí 🎉😂

  • @arozendojr
    @arozendojr 21 день тому

    Rapaz, interessante

  • @clintonrocha4980
    @clintonrocha4980 21 день тому

    Acarajé

  • @robinhomachado5540
    @robinhomachado5540 21 день тому

    Olá grande @devsoutinho estou aqui justamente pelo seu vídeo no UA-cam, porém os motivos de eu ter lhe chamado aqui foram principalmente para lhe fazer uma ÚNICA PERGUNTA, eu vi seus métodos e achei muito irado Alá Albert Einstein, porém eu quero fazer de maneira mais simples, NO CASO eu comprei umas fitas Ambilights na OLX hoje e o que eu quero SABER é , COMO EU TENHO um Ps4 e também um FireStick eu gostaria muito de saber se existe a possibilidade de EU CONECTAR o Ambilight no Ps4 e no FireStick utilizando um Splitter 4k sem perder qualidade e funcionando normalmente?? Por favor Mano, é o único cara que achei inteligente suficiente para me responder, ninguém jamais fez isso pois esses Ambilights são meio "Novos no mercado" EU TE AGRADEÇO MUITO TÁ

  • @yagomartins3964
    @yagomartins3964 21 день тому

    Açaí

  • @helder-rangel
    @helder-rangel 21 день тому

    😃

  • @cleisoncarlos
    @cleisoncarlos 22 дні тому

    Façam sites e tomem açaí !

  • @arianefernandesr
    @arianefernandesr 22 дні тому

    Açaí ❤

  • @eduardocordovil
    @eduardocordovil 22 дні тому

    AÇAÍ

  • @daywisonsilva4048
    @daywisonsilva4048 22 дні тому

    Açaí

  • @DevSoutinho
    @DevSoutinho 22 дні тому

    🔗 LINK PRO HACKHATON HTMX Valendo mais de 5k dólar em premios! 🔥 deco.cx/hackathon5?

  • @BateraEntrevista
    @BateraEntrevista 22 дні тому

    Açaí

  • @melkdesousa9302
    @melkdesousa9302 22 дні тому

    O sarcasmo está dominando a bolha tech do UA-cam. Muito obrigado Jimmy Neutron da Programação (Lucas Montano do canal Lucas Montano).

    • @DevSoutinho
      @DevSoutinho 22 дні тому

      Um oferecimento: Jimmy neutron da programação

  • @luismariodev
    @luismariodev 23 дні тому

    Tinoco tech

  • @strickk_
    @strickk_ 28 днів тому

    Muito Obrigado, eu não estava conseguindo colocar uma imagem em um componente meu, tentei até usar Alias, mas não ia, mas com esse vídeo eu consigo, sério muito obrigado! +1 like +1 Inscrito regular <3

  • @fernandoapcr
    @fernandoapcr 29 днів тому

    cara muito bom, nunca tinha visto uma explicacao dessa forma, parabens.

  • @reflexaododia-biblia
    @reflexaododia-biblia 29 днів тому

    Legal, coloque para que não busque chaves ja testadas. OU inibir de gerar chaves repetidas..É possivel?

  • @weslleycalu
    @weslleycalu 29 днів тому

    será que dar certo para automatizar o trabalho da shopee

  • @atsgrisolfi
    @atsgrisolfi Місяць тому

    Tudo que os concorrentes da Google querem é que ela mate seus produtos e deixe milhões de "órfãos", tudo que o Google quer é não dar espaço para a concorrência. Então relaxa e vai programar.😊