#css #glass #glassmophism #windows11

Hoje eu vou ensinar vocês como fazer o efeito de vidro do Windows 11 com CSS. E junto disso vamos fazer a estrutura html do projeto, bastante CSS e por fim vamos fazer também um relógio com JavaScript.

Esse video tem fins educativos.

Espero que gostem!

=========

Link Secreto:

❓❓ https://emersonbroga.com/secret❓❓

✅ Tenho um curso de JavaScript do básico ao avançado. http://emersonbroga.com/js

✅ Tenho também um livro sobre ES6, chamado JavaScript: As Novidades do ES6 http://emersonbroga.com/es6

✅ Livro Sobre ES6 Gratuito no Kindle: https://amzn.to/3iE4lIF

✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS http://emersonbroga.com/react

✅ NFT: A mina de Ouro https://www.youtube.com/watch?v=I0EtqLtPUiI

➡ Wallpaper Windows 11 https://drive.google.com/drive/folders/1BvspkpUpYv3jevHH4UxKFVXd_Zd0LmUE

➡ Imagem de Referencia do Projeto https://sajhatech.com/wp-content/uploads/2021/06/Windows-11-specs-features-computer-requirements-and-language.jpg

➡ Imagem do Avatar https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=ddcb7ec744fc63472f2d9e19362aa387

➡ Imagem da Praia https://www.pexels.com/photo/landscape-photography-of-trees-on-shoreline-457882/

➡ Fonte Roboto https://fonts.google.com/specimen/Roboto

➡ Código no Github: https://github.com/emersonbroga/windows-11-glass-css

=========

00:00 Intro 00:46 Apresentação 02:35 Visão geral do projeto 03:49 Estrutura HTML 08:18 Estilizando (CSS) 31:20 JavaScript 36:12 Efeito "glass" com CSS 39:03 BONUS: Relógio com JavaScript 44:10 Finalização

=========

Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!

➜ Veja as dicas no Instagram 📸: https://emersonbroga.com/instagram

➜ Assista nosso canal no Youtube 📺 : https://emersonbroga.com/youtube

➜ Curta nossa página no Facebook 👍 : https://emersonbroga.com/facebook

➜ Não perca as atualizações no Twitter 🐦 : https://emersonbroga.com/twitter

➜ Siga nossos repositórios no Github ⌨️: https://emersonbroga.com/github

==========

Sobre Emerson Broga Dev (@emersonbrogadev):

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais. Saiba mais em http://bit.ly/2yFCqR1

========== Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/

Créditos dos recursos utilizados:

Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. https://creativecommons.org/licenses/by/4.0/ Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/

Video by Miguel Á. Padriñán from Pexels

windows11 css glass glassmorphism vidro javascript clock relógio ... https://www.youtube.com/watch?v=EMP4zIDNaRA