Criando projeto completo com HTML, CSS e JavaScript
HTML-код
- Опубликовано: 25 янв 2022
- 🏆 Se você quer levar a sua carreira ao próximo nível, criar sistemas web, sites do zero a projetos profissionais e sair pronto para o mercado, então não perde essa oportunidade:
✅ Lembrando as vagas são LIMITADAS:
bit.ly/FullstackPro
- Logo usada no projeto:
i.ibb.co/m8YvYBr/logo.png
- Código:
github.com/devfraga/gerador-s...
Lembro da primeira vez q assisti esse vídeo, não entendi um comando sequer, ficou tudo extremamente confuso q pensei até em desistir d estudar programação, mas me mantive focado e continuei estudando a fundo HTML, CSS e Javascript, 8h por dia... Resultado, voltei aqui pra assistir d novo e hj entendi absolutamente toda a lógica, tem alguns comandos q não decorei ainda, mas a parte lógica ficou tudo muito claro pra mim..... Detalhe é q isso tem 3 semanas d diferença, ha 3 semanas atrás não entendi absolutamente nada, e hj entendi tudo.... Tô muito orgulhoso d mim... Comecei os estudos há 1 mês atrás, tô evoluindo muitíssimo rápido
eae camarada tudo certo? por onde vc estudou?
Pessoal que ta vendo o vídeo em 2k23 e a senha NÃO ESTÁ COPIANDO AO CLICAR no botão, segue a dica:
Removam o "alert" que vai funcionar.
Fora a esse probleminha o video é excelente!
mn, o meu não gerou nem a senha, já bati muita cabeça e nada
@@felipelael1682 Manda o seu codigo que gera a senha
opa mano, é só inverter os dois, assim:
function copyPassword(){
navigator.clipboard.writeText(novaSenha);
alert("Senha copiada com sucesso!");
}
;)
@@manotads eu coloquei um segundo para isso mostrar e depois sair também para ficar mais daora:
let tooltipElement = document.querySelector(".tooltip")
let comecoCopy = "Clique na senha para copiar. 👆"
let finalCopy = "Senha Copiada ✅"
function copyPassword(){
setTimeout(function() {
tooltipElement.innerHTML = comecoCopy
}, 1000)
tooltipElement.innerHTML = finalCopy
navigator.clipboard.writeText(novaSenhas)
}
@@pac_9gamer488 Brabo!
Muito massa cara. Um projeto sem muita complexidade para não atrapalhar ou confundir a galera. Muito obrigado cara. Show de bola.
Sou iniciante mais tenho maior prazer em dizer que seu canal tem me ajudado muito. uns dos melhores que já assisti se não o melhor.
Uma dica para quem ta querendo criar projetos e aprender mais da área assim como eu, funcionou tudo menos a function copyPassword, pq ao colocar o alert antes do navigator.clipboard.WriteText(novaSenha) funcionava, mas, ao repetir a geração de senha, buga, não sei específicamente oq; mas pelo que entendi o usuária precisa conceder a permissão para copiar, e o alert antes estava atrapalhando isso, depois funcionou normal.. esquentei mt a cabeça mas deu certo no fim.
Obrigado mano, também estava esquentando a cabeça com isso hahaha
achei um caminho para resolver esse problema, acrescentar esse then abaixo do navigator e vai funcionar. Estava tentar achar a solução para esse problema, no meu resolveu. Depois me diz se funcionou também?
navigator.clipboard.writeText(novaSenha)
.then(() => alert("senha copiada com sucesso!"))
coloquei o alert na linha de baixo, depois de copiar, ai deu certo, valeu
Caraca ficou muito top esse projeto!!! Já manda a parte 2 ae!!!
Meu Deus que projeto sensacional! Fiz acompanhando sua aula! Tamo junto e obrigado!!
Parabéns pela a didática, muito bom, tenho iniciado em front e os seus projetos tem me ajudado muito no meu desenvolvimento, muito obrigado.
faz uma parte dois incluindo critérios para a geração da senha (apenas números, letra maiuscula, minuscula, caracter especial...), aulinha topp demais
Excelente projeto, agradeço o tempo disposto pra ensinar! valeu mesmo, didática excelente, ganhou mais um inscrito para o canal!
E mais uma vez tô voltando aqui, só q agora depois d ter finalizado os cursos HTML5 avançado, Css3 avançado e JavaScript Avançado.... E pra minha surpresa, entendi absolutamente tudo desse vídeo, e me atrevo a dizer q faria um igual sem muitas dificuldades, maninho vc é o cara sou seu fã... Ah e só uma observação, uma vez vi um vídeo curtinho seu, ensinando uma função com o animation float, pra flutuar em translateY... Agora fico usando essa animação em tudo q eu crio kkkkk, obrigado por inspirar tanto!
Parabéns, amigo. Você saberia como adicionar um medidor de entropia da senha gerada?
Seu conteúdo é incrível! 👏👏👏 Faz a parte 2!
Aula ótima! Sua didática é perfeita, estou conseguindo progredir muito em front-end com suas aulas! ;P
muito obrigado chefe, estou começando com o javascript por agora e esse vídeo foi um belo ponta pé inicial
Estava procurando um projeto para implementar junto com os estudos da Alura, seu video é incrivel. E ja que voce autorizou, ja vou começar montar meu portifolio e esse sera o primeiro projeto dele. haha
Muito bom o conteúdo. Faça sim uma sequência mostrando como fazer a hospedagem. 😁 Parabéns pelo canal e sucesso.
Vc é incrível Matheus, parabéns
Valeu cara, bom demais !!! seguindo pra aprender mais... estou começando agora na área de DEV e estou tentando estudar o máximo possível.
Show de bola, rápido, fácil de dinâmico, Parabéns!
Caramba, eu simplesmente me impressionei com sua explicação, didatica muito top!, parabéns pelo video.
Boa noite, espero que esteja bem.
Seu vídeo me deu um vislumbre do que é programar em JS, programo em VBA/VBS e gosto de ver as coisas acontecendo enquanto insiro os comandos.
Sempre achei JS difícil de entender, pq tinha uma base lógica fraca, hoje mais aperfeiçoada essa base já consigo entender o que cada comando pode fazer.
Vídeo extremamente importante para mim, um dos mais deste ano, pode ter certeza.
Espero que tenhas todo o sucesso que almeje!
Abraços!
Aulinha tooop hein, muito obrigado!!! Bora pra parte 2 Sujeito!!!!!!
Dizer o que?! Você é um instrutor sensacional. Parabéns mais uma vez
Seus vídeos são os melhores!!!!! Aprendendo muito aqui!!!!
Mano, projeto ficou muuuito massa!
Vou acompanhar seu canal e fazer mais projetos como esse. Conteúdo muito tooop ✌
Poderia compartilhar seu Linkedin? Vou postar o vídeo e te marcar lá.
Bora pra parte 2! Parabéns pela didática!!!!!!!
Gosto muito da sua forma de explicar. Faz parte 2
Seu video é mt bom, sua didatica tambem, entendi mt de js só vendo esse video
Vídeo simplesmente SENSACIONAL!!!!
muito bom o projeto, a didática é muito boa!!! Parabéns!!!
Muito bom seu vídeo! Continue postando conteúdos, pois está ajudando muitas pessoas! Parabéns e obrigado! Abr.
Muito top, parabéns 💜
Da hora demais mano 👊
amigo vc explica super bem, vou continuar treinando com vc . Obrigada
😀
Excelente conteúdo! Desde já agradeço pela ajuda!
muito obrigado por compartilhar essa forma de didática para ensinar, você é show entre alguns conteúdos que tenho assistido a sua aula e dinâmica para explicar é outro nível. Gratidão por existir. Conteúdo de excelente entendimento e aprendizado
nossa que dom vc tem em mano, pretendo um dia ter esse conhecimento. pqp
Muito Top... Parabéns pela didática.
Achei massa, vamos evoluir o projeto!
Gostei dms, já vou fazer
Você me convenceu. Vou já fazer a inscrição no curso FullStack.😀
Muito show! ja concluir e agora vou rever novamente pra entender melhor.
Boaaa, Tamoo juntoo 🔥
perfeito a didática, parabéns
Muito bem explicado, parabéns!
Muito foda o conteúdo.
Valeu mesmo.
Espetacular! Valeuuu!
Ótima didática, ganhou um inscrito 👏👏
Parabens mano, muito bom, vale mt apena.
Vídeo muito foda! Me ajudou muito.
Video top ajudou demais a revisar HTML e CSS principalmente 👏👏👏
< > CARA QUE BACANA !!!! DETALHES DO CÓDIGO BEM INTUITIVO. HOSPEDAGEM JÁ rsrsrs Valeu SUCESSO a todos.
Muito top! Gratidão!👏👏👏
Meo, gostei demais! Já vou fazer e mandar pra minha família poder criar senhas e sair das datas de nascimento
Muito bom, eu que estou começando a entender front end apreendi muito. obrigado
Excelente conteúdo parabéns, pela dica!!!
Excelente conteúdo do gerador de senha!
Tamo juntoo 🔥🤟
Man, que vídeo! Só pra te contextualizar, eu sou novato na área, estou cursando engenharia de software e sempre que assisto vídeos de projetos fico perdido porque vejo as pessoas fazendo, mas não explicam o porque de escolherem aquela opção e você não, você vai explicando, uma a uma.. É o meu primeiro vídeo que assisti seu e cara, se puder, continua assim, porque ajuda muito, ajuda até a querer assistir mais vídeos! Tamo junto!
já esta manjando de programação hj em dia man ???
Show de + 🚀🚀🚀
Shoooooooooooooooooooooooooooow Matheus! Estou estudando javaScript e vou tentar executar esse gerador de senha com o auxílio do seu video! Sua explicação é ótima! Obrigada por compartilhar conhecimento conosco!
Tamo junto demais e bora evoluir 🔥
Muito bom e dahora esse projeto. Valeu mesmo
caraca, isso foi magnífico.
Amei, alem de aprender a fazer um gerenciador de senhas, me deu algumas ideias para melhorar os projetos que já fiz!! Muito Obrigado.
Tamo junto demais 🔥
@@Sujeitoprogramador professor tem o repo? aqui não aparece a senha gerada
Perfeita explicação!!!!
Gostei da didatica do projeto e gostei muito de fazer ele. Porem encontrei dificuldades, quando clico na senha gerada fica intermitente as vezes copia e outras não.
Mas se tirar o alerta copia sem erros.
Parabens pelo video.
Um video de 36 min top e eu levei umas 6 horas para conseguir fazer :-( tudo por causa de uma letra minuscula no Math, muito obrigado ótimo conteúdo.
aula top, explica muito bem❤
Projeto simples, mas muito bacana! Adquiri seu curso ontem, tô animada pra aprender bastante sobre JS e React!
O curso eh bom??
@@AndersonTaza é sim, ele explica muito bem e os projetos são bacanas.
@@pxtobarbara legal, vou comprar hoje o curso completo dele de javascript, react etc.
Ta difícil aprender sozinho com material free
Me ajudou bastante!!!! Conteúdo top!!!
incrível!
Valeu mano, top esse projetinho
Top demais sujeito!
Top, ótimo exercício
Sua didática e paid'egua, mano!
Você tem cursos como: HTML, casa, javascript etc?
Muito bom, obrigado!
Muito bacana!
Parabéns sou novo aqui, Excelente canal me ajudou muito ..valeuuu
Muito bom!!
Parabéns muito bom !
Coisa fina, meu amigo! Vi que você usou a classe "navigator". Qualquer interação com o navegador será através dela? Sucesso sempre!
muito obrigado parceiro
Incrível!!
Ganhou um inscrito :)
show man, aula top
Boom demais!!
Tamoo junto ❤🔥
Boa, parabens!
Projeto incrível.
Olá, tudo jóia? Obrigado por compartilhar seu conhecimento! 👏
Gostei do tema do VScode, que tema é esse?
Parabéns mesmo ótimo conteúdo . Tem o vídeo subindo esse diretório de senha ?
Obrigado :)
consegui fazer, ótimo video
Top!!!!
muito legal simples e facil gostei ... valeu
Nossa vc já é meu espelho.... perfeito.... top garoto... vamos para parte 02
Queria subir para meu Github
Mais não sei se dar rsrs... fui tentar aqui e deu ruimmm
Valeu irmao pelo aprenzidado tmj
show!!!
Pelo amor de Deus! Mostra até o final, sobre hospedagem, sobre colocar no github, etc. sou um completo newbie hehehehe
show demais
obrigado pela aula
essas borras que ficam ao clicar ou passar o mouse em cima dos elementos, como tratar? Fica um borrão da mesma cor parecendo um rastro e uma linha roxa em cima
Amigo, qual extensão do vs code você usa pra auto-completar tag html em arquivo Js?