tag:blogger.com,1999:blog-91981298336052111992024-03-13T13:44:31.005-03:00Profissional de TecnologiaVideos, dicas e muito conteúdo para aprender tecnologia.
(By Maxigênios)Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.comBlogger466125tag:blogger.com,1999:blog-9198129833605211199.post-54538699619450182212020-12-11T10:35:00.005-03:002020-12-11T10:35:49.685-03:00Media Queries e Breakpoints: o Básico e Fundamental<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/gYak6y7rbRw" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">Existem 3 pilares para web design responsivo. Um deles é Media Queries.
Neste vídeo, vamos abordar o básico sobre media queries e breakpoints para Web Design Responsivo (RWD) e mostrar algumas coisas possíveis de se fazer. Será que você sabe está mesmo usando todo o potencial de media queries?
Você vai realmente saber o que são media types de CSS, media features, a sintaxa básica de media queries, ver operadores lógicos e conhecer dicas gerais para otimizar o uso de media queries nos seus projetos web.
Saber usar media queries para web design responsivo é fundamental no desenvolvimento web moderno. Já é hora de parar de chutar ou fingir que sabe o que está fazendo e realmente adquirir uma base sólida sobre media queries para RWD, não acha?
Então, assista a nosso vídeo com o básico sobre media queries e garanta que seu web design responsivo tenha uma base sólida ao usar cada media query em seu projeto de maneira consciente.</span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-16381792491648708032020-12-11T10:00:00.009-03:002020-12-11T10:00:58.775-03:00UNIDADES CSS RELATIVAS: VW, VH, VMAX, VMIN (CSS3)<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/g__c-7M9Xzk" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">O maior desafio de muitos web-developers é conseguir desenvolver um css organizado, robusto e utilizando as propriedades corretas de medidas.
O CSS tem várias unidades diferentes para expressar unidades de comprimento (largura x altura), entretanto, muitas propriedades não são utilizadas e abstraídas corretamente, algumas propriedades muitos desenvolvedores nem conhecem, e outras são simplesmente deixadas de lado, mesmo vivendo em uma época onde pensar em mobile-first, aplicações hibridas, layout responsivo e css robusto se tornou “obrigação”.
Nesta série de duas aulas, aprenderemos a trabalhar com medidas flexíveis para enriquecer nossos códigos front-end, e principalmente entender a diferença entre medidas absolutas e medidas relativas.
Entre as css units que iremos aprender, temos: porcentagem (%), em, rem, ch, ex, vh, vw, vmax,vmin e etc.</span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-47742090640572376082020-12-10T18:22:00.003-03:002020-12-10T18:22:15.469-03:00UNIDADES CSS RELATIVAS: %, REM, EM, CH, EX (CSS3)<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/etM0JBeFbf8" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">O maior desafio de muitos web-developers é conseguir desenvolver um css organizado, robusto e utilizando as propriedades corretas de medidas.
O CSS tem várias unidades diferentes para expressar unidades de comprimento (largura x altura), entretanto, muitas propriedades não são utilizadas e abstraídas corretamente, algumas propriedades muitos desenvolvedores nem conhecem, e outras são simplesmente deixadas de lado, mesmo vivendo em uma época onde pensar em mobile-first, aplicações hibridas, layout responsivo e css robusto se tornou “obrigação”.
Nesta série de duas aulas, aprenderemos a trabalhar com medidas flexíveis para enriquecer nossos códigos front-end, e principalmente entender a diferença entre medidas absolutas e medidas relativas.
Entre as css units que iremos aprender, temos: porcentagem (%), em, rem, ch, ex, vh, vw, vmax,vmin e etc.</span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-23123238725310625472020-12-10T16:17:00.000-03:002020-12-10T16:17:38.124-03:00Layouts com Grid Layout - HTML5 e CSS3<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/YZ8mYEDPOy8" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">Nessa aula foi desenvolvido um exemplo de layout utilizando o conceito de Grid Layout e suas respectivas propriedades como display: grid, grid-template-columns, grid-template-rows, grid-template-areas, grid-column, grid-area, entre outros.</span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-74292739562511027122020-12-10T12:40:00.005-03:002020-12-10T12:40:57.888-03:00Cards Layout com CSS Grid (Sem Media Queries) em 2min<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/nStIu7bHd9c" width="560"></iframe></div><p> <span face="Roboto, Arial, sans-serif" style="background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;">É possível fazer layouts incríveis com CSS Grid. Aprenda a fazer um Cards Layout responsivo sem usar media queries!</span></p><span face="Roboto, Arial, sans-serif" style="background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;">
Ninguém nega que media queries são um dos pilares de web design responsivo. Mas elas foram criadas para mudar o layout e fazê-lo se adaptar em determinadas situações.
Com a evolução da tecnologia das CSS, algumas soluções vêm chegando para facilitar ainda mais o desenvolvimento front end. Uma delas, inegavelmente, é CSS Grid, que é o único e verdadeiro sistema de layouts para a Web.
Não que media queries sejam dispensáveis, mas, hoje, é possível se chegar a resultados surpreendentes com as novas tecnologias. Por exemplo, desenvolver um Cards Layout com CSS Grid sem usar media queries!
Sim, usando de alguns conceitos e macetinhos de CSS Grid, é possível fazer layouts responsivos sem usar media queries, como esse layout de cartões responsivo.
E é exatamente uma dessas possibilidades que mostramos neste vídeo: como se chegar a um layout de cards responsivo com CSS Grid sem usar media queries.
</span><div><span face="Roboto, Arial, sans-serif" style="background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;"><br /></span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-72349413736326695702020-12-09T18:27:00.002-03:002020-12-09T18:27:19.289-03:00Grid Layout • Crie layouts rapidamente com CSS3<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RNvQzo4DoOA" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">Aprenda a trabalhar com Grid Layout, um sistema de layout bidimensional baseado em grades, otimizado para design de interfaces de usuário. No modelo de layout de grade, os filhos de um contêiner podem ser posicionados em slots arbitrários em uma grade de layout flexível ou de tamanho fixo predefinidos.</span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-67953063795012462582020-12-09T10:14:00.001-03:002020-12-09T10:14:07.262-03:00Aprenda a trabalhar com Flexbox<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/dbVQqcV9iEc" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-72930485655440759342020-12-09T08:12:00.003-03:002020-12-09T08:12:31.397-03:00[Front-End] - CSS Grid Layout<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/HBlBNAtFcdw" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><span style="background-color: #f9f9f9; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; white-space: pre-wrap;">Neste vídeo mostro como criar um layout utilizando a nova feature do CSS3 chamada CSS Grid Layout.</span></div><div style="text-align: left;"><span style="background-color: #f9f9f9; font-size: 14px; white-space: pre-wrap;"><span style="color: #030303; font-family: Roboto, Arial, sans-serif;">https://github.com/mahenrique94/video-css-grid-layout</span></span></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-55209482466723029112020-12-08T14:58:00.003-03:002020-12-08T14:58:28.891-03:00Ambiente de desenvolvimento NodeJS com Docker e Docker Compose<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AVNADGzXrrQ" width="560"></iframe></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><span class="style-scope yt-formatted-string" dir="auto" style="background: rgb(249, 249, 249); border: 0px; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">O Docker é uma ferramenta para criação de containers, com ela podemos separar toda configuração e lógica de inicialização das nossas aplicações do nosso ambiente, evitando que uma aplicação influencie no comportamento de outra.
Nesse vídeo vamos ver como configurar o Docker do zero para um ambiente de desenvolvimento NodeJS utilizando o Docker Compose para orquestração dos containers.
Docker: </span><a class="yt-simple-endpoint style-scope yt-formatted-string" dir="auto" href="https://www.youtube.com/redirect?redir_token=QUFFLUhqbUlCbUkwTUgzSy1tWUkwcjVldWtpekx4NTUzd3xBQ3Jtc0tsZlg4TFhCczU3X2pKTFRMSzFkNFc5eWNEWERtTWk2TW12SHctSERZa1FYQnEwS2ZQNjRseDVFeTdjd241dHZRMlNPVWlKSm1iSXk0Yzk5NldvQ0hHdlZHRHpBOWNjczBleDdIN1o0Z1dKNUQ5RzZEOA%3D%3D&event=video_description&v=AVNADGzXrrQ&q=https%3A%2F%2Fdocs.docker.com%2Finstall%2F" rel="nofollow" spellcheck="false" style="background-color: #f9f9f9; cursor: pointer; display: var(--yt-endpoint-display, inline-block); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-decoration: var(--yt-endpoint-text-regular-decoration, none); white-space: pre-wrap;" target="_blank">https://docs.docker.com/install/</a><span class="style-scope yt-formatted-string" dir="auto" style="background: rgb(249, 249, 249); border: 0px; color: #030303; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
Docker Compose: </span><a class="yt-simple-endpoint style-scope yt-formatted-string" dir="auto" href="https://www.youtube.com/redirect?redir_token=QUFFLUhqbXF0RHd2cUstYWlRMTVldGNYSkI5NEsxMzJSQXxBQ3Jtc0tsUmJ4U1lLV3lJbDRqLXpHN2dKMWlrU1ZWVU02cEFmVXZpdFhKYWk2XzZCNXNWOXptc0R1X21kRDZxaDRrYzlpaGE5LW5jNG9ITkNfOFhtRExVbjlHblNHeUtlOTVCN3lHT2ltOXJWOERQbjYzX2xCZw%3D%3D&event=video_description&v=AVNADGzXrrQ&q=https%3A%2F%2Fdocs.docker.com%2Fcompose%2Finstall%2F" rel="nofollow" spellcheck="false" style="background-color: #f9f9f9; cursor: pointer; display: var(--yt-endpoint-display, inline-block); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-decoration: var(--yt-endpoint-text-regular-decoration, none); white-space: pre-wrap;" target="_blank">https://docs.docker.com/compose/install/</a></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-23433477887557781222020-12-08T13:55:00.006-03:002020-12-08T13:55:51.349-03:00Build a Responsive Grid CSS Website Layout From Scratch<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/moBhzSC455o" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-28642154708592684362020-12-08T10:41:00.007-03:002020-12-08T10:41:36.359-03:00Ambientes Back-End com Docker + VS Code <div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/97jWpWp4Pnc" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-12637324833897135302020-12-08T09:48:00.005-03:002020-12-08T09:48:55.452-03:00How to Create Website Layouts Using CSS Grid | Learn HTML and CSS | HTML Tutorial<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/HgwCeNVPlo0" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-2114852222401688172020-12-07T18:33:00.004-03:002020-12-07T18:33:26.938-03:00CSS Grid Layout Crash Course<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/jV8B24rSN5o" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-78756514056009320912020-12-07T12:15:00.001-03:002020-12-07T12:15:05.541-03:00Grid CSS Responsive Website Layout - "Mobile First" Design<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/M3qBpPw77qo" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-1576751386889475072020-12-04T10:53:00.003-03:002020-12-04T10:53:23.212-03:0012 Dicas Rápidas para usar o VS Code como Profissional<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/ODc-55gm_Mc" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-64083143213219601122020-12-04T10:16:00.000-03:002020-12-04T10:16:21.344-03:00Você sabe MESMO como usar o hook useEffect?<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/ndwM9djDRLg" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-8152532296185388032020-12-04T09:22:00.002-03:002020-12-04T09:22:31.636-03:00Como eu configuro o VSCode para o React<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/ZDv8UQ4EzaY" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-85537199856604497452020-12-03T09:55:00.005-03:002020-12-03T09:55:43.823-03:00Desvendando o CSS Grid na prática<div style="text-align: center;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/HN1UjzRSdBk" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-2176520244541963912020-12-03T09:03:00.003-03:002020-12-03T09:03:44.632-03:00Criando layout para o site com Display Grid, Grid areas, Grid template<div style="text-align: center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/-ZScCBfiIIs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-40512907989974883382020-08-26T20:06:00.002-03:002020-08-26T20:06:37.398-03:003 sites para aprender Java com Spring<div style="text-align: center;"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/vYbLkFaEmc8" width="560"></iframe></div>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-42200805995976043102020-04-03T14:56:00.002-03:002020-04-03T14:56:38.940-03:00React: Criando um site para empresas<div style="magin-bottom: 40px; text-align: justify; text-indent: 40px;">
Nesta série de 12 (Doze) vídeos vamos aprender como pegar um template pronto e converter num project React.</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNzzy817uh7nfKDDHDrE5bsUUy1krfWlLJAxeiaLvR2E3iC1wP5URiSD1ZXaeXCeKwaM1EyXS2eYRxyhzajmSPLvIjlbqce5fymtTRJjDAAki4QDJ_H2Q73y_zSOVMVIePrOapHDFs5jR/s1600/tcx3Mzamk9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNzzy817uh7nfKDDHDrE5bsUUy1krfWlLJAxeiaLvR2E3iC1wP5URiSD1ZXaeXCeKwaM1EyXS2eYRxyhzajmSPLvIjlbqce5fymtTRJjDAAki4QDJ_H2Q73y_zSOVMVIePrOapHDFs5jR/s640/tcx3Mzamk9.png" width="640" /></a></div>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/3I9xv-t42Q4" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/Lfy7sl4VIOo" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/X6OPG6d1dn0" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/eYZ3KWnR0LA" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/v-NmKNiGU5I" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/2GiKAtatTDs" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/j98EeP0Om0o" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/P6xdjASTy3o" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/SLrShnoD468" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/5PyXbN89gB4" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/fs1ORRxsgqg" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/9KnD2cJaTQw" width="800"></iframe>
</div>
<div>
<div style="margin-top: 50px; text-align: justify; text-indent: 40px;">
Se gostou compartilha e nos ajuda a crescer o blog.</div>
</div>
Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0Canoas - RS, Brasil-29.9188183 -51.1585398-30.0289228 -51.3199013 -29.808713800000003 -50.9971783tag:blogger.com,1999:blog-9198129833605211199.post-36326992364589157142020-01-29T10:59:00.002-03:002020-01-29T10:59:52.643-03:00React - Gordo, Pobre e Careca<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/4D1mUR4bD_Y" width="800"></iframe></div>
<br />
<br />
<div>
Código fonte: <a href="https://github.com/emersonbroga/fat-bald-poor">https://github.com/emersonbroga/fat-bald-poor</a></div>
Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-41396082675409801972020-01-29T10:17:00.001-03:002020-01-29T10:17:22.587-03:00React em 1 minuto<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/9dJYu32dK1g" width="800"></iframe></div>
Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-67360900823517479282019-08-20T13:37:00.003-03:002019-08-20T13:37:57.864-03:00Inteligência Artificial na Escola<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="480" src="https://www.youtube.com/embed/-k2vlpYACgg" width="640"></iframe></div>
<br />
<br />
<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="480" src="https://www.youtube.com/embed/XjiqNJTbUIA" width="640"></iframe>
</div>
<br />
<br />
<div style="text-align: center;">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="480" src="https://www.youtube.com/embed/bQneIs5CM5s" width="640"></iframe></div>
Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0tag:blogger.com,1999:blog-9198129833605211199.post-28920180064670287112019-04-07T18:30:00.002-03:002019-04-07T18:30:57.024-03:00Docker Fundamentals<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jKBD7V842c-rM6ZOdgV48VU2PcuoR1j4BhS6Se8wswb0HaXXm8HnAVOFcBMIotIpFUjFyCYI4g3CtP186YBjHln33fyIol6jYF3ds_WA24yEBNUBLHXQdHeXwRlZqfyn_GvWQexyVKnB/s1600/docker_facebook_share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="287" data-original-width="336" height="546" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jKBD7V842c-rM6ZOdgV48VU2PcuoR1j4BhS6Se8wswb0HaXXm8HnAVOFcBMIotIpFUjFyCYI4g3CtP186YBjHln33fyIol6jYF3ds_WA24yEBNUBLHXQdHeXwRlZqfyn_GvWQexyVKnB/s640/docker_facebook_share.png" width="640" /></a></div>
<br />
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/N_jfTUXazGU" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/hGoT467L9NY" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/3jXFVz_smUI" width="800"></iframe>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="600" src="https://www.youtube.com/embed/0xquXwV_BgQ" width="800"></iframe>Leandro Severinohttp://www.blogger.com/profile/06455295105632507851noreply@blogger.com0