Git e Github para Sobrevivência #04: Issues, PullRequests, Templates e features legais do Github
In this video, I introduce some amazing GitHub features like issues, pull requests, PR reviews code suggestions, and other amazing stuff \o/
Mario Souto
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
Git e GitHub para sobrevivência OPEN SOURCE 4EVER! + Unboxing GitHub Stars
In this video, I share how amazing was the GitHub Stars box that I receive through the program with the open version of my serie ""Git and GitHub for survival" that is in this playlist
https://www.youtube.com/watch?v=BAmvmaKQklQ&list=PLh2Y_pKOa4Uf-cUQOVNGlz_GVHx8QYoE6
Git e Github para Sobrevivência | 03: Como o rebase funciona?
In this video, as the past one explain merge in this one I explain how rebase works, everyone fears it one time in life and my idea here is let things clear :D
NextJS: Blog com Markdown, criando um leitor de posts do ZERO!!!
In this video, I explain how to create a markdown reader to enable a blog creation on top of NextJS and GitHub
Git e Github para Sobrevivência #02: Como o merge funciona?
In this video, I explain how merge works in git, with visual samples and code ones also!
Git: ENTENDENDO de vez como funciona do MELHOR E MAIS VISUAL jeito possível (até hoje)
In this video I use https://git-school.github.io/visualizing-git/#free-remote to teach sample git working flows to teach people how important is to have a visualization about what is happening in our commit history and make people lose fear.
Git e Github para Sobrevivência #01: Como o Git funciona?
In this video I open .git folder and explain how things work in internals
"Executor Universal" de Código com NodeJS e criatividade | A base de tudo
Inspired by the last video, in this one I teach how to create a universal code executor running on NodeJS and running Python and JavaScript code until the end of the video. It's the starting of a brand new serie
Tooltip: Com animação acessível, minha prop favorita do CSS, Styled Components #ModoFullDev
In this video, I teach how to create a tooltip with Styled Components enforcing good practices of accessibility (wai-aria).
GitHub CodeSpaces: Editor em nuvem com ZERO Setup #CodeReview
In this video I teach how to use GitHub CodeSpaces and explain how amazing is the environment provided by GitHub with this VS Code running on browser and how amazing is the setup to test front end projectrs.
Como resolver QUALQUER problema de código! Além do StackOverflow feat. GitHub Issues
In this video I introduce how to go beyond stackoverflow to solve code problems using GitHub features like issues and looking directly into source code.
Como criar um robô que faz login e da like? | Robô com JavaScript, NodeJS e Puppeteer
In this video I teach how to create a robot with puppeteer and how to use it to make complex things interacting with UIs, doing login and other stuff.
Como padronizar commits? #DevTips Conventional Commits + Semantic Release para releases e versioning
In this video I share my experience using Conventional Commits with Semantic Release in my git projects.
Dicas pra validar ideias com TDD, mini testes e HackeRank para Front End e Back End | JavaScript
In this video, I introduce TDD without writing any test! The main idea is to share how TDD is a way of thinking and not only a coding technique
Styled Components, por onde começar? Os poderes do CSS in JS
In this video, I introduce how to use Styled Components and how amazing is to use it in React projects :D
Controlando valores de DEV, PROD e dados sensíveis com variáveis de ambiente de um jeito show!
In this video I explain how to manage PROD and DEV env values with NodeJS and JavaScript
3 coisas que todo site deveria ter | Dicas de SEO, Performance e Segurança no Front End
In this video I explain the importance to have trailing slash in websites and the impacts of analytics tools because of it, the importance to have headers, and how to avoid clickjacking vulnerability.
O Front End vai acabar? Uma breve história da profissão até os dias de hoje *clickbait_sincero
In this video, I make a quick tour through Front End history to reach a conclusion if the profession is going to end or to have a new transformation.
Organização de Estudos com Notion #AluraMais
In this vídeo I explain how I organize my studies and how I use notion to it.
Como começar a estruturar um projeto React? com NextJS, Styled Components
In this video I explain how I imagine a front end project and how to organize it design system based with React and NextJS
Como validar tipos de dados no JavaScript de um jeito sensacional! | #DicasDeJavaScript
In this video, I explain alternatives to typeof in JavaScript to validate types
Lottie: Animações com React de um jeito FANTÁSTICO! feat. Like do Twitter
In this video, I explain how to use Lottie with React to create beautiful animations!
Como fazer troca de telas e navegação no React Native? feat. React Navigation
In this video I explain how to make screen transitions in React Native with React Navigation
Portfólios com Viagem no tempo, Super Heróis e GitHub | APIs e Layouts para melhorar no Front End
In this video, I give some tips about how to create a portfolio using the Wayback machine and tips about where to get project ideas and layouts.
Como fazer validações de formulário com React? #FailFastValidations | Formik Engenharia Reversa #02
In this video, I implement the validation API of Formik
Imersão React Live #01 - Analisando o front-end do Netflix, do Spotify e do Ifood
This was the opening of a free React JS course that I developed with Ju Negreiros and Marco Bruno. We analyze Spotify, Ifood, and Netflix websites speaking about front end, performance, and other stuff related.
Efeito Stagger com React e Styled Components | Alura e DevSoutinho
In this video, I explain how to make the stagger effect with JavaScript, React, and Styled Components
React com CMS via Google Spreadsheets e Nextjs | Top Jogos favoritos DevSoutinho
In this video I explain how to use React, NextJS and how to integrate with Google Spreadsheets.
Speedrun: Do Zero ao React | Como fazer um React e aprender a ideia do Virtual DOM na prática
In this video I reimplement the React render API to show that libraries are not magic
Fazendo a interface do Player do Spotify | App em JavaScript para Android e iOS Spotcast #03
In this video, I recreate the Spotify UI with styled-components explaining how I organize my style components
Formulários em React com Engenharia Reversa no Formik | DevSoutinho
In this video, I explain how Formik base API works reimplementing it with react custom hooks
O que estudar antes de tentar aprender um Framework JavaScript? (React, Angular, Vue)
The main idea of this video is to explain base JavaScript knowledge to have before start to learn a JavaScript framework
Gerando rotas estáticas e dinâmicas com Nextjs feat. Static Paths e Dynamic Routes | Pokedex #02
In this video, I explain how to generate static apps with NextJS
O que todo projeto deveria ter? #01 | GitHub PRO + Projetos Organizados + Linter + EditorConfig
In this video, I explain how to use Github Readme Badges and how an open-source project should be organized
Como fazer SEO com React, NextJS e Deploy estático feat. Dicas de Performance | Pokedex #DevSoutinho
In this video, I explain why NextJS is amazing for SEO and give performance tips based on Vercel structures
Como reduzir a quantidade de ifs do seu código com Strategy | #DevSoutinho
In this video I explain how to use strategy in javascript with a game example
Lazy Load de Imagens + Animação no Scroll | Performance e efeito com CSS
In this video, I explain how to make lazy loading and scroll animation effects with JavaScript and scroll events.
Testes de Frontend com Mario Souto (Dev Soutinho) // Live #42
In this interview, I explain how to make Front End testing invited by Rodrigo Branas.
Jogo com JavaScript #05: Desenhando obstáculos dinamicamente e detectando Colisão
In this video, I explain how to draw obstacles in endless run games
Linear Gradient e Styled Components no React Native | React Native: Spotcast #02
In this video I explain how to create the base of Spotify UI with Styled Components, React Native and show how to code based in a Figma Layout
Como fazer efeito de desenhar com CSS e SVG? #DicasDeCSS | Dev Soutinho
In this video, I explain how to make the draw effect with SVG and CSS
Como criar app android e ios com JavaScript: Spotcast com React Native #01
In this video, I explain how to start the creation of a Spotify + Pocketcast clone app with JavaScript, React Native, and Expo
Jogo com JavaScript #04: Cenário infinito e animando o passarinho com frames
In this video I explain how to make endless runner games with JavaScript and Canvas.
Como criar um robô que acessa sites com JavaScript .feat NodeJS | O que é Pupeteer?
In this video, I explain how to use a puppeteer to create a robot that makes monetary conversion through the google website
Jogo com JavaScript #03: Colisão, Pulo, Web Audio API feat. Soco do Ryu
In this video I explain about game development with JavaScript, the content is relative to collision, jumps and web audio api
Como fazer o botão do Material Design? - Ripple Effect | #DevSoutinhoDIY
In this video I explain how to use browser APIs to simulate the material design ripple effect
Jogo com JavaScript #02: Troca de Telas e Gravidade
In this video I explain how gravity works and develop it with JavaScript and canvas
Como centralizar no CSS? 3 formas, Vertical/Horizontal + Bônus #DicasDeCSS
In this video I explain how to centralize in CSS vertical, horizontally and explain a little bit about why css has multiple ways to centralize stuff.
Qual a diferença entre forEach e map? #DicasDeJavaScript
I explain how forEach an map works behind the scenes implementing them to explain how people can use it with this knowledge.
Como adicionar um EASTER EGG em um site? feat. Konami Code e Debounce
I create a YouTube video explaining how to add an easter egg to a website with JavaScript and use it to explain the debounce pattern.
Jogo com JavaScript #01: Criando um Flappy Bird do ZERO!!!
In this video I explain how to create a game with JavaScript showing the canvas tag and how to create elements and add images to it.