3 PASSOS SIMPLES PARA CRIAR EVENTOS NO JAVASCRIPT [para iniciantes] | Insta Post Reminder #03
Вставка
- Опубліковано 7 вер 2024
- Entender os eventos no javascript é bem tranquilo e nós iremos fazer isso passo a passo, para iniciantes.
Vamos criar um objeto chamado Emitter, que será o responsável por implementar o padrão de projeto chamado Publisher Subscriber, onde ele irá registrar eventos e disparar eventos.
Dessa forma, iremos fazer o disparo das notificações e iremos reiniciar o countdown nessa visão de disparo de eventos.
Aprenderemos a acessar às propriedades prototype de um objeto como o .push() e o .forEach() para Arrays. Veremos como usar o in para verificar se existe alguma propriedade dentro de um objeto. Usaremos o rest operator ou rest params para pegar os parâmetros passados para uma função, além do Spread Operator. O bom e velho callback e uma novidade: closures
Se você ficou até o final do vídeo, siga o link abaixo
RESOLUÇÃO DO DESAFIO
• resolucao desafio da a...
🔻 🔻 🔻 Links Importantes: 🔻 🔻 🔻
Esse vídeo faz parte da playlist abaixo
↪ • Insta Post Reminder - ...
Repositório do vídeo
↪ github.com/may...
Curso gratuito e comunidade de programação WEB para iniciantes [Discover]
↪maratonadiscov...
Outras redes
↪ maykbrito.dev
![COMO CRIAR UM PROGRAMA PARA COMPUTADOR COM JAVASCRIPT [iniciantes] - Insta Post Reminder #04](http://i.ytimg.com/vi/3qTkfnBhBVU/mqdefault.jpg)
![COMO CRIAR UM PROGRAMA PARA COMPUTADOR COM JAVASCRIPT [iniciantes] - Insta Post Reminder #04](/img/tr.png)
❖ Playlist completa ua-cam.com/play/PLeLKux5eT3kbD0iUjYCHmea57EGQSphc9.html
Quando tu iniciou esse projeto eu pensei: "Ah, vai ser algo simples, um timer com notificação", mas cara, teve tanta coisa nova que aprendi. Incrível Mayk, continua com esse trabalho por favor hahah você é fodaa!!
que massa que tá fazendo sentido pra você brother 😍😍😍 Obg pelo feedback 🤗
Ótimo conteúdo Maik vc eh fera
tmj irmão 🤗
Tava aguardando por esse vídeo sobre pub/sub desde o 1 vídeo das notificações push. Brabo!!!!
Acho que era a parte mais massa que eu queria trazer também mano. Mas a parte do Electron vai estar brutal também hehehe
Mal posso esperar, concerteza vai tá brabo!
Que conteúdo legal. Vou já reescrever uma aplicação de notificação que fiz ha alguns meses.
Sensacional Jessandro!! 🎉
Fenômeno!!! #VemElectron!
sensacional ⚡⚡⚡⚡ bora
Super Maykão show de bola em, vc realmente é um ninja. Olha na próxima digita somente log e depois tab e pare de digitar console.log
Grande Nelson!!! Que dica top! Vou praticar aqui!! Obrigado Bro!! Manda mais dicas/hackizinhos que eu gosto eheh
Aula muito boa para entender eventos. Muito obrigado!
Levei alguns minutos para enteder esse Array[X] = Array[X] || []
Muito legal!
#NeverStopLearning #VemElectron
Nada é tão composto, que o Mayk Brito, não consiga explicar e colocar tão simples. Já estou no aguardo do próximo vídeo!!! Valeu mais uma vez pela belíssima explicação, e sempre colocando novos conceitos pra galera!!!!
Opaaaaa Gilbertoo 😍 Tamo junto brother! O próximo vai ser brabo também hein! Obrigado pelas palavras! Abração
Que aula sensacional!!! #VemElectron
aeeee Leo ⚡⚡⚡🎉🎉
Um videozin do Mayk é sempre bom né...
🤩 Valeu Gui
Esse vídeo me ajudou em um problema que estava tendo a dias, top +
#VemElectron
Parabéns Mayk, o seu trabalho é sensacional e a didática são incrível, teus conteúdos são de primeira!
Desejo sucesso e que continue com esse trabalho que muda a vida de vários devs.
Muito obrigado Raphael 🥰
Uau, ninguem esperava que seria tanto aprendizado em "apenas" um timer com notificação!!!
Obrigado por todo conteúdo exposto Maykão!
#VemElectron
Eu que agradeço Cleyson! Que bom que tá somando pra comunidade 🚀
Quando eu vi esse padrão eu pensei que era o Observer só que o mayk tava usando outro nome para ele, mais não, o Pub/Sub é como se fosse o irmão do Observer são bem parecidos, muito bom o video :D
Isso 😊🚀
Conheci o canal agora, muito bom!
Muito obrigado Bruce 😁!!
#VemElectron !!
Sempre curti a ideia de fazer algo utilizando Electron..
Tá chegando Kaio 💜 É massa demais!!
Vlw mykao, foi muito bom saber a lógica de emit do vue!!
Toop! #VemElectron
Tá chegando!!
Que aula, professor. Abraço, Maykão.
tamo junto brother
patrick thats an event emitter
Salve maykão, já chego dando like antes de assistir 💜
Sempre uma alegria ver você por aqui irmão. Obg pelo apoio ⚡
Eu nem sinto o tempo passar com o Mayk dando aula! O cara é maravilhoso!
Obri Fer 💜
Conteúdo top como sempre! Maykão é camisa 10 e faixa!
a grande Gabriel.. Tmj brother hehe sempre bom te ver por aqui
Parabéns! Muito bom!
valeu Andrelino 🤗
Tu é o cara, Maykão.
top demaiss
valeu ❤️
Tendi quase nada kkkk tô iniciando agora, mais perdido que tudo no mundo, mas foi show!
Fica Tranquilo Euller. Daqui um tempinho você pega as moral.. Continue estudando e bora pra cima 🚀🚀🚀
demais!
tmj total ⚡
Eu ia pedir agora pra tu utilizar esse projeto com electron pra fazer rodar no tray, mas já era seu plano, muito bom esse projeto, abre um leque de oportunidades gigante esse projeto
SSHOOOWWWW!!! Sim... A gente mostra algo simples para ser didático, mas cara, a mente voa com o tanto de possibilidades né?
@@maykbrito siiim, ja penso em fazer algo para lembrar de descansar ou fazer exercícios, pois acaba que ficamos o dia todo no computador e esquecemos de descansar ou fazer exercício fisico
Muito bom vídeo, mas lembra de tirar o mouse de cima do seu rosto! ahahahah eu já esqueci algumas vezes (alguns vídeos antigos no meu canal estão assim também) e sempre penso que é o meu mouse aqui :-( +1 inscrito! abs
então (kkk eu vi na depois de ter publicado mesmo kkkkk imagina a gente transformar o cursor em mosca pra deixar ainda mais angustiante 😅😅😅
Estou sem a cabeça depois dessa aula😲😆🎉
hahahahaah isso é bom? Quando eu era criança eu tinha medo do homem sem cabeça😆 Bom te ver por aqui Melk 🥰
@@maykbrito Aula sensacional! Deu até uma esclarecida pra mim a ideia de socket e mensageria.
Que aula foda... #VemElectron
Teoria é muito bom e importante! Não adianta só saber fazer, tem que entender o porquê de estar fazendo, senão não conseguiremos criar muita coisa no futuro - só saberemos copiar e colar. Super apoio as tuas explicações, Mayk!
Exatamente !!! Pra cima 🚀
#vemelectron
Maykão, você é brabo!
Tá vindo Eric! kkk valeu 💜
Mais um conhecimento adquirido. Obrigado pelo conteudo Mayk !!
nossa cara massa de mais seu conteudo esta me motivando a programar de novo PARABÉNS. Vou compartilhar seu conteudo no meu INSTAGRAN!!!
Sempre bons conteúdos
Grande George 🚀 TMJ
Esse cara é sensacional, mano!! Tu é inspiração, Maykão!
O Canal do @Mayk_Brito é tão top que até a propaganda impressiona, vi inteira: sobre o Programa Fullstack Python da Pirple. parabéns Mayk⭐, vou salvar e ver top!
kkkkkk
Primeiramente, parabéns pelo conteúdo. Sua didática é fantástica. "Segundamente", continue com suas explanações teóricas (parecem chatas mas não são). Programar é organizar um fluxo de instruções para a máquina, e que, a estrutura disso depende da nossa tomada de decisão (programador). E sabendo bem a teoria de como as coisas funcionam, teremos sempre um código mais intuitivo, funcional e reutilizável.
Valeu Maykão!
Continue assim...
Mandando muito bem Maikão!
Ótimo conteúdo 🏆
que masssaaa manoooo ⚡
Cheguei mais rápido que a frequência de oscilação de uma onda eletromagnética.
hahahaah ⚡
#vemElectron que eu to ansioso
ME pergunto como é que eu consigo aprender, assimilar e guardar toda essas informações didáticas do Mykão!! #VemElectron
Bora pra cima Talisson 🚀!!
Mayk, por favor, na sua lista de prioridades pra gravar, vc pode fazer uma app que contenha um crud completo? Isso eh tao bom pra iniciante... eu sei q tem conteudo aos montes no youtube, eu sei, mas a sua didatica me faz REALMENTE aprender. Eh serio. Vc é impar. To sempre por aqui. Vc poderia fazer algum cadastro de alguma coisa sei la. Que possa utilizar react + stylecomponent, ser responsivo e utilizar ou localstorage ou mongo ou firebase. Nossa seria sonho. Encontrar esse tipo de conteudo eh facil, mas to pedindo aqui por causa da SUA didatica, essa sim, é unica. Por favor. Eh possivel?
Grande Elton. Anotado irmão. Na semana que vem começa uma nova maratona e já atenderemos seu pedido 💜💜💜💜
ou melhor, parte do seu pedido, pois focaremos no backend
Isso ae num singleton ou context do react fk bruto
Parece que a sua didática é muito boa! Vou começar seu curso, eu tô com umas dificuldades para aprender, as vezes meu código javascript não funciona e eu fico meio desanimado
Vai conseguir! Esses momentos de travamento fazem parte do processo de aprendizado na programação! Continue buscando as respostas e logo encontra as soluções 🔥
#VemElectron ~~~~~~
up
⚡
#VemElectron
First?
tá rápido ⚡
Eu quero fazer o curso da Rocketsete.
Massa brother 💜💜
Muito bom o projeto!
Por acaso essa função não roda no browser mobile?
Tentei hospedar ele e não consegui fazer rodar no celular.
Fala Murillo! Você quer dizer a parte de Notificação do Browser? Não tem suporte para mobile ainda.
@@maykbrito isso mesmo Maykão. Mas nem o contador consegui rodar. Normal?
@@murillomfs tem 2 situações que eu penso que poderá estar impedindo:
1. Algum bug na aplicação, mas, se estiver rodando normal no Desktop, não deverá ser isso
2. Remova as coisas do Notification, pois a gente criou uma lógica que bloqueia a aplicação, caso a Notificação seja negada
Não sendo a primeira, tenta a segunda opção, comentando a linha que tem "await Notifyer.init()" e veja se o contador vai funcionar ;)
@@maykbrito Bah, era isso mesmo, a segunda opção! Com a sua primeira resposta eu já devia ter sacado hahaha
Muito obrigado pela atenção. Ansioso pelo próximo episódio e pra conhecer um pouco sobre Electron.
Abraço!
@@murillomfs masssaaa 🚀🚀🚀🚀
por mais que não seja completamente OO, você poderia explicar essa estrutura, ela é bem atraente.
Ótima sugestão Alisson! Anotei pra fazer um vídeo mais detalhado, mas esse jeito de criar objeto é chamado de Object Literal
Maykão fiz junto com você, entendi tudo, código tá idêntico, mas a notificação não aparece no chrome. O que eu faço?
Eu só não entendi, como vc conseguiu usar criar um evento próprio, sem usar precisar instânciar um novo evento. Tipo, new Event();
Isso é pq eu tô criando um Object Literal, é como se fosse já a instância de um objeto. No caso, como eu não vou construir muitos objetos, eu construo um só, com suas funcionalidades e propriedades... Diferente né?
@@maykbrito Entendi, valeu Maykão!
Agora os videos do Mayk só me apanham on na net.
incrível hehe 💜
Maikão, que fonte é essa que tu ta usando no vscode?
Fira code
PubSub nao seria o observer? ou tem diferenca?
tem diferença.
@@maykbrito Se liga, consegui um exemplar fisico do livro de padroes de projeto do martin fowler, apesar do pdf, eu acho justo e ate prefiro o exemplar fisico.
@@principe.borodin que da hora man!! 🚀
#vemelectron
tá chegando 🥰
Muito bom! Parabéns!
#VemElectron
#VemElectron
#VemElectron
#VemElectron
#VemElectron