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 e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. ... https://www.youtube.com/watch?v=24J8zGlgPxQ
CURSO DE JAVASCRIPT COM 30% DE DESCONTO!
https://emersonbroga.com/js
https://emersonbroga.com/js
https://emersonbroga.com/js
https://emersonbroga.com/js
https://emersonbroga.com/js
Hoje eu quero mostrar esse maravilhoso mundo das imagens geradas por inteligência artificial.
Essa é uma das tecnologias que mais me impressionou nos ultimos meses e eu tô fascinado por isso.
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
=========
Time Stamps:
00:00 Intro
01:24 Inicializando o projeto
05:14 Criando o componente de Modal
06:32 Exibindo e escondendo o Modal
09:11 Passando o conteúdo do Modal
13:30 Estruturando o Modal
14:18 Criando um botão de fechar com CSS
23:04 Fazendo o Modal fechar ao clicar no botão
24:10 Fazendo o backdrop do Modal
27:15 Botão de fechar opcional
27:59 Fechar Modal ao clicar fora
32:15 Fechar Modal com ESC
36:43 Botões de ação no modal
40:11 Recapitulando
43:47 Encerramento
=========
Outros videos:
✅ Video: Regex
https://youtu.be/PJN6_n-pdj8
✅ Video: React use();
https://www.youtube.com/watch?v=CNz3VDXX3H0
✅ Video: useId();
https://www.youtube.com/watch?v=D6GoXiuQ82U
✅ Video: Tailwind css para iniciantes
https://youtu.be/mK_19iqznc8
✅ Video: Automatização simples com NodeJS
https://youtu.be/ZcjJ2qyTr7k
✅ Video: Unidades de Medida do CSS
https://youtu.be/ftq6FsIRwDk
✅ Video: Entendendo o tal do CORS
https://youtu.be/VZI1I3c6a2g
✅ Video: Carrossel com React
https://www.youtube.com/watch?v=cX0N3TNxumw
✅ Video: Upload de imagens com a FETCH API do JavaScript!
https://www.youtube.com/watch?v=5RUgDRZjmjA
✅ Video: Alterando respostas da API com Charles Proxy
https://youtu.be/AhKy8dSXia4
✅ Video: Busca Instantânea com React
https://youtu.be/3vmL_y9CxI8
✅ Video: Dropdown de Cidade e estado
https://youtu.be/Aca6mAXi0j4
✅ Video: Como ordenar arrays no JavaScript!
https://www.youtube.com/watch?v=JxdsTHdgqAU
✅ Video: Como funciona o useEffect?
https://www.youtube.com/watch?v=ehtB6ynyIlU
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 QuickNode.com 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/
==========
useId react
js javascript react reactjs node nodejs frontend backend desenvolvedor programador dev soudev broga emersonbroga
...
https://www.youtube.com/watch?v=duGMP8QP1oo
Fala pessoal
Hoje quero mostrar como criar esse efeito de zoom/lupa usando React.
Repositório starter: https://github.com/emersonbroga/next-js-with-tailwind
Repositório do projeto: https://github.com/emersonbroga/react-image-zoom
Imagem: https://github.com/emersonbroga/react-image-zoom/raw/main/public/images/banana-portrait.jpg
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
✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS
http://emersonbroga.com/react
=========
Time Stamps:
=========
Outros videos:
✅ Video: Regex
https://youtu.be/PJN6_n-pdj8
✅ Video: React use();
https://www.youtube.com/watch?v=CNz3VDXX3H0
✅ Video: useId();
https://www.youtube.com/watch?v=D6GoXiuQ82U
✅ Video: Tailwind css para iniciantes
https://youtu.be/mK_19iqznc8
✅ Video: Automatização simples com NodeJS
https://youtu.be/ZcjJ2qyTr7k
✅ Video: Unidades de Medida do CSS
https://youtu.be/ftq6FsIRwDk
✅ Video: Entendendo o tal do CORS
https://youtu.be/VZI1I3c6a2g
✅ Video: Carrossel com React
https://www.youtube.com/watch?v=cX0N3TNxumw
✅ Video: Upload de imagens com a FETCH API do JavaScript!
https://www.youtube.com/watch?v=5RUgDRZjmjA
✅ Video: Alterando respostas da API com Charles Proxy
https://youtu.be/AhKy8dSXia4
✅ Video: Busca Instantânea com React
https://youtu.be/3vmL_y9CxI8
✅ Video: Dropdown de Cidade e estado
https://youtu.be/Aca6mAXi0j4
✅ Video: Como ordenar arrays no JavaScript!
https://www.youtube.com/watch?v=JxdsTHdgqAU
✅ Video: Como funciona o useEffect?
https://www.youtube.com/watch?v=ehtB6ynyIlU
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 QuickNode.com 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/
==========
js javascript react reactjs node nodejs frontend backend desenvolvedor programador bolhadev dev soudev broga emersonbroga
...
https://www.youtube.com/watch?v=0lKY0J26L64
#react #tutorial #modal
No tutorial de hoje vou mostrar pra você como criar um componente de modal no React JS.
Esse é o tipo de componente que a gente precisa na maioria dos projetos, mas como as pessoas geralmente vem do jQuery elas não fazem ideia de como fazer modal no react.
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
============
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 da música: 8 Year Anniversary by Diamond Ortiz found on https://www.youtube.com/audiolibrary/music
Compre na Amazon os produtos que eu recomendo:
https://amzn.to/39d3XMh Livro: Refatoração
https://amzn.to/3lRbohq Livro: Código Limpo
https://amzn.to/3rolhEa Livro: Arquitetura Limpa
https://amzn.to/3IQcnZ1 Cadeira DX Racer Boss B121-N
https://amzn.to/3sniBrV Suporte Monitor Vevo
https://amzn.to/3lRcaek Microfone Blue Yeti
https://amzn.to/3feXggu Caixa Bose
https://amzn.to/3rfbuQU Caneta Uniball
https://amzn.to/3lQeGBo Iphone XS
https://amzn.to/3sqIR4A AirPods Pro
https://amzn.to/2PvnfoU Mouse Dell
https://amzn.to/31eUks7 Apple Keyboard
https://amzn.to/2NQWZoF Kindle
https://amzn.to/3ckKRWx Termometro Xiaomi
https://amzn.to/3rgWUrX HD Externo Seagate 6TB
https://amzn.to/3lQtFv0 Clean Code
https://amzn.to/3rofwqe Clean Arquitecture
https://amzn.to/3hQ1xrw Apple Watch
...
https://www.youtube.com/watch?v=xDVjbp8l96M
No vídeo de hoje você vai aprender como utilizar o utility type Pick do Typescript!
❓❓ https://emersonbroga.com/secret❓❓
? Se você quer mais dicas como essa, já segue o perfil.
❤️ Se você gostou dessa dica, ja deixa o seu like.
✈️ Se você acha que essa dica pode ajudar alguem, compartilha com ele também.
#javascript #react #nodejs #dev #bolhadev #css
#broga
...
https://www.youtube.com/watch?v=rdFhrefOCpY
#react #javascript #tutorial
? Leitura recomendada "Evolua ou entre em Extinção": http://bit.ly/35sqiSu
React em 1 Minuto!
Você sabia que dá pra adicionar react em seu site já existente?
No vídeo de hoje eu vou ensinar como utilizar as bibliotecas React e ReactDOM para adicionar react a qualquer site existente e mostrar os fundamentos de um componente simples.
Espero que gostem!
=========
LISTA DE LINKS
➜ Código fonte do projeto: http://bit.ly/2ZjhzxI
➜ Participe da nossa lista de devs: http://bit.ly/2KyYmUB
➜ Link do Dia: http://bit.ly/2HgoRMk
➜ Water.css: http://bit.ly/2z9WUl0
➜ React in One Minute: http://bit.ly/31VjsSK
=========
Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript!
➜ Faça parte da nossa lista de desenvolvedores ? http://bit.ly/2KyYmUB
➜ Assista nosso canal no Youtube ? : https://www.youtube.com/c/emersonbroga
➜ Curta nossa página no facebook ? : https://www.facebook.com/emersonbrogadev
➜ Não perca as atualizações no twitter ? https://twitter.com/emersonbrogadev/
➜ Veja as dicas no instagram ? https://www.instagram.com/emersonbrogadev/
➜ Siga nossos repositórios no github ⌨️ https://github.com/emersonbrogadev/
==========
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 da música: 8 Year Anniversary by Diamond Ortiz found on https://www.youtube.com/audiolibrary/music
...
https://www.youtube.com/watch?v=9dJYu32dK1g
No Video de hoje você vai sobre o Nullish coalescing assignment do JavaScript!
❓❓ https://emersonbroga.com/secret❓❓
? Se você quer mais dicas como essa, já segue o perfil.
❤️ Se você gostou dessa dica, ja deixa o seu like.
✈️ Se você acha que essa dica pode ajudar alguem, compartilha com ele também.
#javascript #react #nodejs #dev #bolhadev #css
#broga
...
https://www.youtube.com/watch?v=f-78wksIKV0
#nodejs #json #crud
No video de hoje eu vou te ensinar a manipular JSON no Node JS, caso você precise escrever, ler, atualizar ou deletar arquivos JSON.
Ou seja, fazer um CRUD em arquivo JSON.
Esse video tem fins educativos.
=========
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
✅ JSON Helper
https://gist.github.com/emersonbroga/0502ae69db79d65320b887352ca553fd
✅ Video: Automatização simples com NodeJS
https://youtu.be/ZcjJ2qyTr7k
✅ Video: Unidades de Medida do CSS
https://youtu.be/ftq6FsIRwDk
✅ Video: Entendendo o tal do CORS
https://youtu.be/VZI1I3c6a2g
✅ Video: Carrossel com React
https://www.youtube.com/watch?v=cX0N3TNxumw
✅ Video: Upload de imagens com a FETCH API do JavaScript!
https://www.youtube.com/watch?v=5RUgDRZjmjA
✅ Video: Alterando respostas da API com Charles Proxy
https://youtu.be/AhKy8dSXia4
✅ Video: Busca Instantânea com React
https://youtu.be/3vmL_y9CxI8
✅ Video: Dropdown de Cidade e estado
https://youtu.be/Aca6mAXi0j4
✅ Video: Como ordenar arrays no JavaScript!
https://www.youtube.com/watch?v=JxdsTHdgqAU
✅ Video: Como funciona o useEffect?
https://www.youtube.com/watch?v=ehtB6ynyIlU
=========
Time Stamps:
00:00 Intro
01:08 Como Ler arquivos JSON no Node
03:52 Como Ler arquivos JSON usando fs.readFile
09:56 Como Ler arquivos JSON usando fs.readFileSync
12:50 Como Escrever arquivos JSON usando fs.writeFile
20:13 Como Escrever arquivos JSON usando fs.writeFileSync
22:31 Como Atualizar arquivos JSON usando fs
30:36 Criando Promises para Manipular JSON no NodeJS
31:12 JSONWrite
35:47 JSONRead
38:27 JSONUpdate
42:24 JSONDelete
46:14 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/
==========
json fs fs.writeFile fs.writeFileSync fs.readFile fs.readFileSync node
js javascript react reactjs node nodejs frontend backend desenvolvedor programador dev soudev broga emersonbroga
...
https://www.youtube.com/watch?v=w30zWauuoGw
#homeoffice
? Leitura recomendada "Evolua ou entre em Extinção": http://bit.ly/35sqiSu
5 dicas para quem trabalha de casa, o famoso home office. Veja como melhorar sua produtividade e como o trabalho remoto pode melhorar sua qualidade de vida.
Compartilhe o video com seus amigos!
➜ Participe: http://bit.ly/2vUpcOY
➜ Leia o post completo: http://bit.ly/31pC8Ld
➜ Link do Dia: http://bit.ly/2I9yFJ2
=========
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
✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS
http://emersonbroga.com/react
=========
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 da música: 8 Year Anniversary by Diamond Ortiz found on https://www.youtube.com/audiolibrary/music
...
https://www.youtube.com/watch?v=IPNzsyiY2Bo
Fala pessoal
Hoje você vai aprender a usar o npm audit fix e manter as dependências do seu projeto atualizadas!
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 Curso completo de AXIOS pra você dominar as requisições HTTP
http://emersonbroga.com/axios
=========
Timestamps:
=========
Outros videos:
✅ Video: Criando um botão de Copiar (CTRL + C) com JavaScript/React
https://youtu.be/9bXTsV_iPuA
✅ Video: Regex
https://youtu.be/PJN6_n-pdj8
✅ Video: React use();
https://www.youtube.com/watch?v=CNz3VDXX3H0
Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!
➜ Veja as dicas no Instagram ?: https://emersonbroga.com/instagram
➜ Acompanhe também no Threads ?: https://emersonbroga.com/threads
➜ 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):
Fazendo sites desde 2002, saiba mais em http://bit.ly/2yFCqR1
==========
Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/
==========
js javascript react reactjs node nodejs frontend backend desenvolvedor programador bolhadev dev soudev broga emersonbroga
...
https://www.youtube.com/watch?v=kH_j8mywLkU