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
eu to começando e to nesse nivel se eu vou conseguir aprender, to vendo projetos e aulas complementares alem da facul pra tentar aprofundar e aprender.
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!
@@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) }
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!
Em .slider {} o "-webkit-appearance: none;" não deve ser mais usado, tanto que até o próprio vscode risca ele, o recomendado é usar "appearance: none" No JavaScript, pode ser usado o "var" no lugar do "let", não sei ao certo se tem alguma diferença nos 2, sou novo em JS, caso alguem saiba fala ai
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.
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!
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 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
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!
cara muito legal esse projeto!Mais eu nao estou conseguindo usar essa -webkit-appearance para tirar a aparencia prenchida dO azul para manipular depois,quando digito -webkit-appearance diz que esta fora do padrao,alguem sabe qual posso usar no lugar desse?
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!
Bom demais! Acredito que já tenha algum video recente explicando sobre PROMISE. Está sendo necessário utilizar para que FUNCIONE navigator.clipboard.writeText + alert() Pesquisei um pouco e ficou assim: async function copyPassword(){ await navigator.clipboard.writeText(novaSenha); alert("Senha copiada com sucesso!") }
pra quem está com dificuldades em fazer o código gerar a senha, e faze-la aprecer na tela tirando a o elemento "hide", reparem se no "let containerPassword = document.querySelector("#container-password");" está com a #!!
Daora. Fiz aqui, só que coloquei tbm 4 checkbox antes com maisculas, minusculas, numeros e especiais pra q quando ele selecione ele personalize a senha.
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
O projeto ficou massa, que legal!! Infelizmente fiz algo errado no projeto e não estou achando ainda o que foi. Quando eu clico no slider para selecionar o tamanho ele faz a senha com o tamanho escolhido, mas não MOSTRA que foi selecionado "8 caracteres " por exemplo. Entretanto, quando eu atualizo a página, ele mostra. Não sei o que pode ser, já revi o código de cabo a rabo procurando o que pode causar isso. +1 inscrito, parabéns pelo projeto!
Olá devs! estou com um problema. Meu código funciona tudo ok, porém na hora de chamar a função pra exibir a senha gerada a mesma não é mostrada na tela... containerPassword.classList.remove("hide"); password.innerHTML = pass; Detalhe, quando testei no console.log funcionou perfeitamente. Alguém pode me ajudar?
Então, estava com o mesmo problema, vi que ele chama a variável que está pegando uma id pra remover uma class, eu substituí o conteúdo do query pela classe let containerPassword = document.querySelector(".hide") e funcionou. Queria saber como ele pegou com a id e funcionou.
Ótimo vídeoooo. Uma dica, pra galera que usa o navegador OperaGX, você não consegue copiar, fiquei batendo cabeça 5 minutos pensando que o código tinha alguma coisa errada mas quando abri no chrome, funcionou kkkkkk
No meu caso deu erro na linha 27 do código, onde ele não remove o "hide" containerPassword.classList.remove('hide'); como consertar para o código funcionar?
Olá, boa noite! Parabens pela disposição e boa vontade em compartilhar o projeto e o ensinamento!! Eu fiz junto com você, porém, no meu, não esta colando a senha, será que você consegueria me ajudar ? Obrigada!!
Olá, eu vi comentários sobre o alert antes do navigator atrapalhar na cópia, mas mesmo colocando ele depois eu não consigo, apenas se retirá-lo. Tenta mudar a ordem.
Se alguem fez e nao esta funcionando pra copiar quando clica, é só fazer essa alteração que da certo: Coloca o alert no final... function copyPassword(){
navigator.clipboard.writeText(novaSenha); alert("Senha copiada com sucesso!"); } assim galerinha
2 роки тому+1
TU é o cara kkkkkk, me diga pq lógicamente não funciona com o ALERT primeiro? caraca, só inverti conforme vc falou e deu certo
amei a didática, porém não estou conseguindo fazer com que o número de caracteres sejam mostrados, já revisei o cód mas não sei o que pode ter dado errado :c
gente, sou iniciante na programação e quando fui fazer essa parte do código (20:10) o hover simplesmente não funciona, fiz o código exatamente como no vídeo e simplesmente não funciona, alguma idéia do que pode ser? já revisei o código todo várias vezes e não tem nada escrito errado
boa noite, preciso de ajuda. O código funciona perfeitamente, exceto copiar duas vezes.. Tipo, ele copia uma vez, mas só copia outra senha se eu atualizar a pagina. Não está copiando sempre que aperto no botão, apenas se eu atualizo a pagina.
Valeu pela ajuda meu velho, olhei varias vezes o código que fiz no final eu invert o function copyPassword(){ navigator.clipboard.writeText(novaSenha); alert("Senha copiada com sucesso!") } Desta forma ele copia automaticamente com o alert em cima do navigator não estava copiando, mais ajudou demais sucesso a você ganhou mais 1 seguidor
Não sei o que fiz de errado mas minha senha gera sempre a letra 'a' na quantidade escolhida no slider... já revi o código no Github e revi o vídeo e, aparentemente, fiz tudo igual... fiquei perdido nisso aqui
Fala Sujeito, blz? excelente vídeo! Parabens!!! Podeira me ajudar? Meu copy password não esta funcionando, ele só copia a primeira vez e quando eu gero uma nova senha ele não copia mais, fica copiado so a antiga..
oi tudo bem gostei Muito do ensino, uma duvida o meu aonde é para aparecer a o numero de caracter está escrito undefined porque será , eu segui todo o procedimento da aula ele fica assim (tamanho undefined caracteres)
Muito legal o video. So um detalhe. quando chega no css da um erro na parte -webkit-appearance: none; alguem teve o mesmo problema e sab como resolver?
Tudo deu certo, mas no final não consegui fazer copiar para o clipboard de jeito nenhum. Até copiei e colei o código inteiro e mesmo assim não copia ao clicar na senha..
Comecei a estudar este ano programação e já to completamente apaixonado, comecei com o básico front end, HTML CSS e JavaScript. E como um dev Júnior, to correndo pra aprender cada vez mais Uma dúvida minha é no projeto que fiz para treino Criei uma lista de tarefa e quero saber como consigo fazer uma animação de preencher a linha ao clicar. exemplo: eu completei a tarefa "comprar café", atualmente quando clico no botão 'concluído' ele pinta a linha diretão meio grosso Gostaria de saber como deixar a animação de preenchimento mais suave, começando da esquerda pra direita completando a linha toda Se vc quiser deixo meu link no github e do meu projeto pra dar uma olhada. Vlw!
Eu tenho um codigo do jeito que você precisa, você so precisa mudar o nome da classe e mudar as cores pra deixar do jeito que você quiser Coloca esse código primeiro: .main__btn { font-size: 1rem; background-image: linear-gradient( 180deg , #2af598 0%, #009efd 100%); padding: 14px 32px; border: none; border-radius: 4px; color: #fff; margin-top: 2rem; cursor: pointer; position: relative; transition: all 0.35s; outline: none; Depois coloca esse: .main__btn:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background: #4837ff; transition: 0.35s; border-radius: 4px; Aí você testa esse código pra ver se vai.
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
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?
eu to começando e to nesse nivel se eu vou conseguir aprender, to vendo projetos e aulas complementares alem da facul pra tentar aprofundar e aprender.
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!
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?
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.
Em .slider {} o "-webkit-appearance: none;" não deve ser mais usado, tanto que até o próprio vscode risca ele, o recomendado é usar "appearance: none"
No JavaScript, pode ser usado o "var" no lugar do "let", não sei ao certo se tem alguma diferença nos 2, sou novo em JS, caso alguem saiba fala ai
Com a didática excelente do vídeo, e a ajuda dos devs nos comentários, deu tudo certo com o projeto. Abraço, tmj! 💪
Caraca ficou muito top esse projeto!!! Já manda a parte 2 ae!!!
A didática desse homem é inexplicável.
faz uma parte dois incluindo critérios para a geração da senha (apenas números, letra maiuscula, minuscula, caracter especial...), aulinha topp demais
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.
Meu Deus que projeto sensacional! Fiz acompanhando sua aula! Tamo junto e obrigado!!
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á.
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
Cara, projeto muito top, aprendi novas funcionalidades que não conhecia, como charAt e clipBoard, Parabéns, show de bola e o mano explica muito bem.
Pelo amor de Deus! Mostra até o final, sobre hospedagem, sobre colocar no github, etc. sou um completo newbie hehehehe
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 🔥
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
Caramba, eu simplesmente me impressionei com sua explicação, didatica muito top!, parabéns pelo video.
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.
Seu conteúdo é incrível! 👏👏👏 Faz a parte 2!
Muito massa cara. Um projeto sem muita complexidade para não atrapalhar ou confundir a galera. Muito obrigado cara. Show de bola.
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
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!
< > CARA QUE BACANA !!!! DETALHES DO CÓDIGO BEM INTUITIVO. HOSPEDAGEM JÁ rsrsrs Valeu SUCESSO a todos.
Seus vídeos são os melhores!!!!! Aprendendo muito aqui!!!!
cara muito legal esse projeto!Mais eu nao estou conseguindo usar essa -webkit-appearance para tirar a aparencia prenchida dO azul para manipular depois,quando digito -webkit-appearance diz que esta fora do padrao,alguem sabe qual posso usar no lugar desse?
muito obrigado chefe, estou começando com o javascript por agora e esse vídeo foi um belo ponta pé inicial
nossa que dom vc tem em mano, pretendo um dia ter esse conhecimento. pqp
Gosto muito da sua forma de explicar. Faz parte 2
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 ???
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.
Vc é incrível Matheus, parabéns
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
Muito show! ja concluir e agora vou rever novamente pra entender melhor.
Boaaa, Tamoo juntoo 🔥
Dizer o que?! Você é um instrutor sensacional. Parabéns mais uma vez
Muito bom seu vídeo! Continue postando conteúdos, pois está ajudando muitas pessoas! Parabéns e obrigado! Abr.
Você me convenceu. Vou já fazer a inscrição no curso FullStack.😀
Bom demais! Acredito que já tenha algum video recente explicando sobre PROMISE.
Está sendo necessário utilizar para que FUNCIONE navigator.clipboard.writeText + alert()
Pesquisei um pouco e ficou assim:
async function copyPassword(){
await navigator.clipboard.writeText(novaSenha);
alert("Senha copiada com sucesso!")
}
Me salvou mano, fiquei 1h quebrando a cabeça nessa parada, vlw!
Que bom mano, fico feliz por ter ajudado... Fiquei preso umas horinhas nisso também haha!
@@defat00 Estava com este problema e você me ajudou, obrigado! Agora vou tentar entender o que aconteceu! kkk
No caso, parece que o problema é o "alert" antes do "navigator"! Obs: o "async" e o "await" podem ser desprezados... Valeu pela força!
O meu acabou não funcionando... O console tá dizendo "containerPassword.classList.remove("hide"); tá dando erro...
Aula ótima! Sua didática é perfeita, estou conseguindo progredir muito em front-end com suas aulas! ;P
Excelente projeto, agradeço o tempo disposto pra ensinar! valeu mesmo, didática excelente, ganhou mais um inscrito para o canal!
Seu video é mt bom, sua didatica tambem, entendi mt de js só vendo esse video
Show de bola, rápido, fácil de dinâmico, Parabéns!
Sua didática e paid'egua, mano!
Você tem cursos como: HTML, casa, javascript etc?
amigo vc explica super bem, vou continuar treinando com vc . Obrigada
😀
Muito bom o conteúdo. Faça sim uma sequência mostrando como fazer a hospedagem. 😁 Parabéns pelo canal e sucesso.
Bora pra parte 2! Parabéns pela didática!!!!!!!
pra quem está com dificuldades em fazer o código gerar a senha, e faze-la aprecer na tela tirando a o elemento "hide", reparem se no "let containerPassword = document.querySelector("#container-password");" está com a #!!
QUE VÍDEO BOM!
Explicou muita coisa, man!!
Daora. Fiz aqui, só que coloquei tbm 4 checkbox antes com maisculas, minusculas, numeros e especiais pra q quando ele selecione ele personalize a senha.
vc subiu para o github? tem o link para eu olhar
tem o repo?
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
Muito bom, eu que estou começando a entender front end apreendi muito. obrigado
Muito Top... Parabéns pela didática.
você explica bem cara estou fazendo um curso na DIO que eles não sabem nem fazer, quem dira explicar
Aulinha tooop hein, muito obrigado!!! Bora pra parte 2 Sujeito!!!!!!
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.
muito bom o projeto, a didática é muito boa!!! Parabéns!!!
Excelente conteúdo! Desde já agradeço pela ajuda!
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
Meo, gostei demais! Já vou fazer e mandar pra minha família poder criar senhas e sair das datas de nascimento
Video top ajudou demais a revisar HTML e CSS principalmente 👏👏👏
Ótimo vídeo, rapido e fácil, porém minha função de copiar só funcionou quando coloquei o alert depois do > navigator.clipboard.writeText(novaSenha);
Galera, na parte do código onde é inserido o ".hide" com display none, o meu não tá sumindo! Alguém consegue dar um help?
.hide{
display: none;
}
Parabéns mesmo ótimo conteúdo . Tem o vídeo subindo esse diretório de senha ?
Achei massa, vamos evoluir o projeto!
Muito foda o conteúdo.
Valeu mesmo.
Bom demais, qual o programa que aparece na tumb?
O projeto ficou massa, que legal!!
Infelizmente fiz algo errado no projeto e não estou achando ainda o que foi. Quando eu clico no slider para selecionar o tamanho ele faz a senha com o tamanho escolhido, mas não MOSTRA que foi selecionado "8 caracteres " por exemplo.
Entretanto, quando eu atualizo a página, ele mostra. Não sei o que pode ser, já revi o código de cabo a rabo procurando o que pode causar isso.
+1 inscrito, parabéns pelo projeto!
Revi o video e fui refatorando o projeto, foi um pequeno erro de maiúscula.
Sua didática é incrível, parabéns!
Olá devs! estou com um problema.
Meu código funciona tudo ok, porém na hora de chamar a função pra exibir a senha gerada a mesma não é mostrada na tela...
containerPassword.classList.remove("hide");
password.innerHTML = pass;
Detalhe, quando testei no console.log funcionou perfeitamente.
Alguém pode me ajudar?
Então, estava com o mesmo problema, vi que ele chama a variável que está pegando uma id pra remover uma class, eu substituí o conteúdo do query pela classe let containerPassword = document.querySelector(".hide") e funcionou. Queria saber como ele pegou com a id e funcionou.
Excelente conteúdo parabéns, pela dica!!!
Ótimo vídeoooo. Uma dica, pra galera que usa o navegador OperaGX, você não consegue copiar, fiquei batendo cabeça 5 minutos pensando que o código tinha alguma coisa errada mas quando abri no chrome, funcionou kkkkkk
Confirmo, fiquei 10 minutos revendo o código nesse carai kkkkkkk
@@felipekuchnier kkkkkkkkkkkkk
Parabéns sou novo aqui, Excelente canal me ajudou muito ..valeuuu
Muito bem explicado, parabéns!
Vídeo simplesmente SENSACIONAL!!!!
No meu caso deu erro na linha 27 do código, onde ele não remove o "hide" containerPassword.classList.remove('hide'); como consertar para o código funcionar?
Olá, boa noite!
Parabens pela disposição e boa vontade em compartilhar o projeto e o ensinamento!!
Eu fiz junto com você, porém, no meu, não esta colando a senha, será que você consegueria me ajudar ?
Obrigada!!
Olá, eu vi comentários sobre o alert antes do navigator atrapalhar na cópia, mas mesmo colocando ele depois eu não consigo, apenas se retirá-lo. Tenta mudar a ordem.
Olá, tudo jóia? Obrigado por compartilhar seu conhecimento! 👏
Gostei do tema do VScode, que tema é esse?
perfeito a didática, parabéns
Coisa fina, meu amigo! Vi que você usou a classe "navigator". Qualquer interação com o navegador será através dela? Sucesso sempre!
Excelente conteúdo do gerador de senha!
Tamo juntoo 🔥🤟
Se alguem fez e nao esta funcionando pra copiar quando clica, é só fazer essa alteração que da certo: Coloca o alert no final...
function copyPassword(){
navigator.clipboard.writeText(novaSenha);
alert("Senha copiada com sucesso!");
}
assim galerinha
TU é o cara kkkkkk, me diga pq lógicamente não funciona com o ALERT primeiro? caraca, só inverti conforme vc falou e deu certo
HERÓI SEM CAPA
Ahhhhh finalmente! Você é o cara!
Caraca, eu tava batendo cabeça com isso e vejo seu comentário pra me salvar. Meu Herói!
top amigo, vlw.
amei a didática, porém não estou conseguindo fazer com que o número de caracteres sejam mostrados, já revisei o cód mas não sei o que pode ter dado errado :c
vc conseguiu resolver esse problema? to preso na msm parte
gente, sou iniciante na programação e quando fui fazer essa parte do código (20:10) o hover simplesmente não funciona, fiz o código exatamente como no vídeo e simplesmente não funciona, alguma idéia do que pode ser? já revisei o código todo várias vezes e não tem nada escrito errado
boa noite, preciso de ajuda.
O código funciona perfeitamente, exceto copiar duas vezes..
Tipo, ele copia uma vez, mas só copia outra senha se eu atualizar a pagina.
Não está copiando sempre que aperto no botão, apenas se eu atualizo a pagina.
Valeu pela ajuda meu velho, olhei varias vezes o código que fiz no final eu invert o
function copyPassword(){
navigator.clipboard.writeText(novaSenha);
alert("Senha copiada com sucesso!")
}
Desta forma ele copia automaticamente com o alert em cima do navigator não estava copiando, mais ajudou demais sucesso a você ganhou mais 1 seguidor
Obrigado, eu só conseguia copiar uma vez. Mas alterei desta forma e deu certo! Muito bom!!
Não sei o que fiz de errado mas minha senha gera sempre a letra 'a' na quantidade escolhida no slider... já revi o código no Github e revi o vídeo e, aparentemente, fiz tudo igual... fiquei perdido nisso aqui
28:01 "um click no seu botão" 🙈
Fala Sujeito, blz? excelente vídeo! Parabens!!! Podeira me ajudar? Meu copy password não esta funcionando, ele só copia a primeira vez e quando eu gero uma nova senha ele não copia mais, fica copiado so a antiga..
function copyPassword(){
navigator.clipboard.writeText(novaSenha).then(() => alert("Senha Copiada"));
}
@@thomaswolsey2319 valeu man, mas ainda não foi :/
@@thomaswolsey2319 Valeu manoooo, salvou demais!!
@@thomaswolsey2319 mano, valeu salvou muito!
só mais uma coisa, pode me explicar o que aconteceu aqui? kkkkk
o que que foi corrigido
Professor faz uma aula explicando o this pfvr!!!!!! Eu nunca entendo ele :(
Ótima didática, ganhou um inscrito 👏👏
Gostei muito, quero ver como sobe! Você pode ajudar?
Eu gostaria de saber se eu conseguia por acaso mudar a cor da bolinha do slider de alguma forma?
O meu não aparece aquela parte de "Clique na senha para copiar" na tela e aparentemente esta igualzinho ao código do repositório.
oi tudo bem gostei Muito do ensino, uma duvida o meu aonde é para aparecer a o numero de caracter está escrito undefined porque será , eu segui todo o procedimento da aula ele fica assim
(tamanho undefined caracteres)
Opa tudo beleza?
Cuidado com os pequenos detalhes no código, minúsculos e maiusculos, nomes das propriedades se escreveu corretamente
Muito legal o video. So um detalhe. quando chega no css da um erro na parte -webkit-appearance: none; alguem teve o mesmo problema e sab como resolver?
Posso usar esse projeto como portfólio meu?
Aliás, o vídeo e a didática ficaram incríveis
Opa beleza? Fico feliz demais que curtiu e pode usar sim
Tudo deu certo, mas no final não consegui fazer copiar para o clipboard de jeito nenhum. Até copiei e colei o código inteiro e mesmo assim não copia ao clicar na senha..
Comecei a estudar este ano programação e já to completamente apaixonado, comecei com o básico front end, HTML CSS e JavaScript.
E como um dev Júnior, to correndo pra aprender cada vez mais
Uma dúvida minha é no projeto que fiz para treino
Criei uma lista de tarefa e quero saber como consigo fazer uma animação de preencher a linha ao clicar.
exemplo: eu completei a tarefa "comprar café", atualmente quando clico no botão 'concluído' ele pinta a linha diretão meio grosso
Gostaria de saber como deixar a animação de preenchimento mais suave, começando da esquerda pra direita completando a linha toda
Se vc quiser deixo meu link no github e do meu projeto pra dar uma olhada.
Vlw!
Eu tenho um codigo do jeito que você precisa, você so precisa mudar o nome da classe e mudar as cores pra deixar do jeito que você quiser
Coloca esse código primeiro:
.main__btn {
font-size: 1rem;
background-image: linear-gradient(
180deg
, #2af598 0%, #009efd 100%);
padding: 14px 32px;
border: none;
border-radius: 4px;
color: #fff;
margin-top: 2rem;
cursor: pointer;
position: relative;
transition: all 0.35s;
outline: none;
Depois coloca esse:
.main__btn:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0;
height: 100%;
background: #4837ff;
transition: 0.35s;
border-radius: 4px;
Aí você testa esse código pra ver se vai.
@@MarceloAlves-yl3jr vlw mano, vou testar e estudar ele e dps te falo como ficou
olá, para que serve o oninput??
Alguém pode me ajudar? Está sendo gerado várias senhas, porém só está sendo copiada a primeira senha gerada