Mario Souto

View omariosouto on GitHub
Brazil Brazil

DevSoutinho no YouTube. Vivo no 220v, sempre atrás de um filme/rolê e codando desafios em JS. Adoro trabalhar com web e falar/dar aulas sobre isso na @alura-cursos e no @nubank

Community Contributions

Video/Podcast / 11-22-2021

Linguagens Sem Tipos, da pra ficar bom programando nelas? JavaScript vs TypeScript

Se você acompanha o canal, sabe que vários vídeos aqui são só em JavaScript e muita gente me pergunta "faz diferença usar typescript?", "é obrigatório?", "só da pra fazer código bom com TypeScript" e hoje eu vou mostrar alguns pontos do por que linguagens não tipadas podem ti ajudar a ser um programador melhor, principalmente por como ela força você a seguir algumas convenções pra entender o código em si, mas chega de enrolação e bora ver! 👌
Video/Podcast / 10-01-2021

Você PRECISA ENTENDER o conteúdo DESSE | Callbacks, Sincrono, Assíncrono e Event Loop no JavaScript

Já ficou com dúvida tentando entender o que acontece num callback no JavaScript? Sabe explicar a diferença dele vs uma promise? Sabia que promise tem callback? E como o JavaScript funciona, você sabe? Separa a pipoquinha e vamos juntos nesse video explorar o maravilhoso mundo do JavaScript e entender vários pontos CRUCIAIS pra você ter autonomia em entender a linguagem e como resolver problemas.
Video/Podcast / 09-03-2021

Como sao feitas libs em JavaScript? 5 dicas importantissímas pra você colocar no seu próximo projeto

Eu queria muito uma forma de conseguir compartilhar código entre web e nativo e isso me fez criar uma nova lib! E a ideia é ela servir como um meio campo pra facilitar exemplos de UI aqui no canal e de quebra vocês vão ganhar um vídeo lindineo com várias dicas concatenadas de decisões estruturais que eu to tomando pra fazer esse projeto acontecer, então se ajeita ai na cadeira, pega a pipoca e bora vê!
Speaking (conference/usergroups) / 07-17-2021

Front In Sampa 2021

A palestra teve foco em falar da importancia de entender a base da computação 'Entrada, Processamento, Saída' e em cima disso perceber como esse padrão se repete, independente da área da programação que você está trabalhando e que nesse mundo tudo poder ser visto como uma API, indo além da ideia de API Web, seguem os slides para quem ficou curioso: https://docs.google.com/presentation/d/1OQp7BmcmNUcKsUSYKs7Q2Pd0cFhVM3LwZ7ryXcixUkA/edit#slide=id.p
Video/Podcast / 07-16-2021

Scroll infinito? Animação no Scroll? Como usar o Intersection Observer do JavaScript com React!

Um tempo atrás eu lancei um vídeo ensinando a fazer animações via scroll com addEventListener. Poréeem existem implicações de performance nessa técnica e o correto mesmo seria fazer esse tipo de ação via intersection observer. Então se você quer entender como manipular scroll do JEITO CERTO! Com JavaScript, pega a pipoquinha, se arruma na cadeira e bora pro vídeo!
Video/Podcast / 06-26-2021

Como pegar dados de uma API? Como fazer AJAX ou "AJAJ"! | Pegando dados de serviços via JavaScript

Quando eu comecei a programar essa foi minha maior dúvida, como fazer um sistema de comentários? Como fazer um botão de like? Como fazer um sistema de login em uma single page application? Essas dúvidas me fizeram passar por inúmeros passos e eu vi que entender como a web funciona era o caminho ideal pra isso, então nesse vídeo eu explico com carinho como o protocolo HTTP funciona, como a gente pode pegar informações pela rede e como usar a função fetch do JavaScript!
Video/Podcast / 06-26-2021

Como pegar dados de uma API? Como fazer AJAX ou "AJAJ"! | Pegando dados de serviços via JavaScript

Quando eu comecei a programar essa foi minha maior dúvida, como fazer um sistema de comentários? Como fazer um botão de like? Como fazer um sistema de login em uma single page application? Essas dúvidas me fizeram passar por inúmeros passos e eu vi que entender como a web funciona era o caminho ideal pra isso, então nesse vídeo eu explico com carinho como o protocolo HTTP funciona, como a gente pode pegar informações pela rede e como usar a função fetch do JavaScript!
Video/Podcast / 06-11-2021

Qual framework Front é melhor? O que eu não gosto no Tailwind CSS e o que eu gosto

Eu já trabalhei com diversas ferramentas ao longo da minha carreira, frameworks linguagens... E recentemente eu questionei bastante os motivos de muita gente estar num hype bem grande em cima do Tailwind CSS. Então nesse vídeo eu trouxe um pouco da minha visão em cima da ferramenta, falando pontos que eu gostei e não gostei inclusive fazendo paralelos com o que eu uso hoje que ta mais próximo de CSS in JS.
Video/Podcast / 06-04-2021

Como consegui meu primeiro trabalho como Dev + Unboxing Alura Stars! | Primeiros passos como Dev

Eu vejo muita gente entrando na área e se perguntando como faz pra ir crescendo na carreira, ir chegando a vagas empresas e projetos mais legais. Essa é uma pergunta dificil de responder, mas acho que conhecendo como outras pessoas fizeram da pra ter uma inspiração legal de ir escrevendo sua própria história. Então nesse vídeo eu conto pra vocês como consegui meu primeiro emprego como Programador!
Video/Podcast / 05-21-2021

LocalStorage + NextJS DA PRA USAR?? Cookies ou LocalStorage? | Salvando preferências de usuário

Já sofreu com erros na hora de salvar tokens, preferências de usuários e outros dados usando local storage no NextJS? É por que você ainda não viu esse vídeo! Hoje vou mostrar como trabalhar com cookies no NextJS de uma forma super decente e como você pode mesclar o trabalho com localStorage, entendendo o funcionamento da ferramenta e por que muitos passam por problemas fazendo isso, então senta na cadeira, pega a pipoca e não esquece de aperta o freio de mão do fusca em cima do botão de like e subscribe pra fortalecer a firma, valeu! 👊
Video/Podcast / 04-23-2021

Como fazer Master Tags no Notion? Como eu me organizo no Notion

Semana passada eu lancei um vídeo apresentando como eu me organizo no Notion, seguindo nessa pegada, como prometido, trouxe um vídeo explicando como trabalhar com as Master Tags! A feature do Notion que me ajuda a categorizar de forma geral TODAS as coisas que eu trabalho mantendo uma consistência entre diferentes bancos de dados que eu uso na ferramenta. Falando assim parece super complexo, mas volta pro vídeo que você vai entender melhor 😍
Video/Podcast / 04-16-2021

A MELHOR FEATURE pra se ORGANIZAR de no NOTION! | WeekLinks a NewsLetter do DevSoutinho

Todo mundo que me conhece fala que eu so meio maluco por organização (e eu concordo) e finalmente com o notion sem escrever uma linha de código eu sinto que cheguei num nivel ABSURDO!!! E queria compartilhar qual a feature do Notion que tem me ajudado muito, num ponto de automatizar, estudos, lives, coisas que preciso fazer e inclusive minha newsletter! Que vou em um próximo vídeo explicar como to fazendo ela e inclusive, já se inscreve nela e receba toda semana os WeekLinks do DevSoutinho / +1 forma que to testando de trazer conteúdo com compromisso fixo de toda semana 1 email (sem spam é claro).
Video/Podcast / 04-09-2021

Seu SITE tá QUEBRADO E VOCÊ NÃO SABE! Como fazer compatibilidade de browser do jeito certo?

Já parou pra pensar que o webpack pode não estar resolvendo todos os problemas de performance que seu site tem? 😱 Na real ele nem resolve nada, o Babel faz boa parte do processo, mas para garantir funcionalidades de arrays e objetos nem ele acaba sendo o suficiente. Nesse vídeo vamos fazer uma tour sobre cobertura de browsers e como é importante entender como isso é feito para garantir que seu projeto vai rodar em browsers pré-históricos