@@TecnumTutoriais fiz um código pra academia que eu to indo, primeira tela vc digita a matricula, coloquei o input + .html que leva pra tela exclusiva do aluno, onde tem o treino dele, a foto e mais uma nav pro treino A B e C, agora to na luta pra aprender a como fazer o input com senha pros professores poderem atualizar e incluir novos treinos sem precisar de mim, eu vou conseguir,
Top demais!!! Só uma dúvida, estou começando agora e não sei como eu posso dividir a tela para mostrar o HTML sendo modificado enquanto faço a prog, pode me ajudar?
Ou não consigo botar o arquivo pra ser mostrado no google ou algo assim, eu ja tentei de varias formas e não tem tipo uma lupazinha la em cima que bota pra ver no google. o que eu faço?
Boa noite eu amei, eu fiz ficou muito muito bom, obg.. só faltou uma coisa, não ficou legal no celular só funciona no Pc eu queria coloca no site no github,para manda para meu marido no whatsapp,mais não ficou bom, é essa dificuldade que estamos tendo, quem está começando a programa
Boa noite, fico feliz que tenha ajudado 😁, tive esse problema quando fui passar para minha namorada também, o ideal seria enviar no whatsaoo web, mas da pra enviar para uma hospedagem gratuita, eu fiz assim, ai passei o link para a pessoa e ela acessou, não funciona 100% igual kk mas funciona, caso queira verificar como hospedar: ua-cam.com/video/kCWYEga0oto/v-deo.html
É asmr Manw, brincadeira kkkkk mas acho que a sensibilidade do microfone tá muito alta, meu teclado também tá meio barulhento, valeu por avisar kkkk nunca cheguei a notar mas faz sentido, vou ajustar pra não pegar o barulho do teclado kkkk
brother seu video me ajudou mt, so queria saber aonde consigo acessar a telinha do site quando ta programando pq nao sei como faz pra acessar, alem que no video vc nao mostrou
@@vexl.6741 entendo mn eu conseguir jogando o arquivo no google, so que ficou um pouco bugadinho, quando eu programava pra fazer algo as vzs nao funcionava, mesmo eu programando certo
Bom dia, opa fico feliz que gostou 😁 Tô aqui para ajudar Então, o ideal é enviar por WhatsApp e a pessoa abrir no WhatsApp web Mas da pra colocar o html em uma hospedagem gratuita, aí daria para acessar em qualquer lugar, apenas clicando em um link, tenho um vídeo no canal de hospedagem gratuita
@@davigames1417 tem um vídeo de como hospedar no canal, ou dá para usar a netlify que é mais simples, aí envia o link pra pessoa, outra alternativa é usar o WhatsApp web e enviar o html, mas é bom testar antes kkk
Eu queria aprender a fazer um com a música "don't be afraid to catch feels" só que na parte "do you mind if I steal a kiss?" (Mas estaria tudo traduzido) Aí a pessoa clicaria no "ok" e iria pra "a little souvenir", daí clicaria no "ok" dnv e muda para "Can I steal it from you?" E dai apareceria uma caixinha de presente em baixo pra pessoa clicar e aparecer um gift de beijinho. Eu sei que é bem especifico, mas se puder ensinar pra mim que sou uma pessoa bem iniciante nisso eu te agradeceria muitooo (o aniversário dele é depois de amanhã 😢)
@@TecnumTutoriais faça sim! já gostei bastante do seu canal, além de brincar com o HTML também consegui aprender graças a você! estou começando no mundo da programação
@@murderfacex666 vai adorar o mundo da programação, programar não precisa ser chato, pode ser muiito divertido, sempre vou postar novos vídeos pra ajudar 😁
![[UA] NAVI проти G2 Esports | Blast Premier Fall Final](http://i.ytimg.com/vi/QWlIm4FGESQ/mqdefault.jpg)
código html abaixo:
Feliz Dia Dos Namorados
body{
background-color: red;
}
.painel{
margin: auto;
background-color: white;
width: 500px;
height: 500px;
border-radius: 20px;
text-align: center;
padding-top: 50px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#sim{
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: -50px;
}
#nao{
position: absolute;
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: 10px;
}
Feliz Dia dos Namorados
Aceita namorar comigo?
Sim!
Não!
function fuja(){
var botaoNao = document.getElementById("nao")
var larguraJanela = window.innerWidth;
var alturaJanela = window.innerHeight;
var maxX = larguraJanela - botaoNao.offsetWidth;
var maxY = alturaJanela - botaoNao.offsetHeight;
var aleatorioX = Math.floor(Math.random() * maxX);
var aleatorioY = Math.floor(Math.random() * maxY);
botaoNao.style.left = aleatorioX + "px";
botaoNao.style.top = aleatorioY + "px";
}
o codigo aqui e eu digitando e alterando algumas coisas kkkkkk (obs: so vi o codigo na descrisao depois que fiz tudo kkk)
eu tbm KKakwkakakkkaka @@Volppy
Tem como enviar o link pra outra pessoa e ela conseguir acessar na internet dela o site q criamos ?
@@s4noj332 Tem sim, use o site netlify :)
@@TecnumTutoriais vlw, é eu usei ele msm muuto prático
esse cara não é um programador, ele é um pai. brabo demais
amigo, voce pode disponibilizar o code? o meu as letras nt a se mexendo, n sei pq
@@salsichex3779 o meu tbm nao ta indo
kkkkk Fico feliz que ajudei, bora que bora 🚀🚀
Que incrível!! Vou usar como estudo de laboratório para aprofundar meus conhecimentos de HTML CSS e JS.
Fico feliz que tenha ajudado 😁
@TecnumTutoriais kkkkkk que bacana! ja fiz aqui acompanhando seu tutorial. Valeu por compartilhar seu conhecimento, ja me inscrevi e deixei like.
Fico feliz que tenha ajudado com o projeto😁😁
isso não é um dev, é um prefeito!!!!!
Peguei algumas ideias suas pra fazer pra gata e ela chorou de rir
valeu mano!
De nada meu mano, fico muito feliz que eu ajudei vocês, vamo que vamo 🚀🚀
salve, aí eu fiz o meu kk, ficou top demais, vlw pela aula mano, aprendi mais uma function, to começando.
Te amo!
body{
background-color: red;
text-align: center;
}
.painel{
padding-top: 20px;
margin: auto;
width: 500px;
height: 570px;
background-color: white;
border-radius: 20px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
h1{
font-size: 500;
}
#sim{
width: 80px;
height: 60px;
border-radius: 10px;
background-color: red;
color: bisque;
font-size: 25px;
margin-left: -90px;
}
#nao{
position: absolute;
width: 80px;
height: 60px;
border-radius: 10px;
background-color: red;
color: bisque;
font-size: 25px;
margin-left: 10px;
}
Feliz dia dos Namorados!
Ainda quer namorar comigo sua linda?
Sim!
Não!
function fuja(){
var botaoNao = document.getElementById("nao")
var larguraJanela = window.innerWidth;
var alturaJanela = window.innerHeight;
var maxX = larguraJanela - botaoNao.offsetWidth;
var maxY = alturaJanela - botaoNao.offsetHeight;
var aleatorioX = Math.floor(Math.random() * maxX);
var aleatorioY = Math.floor(Math.random() * maxY);
botaoNao.style.left = aleatorioX + "px";
botaoNao.style.top = aleatorioY + "px";
}
Valeu mano hehe, no que precisar to aqui :D
Adorei seu código, ficou muito legal o gif kkk, obrigado por compartilhar seu código aqui também :D
@@TecnumTutoriais fiz um código pra academia que eu to indo, primeira tela vc digita a matricula, coloquei o input + .html que leva pra tela exclusiva do aluno, onde tem o treino dele, a foto e mais uma nav pro treino A B e C, agora to na luta pra aprender a como fazer o input com senha pros professores poderem atualizar e incluir novos treinos sem precisar de mim, eu vou conseguir,
Estava pensando em fazer isso, queria melhorar o sistema e deixar mais bonito@@7Landa
Top demais!!! Só uma dúvida, estou começando agora e não sei como eu posso dividir a tela para mostrar o HTML sendo modificado enquanto faço a prog, pode me ajudar?
Tem que baixar uma fonte no proprio vs code chamda html preview e instalar ai vai aparecer, coloca aqui no youtube "como colocar o preview no vs code"
Cara vídeo incrível. Eu adaptei mais uma coisinhas no código e ficou incrível.
Adorei o vídeo
Fico feliz que gostou mano, to aqui pra ajudar hehe
Fiz direto no python e nao funcionou, queria tirar minhas duvidas pois o meu não abre a janela do html ao lado direito igual ao seu video...
Vídeo mt bom
Obrigado😁
Alguém sabe me dizer como eu mando isso pra alguém acessar pelo celular ???
tem como fazer versão mobile tbm?
parabens projeto muito top
alguém sabe como ficaria no celular?
Sou iniciante e meu projeto foi para outra situação mas, seu vídeo me ajudou muito!! Meus sinceros parábens pelo conteúdo de alta qualidade.
Obrigado 😁😁
muito obriagada!!!
Obrigadooo, fico muito feliz em ajudar 😁😁
Muito obrigado cara
De nada 😁😁
Muito legal esse vídeo, o projeto foi bem diferente, mas pelo menos foi muito legal ☺
Obrigado 😁😁
Mano no minuto 1:22 vc abre uma aba que vai atualizando enquanto você digita,qual nome dessa extensão ou função?não vejo ela no meu VS code..
@@Ebook_s bom dia, essa é uma extensão que se chama live preview do vs code
Pfvr disponibiliza o material usado no vídeo!!
Segue aí 😁 código html abaixo:
Feliz Dia Dos Namorados
body{
background-color: red;
}
.painel{
margin: auto;
background-color: white;
width: 500px;
height: 500px;
border-radius: 20px;
text-align: center;
padding-top: 50px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#sim{
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: -50px;
}
#nao{
position: absolute;
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: 10px;
}
Feliz Dia dos Namorados
Aceita namorar comigo?
Sim!
Não!
function fuja(){
var botaoNao = document.getElementById("nao")
var larguraJanela = window.innerWidth;
var alturaJanela = window.innerHeight;
var maxX = larguraJanela - botaoNao.offsetWidth;
var maxY = alturaJanela - botaoNao.offsetHeight;
var aleatorioX = Math.floor(Math.random() * maxX);
var aleatorioY = Math.floor(Math.random() * maxY);
botaoNao.style.left = aleatorioX + "px";
botaoNao.style.top = aleatorioY + "px";
}
Ou não consigo botar o arquivo pra ser mostrado no google ou algo assim, eu ja tentei de varias formas e não tem tipo uma lupazinha la em cima que bota pra ver no google. o que eu faço?
o meu ta abrindo o arquivo no navegador mas não aparece nada la do que fiz
Eu conseguir fazer so que não to conseguindo mover o não quando o mouse passa
tenta pegar o código que disponibilizei :D
Um botão meu ficou vermelho e o não ficou cinza e não tá voando pela página 😭
ela aceitou?
Valeu maninho, vou usar com meu namorado pra trollar ele kkkkkkk sucesso pra ti
Poixa cono faço pra enviar pra pessoa .. paga alguma coisa pelo site pra envia ??
Pó mano muito bacana, parabéns pelo vídeo
Muuuito legal! Deu certo no meu! Obrigada amigo
De nada 😁😁
Mano poderia me responder no Instagram, fiz tudo igual no vídeo, mas o botão não fica parado
Tu é monstro irmao!!! TMJ
Obrigadão meu mano 😁😁
Se ao invés de usar o comando onmouseover eu colocar Onclick, posso adaptar para ser usado pelo touch do celular?
Boa noite eu amei, eu fiz ficou muito muito bom, obg.. só faltou uma coisa, não ficou legal no celular só funciona no Pc eu queria coloca no site no github,para manda para meu marido no whatsapp,mais não ficou bom, é essa dificuldade que estamos tendo, quem está começando a programa
Boa noite, fico feliz que tenha ajudado 😁, tive esse problema quando fui passar para minha namorada também, o ideal seria enviar no whatsaoo web, mas da pra enviar para uma hospedagem gratuita, eu fiz assim, ai passei o link para a pessoa e ela acessou, não funciona 100% igual kk mas funciona, caso queira verificar como hospedar: ua-cam.com/video/kCWYEga0oto/v-deo.html
não consigo visualizar igual vc oq eu to fazendo ao lado, pode me ajudar nessa?
vai nas extensões e instala "html preview" e logo dps vai ter uma lupa no lado direito, só clicar nela e pronto
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk meu deus eu vou fazer
ficou top de mais, meu projeto foi outro mas usei o seu de base, sou iniciante, e me ajudou muito. obrigado
De nada 😁😁 fico feliz
o arquivo só abre no pc que tu ta fazendo, se eu enviar o caminho do arquivo ele abre em outro pc?
Agora ela aceita
Com certeza amigo kkkkkkkkkkk
Boa noite! Tudo bem? SHOW! PARABÉNS.
Tem como mandar um link pelo whatsapp dessa animação?
Bom dia, opa tem sim
É só enviar o html para a pessoa
Só não sei se no celular abre, tenho que testar kk
Abriu? Pq eu enviei mas o gif não foi
Fiz pelo cllr não deu certo😕 mas o tutorial é bom
Gostaria de saber se tem como da uploading no site e enviar o link do site q criamos para outra pessoa acessar da casa dela ?
O meu botão não , não está fugindo
fica salvo automático? super novo nessa parte
o vs code da pra ativar o salvamento automatico, ou da um ctrl+s para salvar
Obrigado, irmão!
De nada 😁😁
Como que faz pra mandar para a pessoa agr que o projeto já tá pronto no vscode?
tem q mandar esse arquivo .HTML q ta no seu pc
Você pode colocar o projeto online, utilizando o vercel. Aí você vai enviar o link para pessoa.
@@claudiacostapaniagopereira2651 como faz isso moça?
da para hospedar com o netlify ou mandar o html pelo whatsappweb amigo
que agonia desses socos que voce da no enter cara
com 1 minuto de video eu ja queria bater em voce com o teclado xD
É asmr Manw, brincadeira kkkkk mas acho que a sensibilidade do microfone tá muito alta, meu teclado também tá meio barulhento, valeu por avisar kkkk nunca cheguei a notar mas faz sentido, vou ajustar pra não pegar o barulho do teclado kkkk
muito bom o video mano, me ajudou muito!
De nada 😁😁
obg pelo video, aprendi muito
Mano , tem como abrir pelo telefone ?
brother seu video me ajudou mt, so queria saber aonde consigo acessar a telinha do site quando ta programando pq nao sei como faz pra acessar, alem que no video vc nao mostrou
f12
@@vexl.6741 mais o programa que ele usar se for o visualstudio code, pelo q parece q e no meu nao ta aparecendo quando eu clico em f12
@@nathanalmeidaofficial puts mano tem dois jeito um deles era o f12 agora o outro eu não lembro, isso não tem nada a ver com o visualstudio
@@vexl.6741 entendo mn eu conseguir jogando o arquivo no google, so que ficou um pouco bugadinho, quando eu programava pra fazer algo as vzs nao funcionava, mesmo eu programando certo
Alguém sabe me dizer como eu faço pra mandar isso pra alguém acessar pelo celular ??
você pode mandar pelo whatsapp web :)
ou hospedar em allgum lugar por exemplo na netlify
a imagem só mostra no pc?? video incrivel
Bom dia, opa fico feliz que gostou 😁
Tô aqui para ajudar
Então, o ideal é enviar por WhatsApp e a pessoa abrir no WhatsApp web
Mas da pra colocar o html em uma hospedagem gratuita, aí daria para acessar em qualquer lugar, apenas clicando em um link, tenho um vídeo no canal de hospedagem gratuita
ua-cam.com/video/kCWYEga0oto/v-deo.html
Como q envia?
Boa noite, tudo certo, é só enviar o HTML para a pessoa geralmente :D, ou hospedar, tenho um video de hospedagem
amigo, voce pode disponibilizar o code? o meu as letras nt a se mexendo, n sei pq
nem o meu, conferi um monte de vezes
Source code link?
Muito bom!!
Obrigado, fico feliz que ajudou : )
da pra fazer no bloco de notas?
Bom dia, opa da sim
qual a lingugem
Muito obrigado mas o meu gif atrapalhou a posição dos botões, teria como me ajudar?
Obrigadooo 😁😁, depois manda o código aqui
gente como manda pra alguem?
@@davigames1417 tem um vídeo de como hospedar no canal, ou dá para usar a netlify que é mais simples, aí envia o link pra pessoa, outra alternativa é usar o WhatsApp web e enviar o html, mas é bom testar antes kkk
libera o codigo pra gente
no meu vscose nao tem estas opções, ajuda? Prvr
São extensões!
Só baixar elas no próprio VScode
Cara, funcionou kkkk mas o gif para d rodar depois d alguns segundos, sabe dizer oq pode ter sido ?
o meu não foi :(
Opa, tudo bem? vou enviar o código para você
Feliz Dia Dos Namorados
body{
background-color: red;
}
.painel{
margin: auto;
background-color: white;
width: 500px;
height: 500px;
border-radius: 20px;
text-align: center;
padding-top: 50px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#sim{
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: -50px;
}
#nao{
position: absolute;
height: 40px;
width: 60px;
background-color: red;
border: 2px solid white;
border-radius: 10px;
color: white;
margin-left: 10px;
}
Feliz Dia dos Namorados
Aceita namorar comigo?
Sim!
Não!
function fuja(){
var botaoNao = document.getElementById("nao")
var larguraJanela = window.innerWidth;
var alturaJanela = window.innerHeight;
var maxX = larguraJanela - botaoNao.offsetWidth;
var maxY = alturaJanela - botaoNao.offsetHeight;
var aleatorioX = Math.floor(Math.random() * maxX);
var aleatorioY = Math.floor(Math.random() * maxY);
botaoNao.style.left = aleatorioX + "px";
botaoNao.style.top = aleatorioY + "px";
}
Meu também não
E nem consigo colar nem nd os códigos
@@TecnumTutoriaisobrigado pelo vídeo
fazemos passo a passo tudo que voce digitou no código, mas só deu certo copiando o código que voce disponibilizou, vai entender..........!!!!!!
E se alguem conseguir clickar no não?
Eu queria aprender a fazer um com a música "don't be afraid to catch feels" só que na parte "do you mind if I steal a kiss?" (Mas estaria tudo traduzido) Aí a pessoa clicaria no "ok" e iria pra "a little souvenir", daí clicaria no "ok" dnv e muda para "Can I steal it from you?" E dai apareceria uma caixinha de presente em baixo pra pessoa clicar e aparecer um gift de beijinho. Eu sei que é bem especifico, mas se puder ensinar pra mim que sou uma pessoa bem iniciante nisso eu te agradeceria muitooo (o aniversário dele é depois de amanhã 😢)
Como que abre esse "navegador branco" que vc abriu no lado direito da tela o meu nn aparece o botao q vc clicou no inicio do vídeo
Essa é uma extensão do visual studio code, chamada live preview, é só clicar nos 4 quadradinhos, no lado esquerda e pesquisar por ele, depois instalar
eu gostaria de saber como vc conseguiu abrir essa janela para visualizar a estrutura..
Bom dia, essa é uma extensão do visual studio code, chamada live preview
Eu fiz mais não consegui copiar o link, tá como inexistente 😭 oq eu faço ??
é pq o link não é hospedado, então vc tem que mandar o arquivo pra pessoa
não consegui de jeito nenhum fazer o butão não se mexer, socorro ksksks
Eu fiz e ela CONSEGUIU DIZER NÃO, COOOMO ?
kkkkkkkkkkkkk
mds
eu faço tudo certinho, ai chega na hr de eu abrir o arquivo, não aparece nada, fica tudo em branco, como se eu não tivesse feito nada
da crtl s
o butao sim com alerta não funcionou no meu
Depende muito do navegador também, tenta pegar meu código pra ver e faz um teste, lembrando que tem que ter a função onclick=" "
obrigado amigo por compartilhar este projeto, me ajudou bastante! minha amada adorou, abraços
Fico feliz que tenha ajudado 😁😁, me motiva a fazer mais vídeos
@@TecnumTutoriais faça sim! já gostei bastante do seu canal, além de brincar com o HTML também consegui aprender graças a você! estou começando no mundo da programação
@@murderfacex666 vai adorar o mundo da programação, programar não precisa ser chato, pode ser muiito divertido, sempre vou postar novos vídeos pra ajudar 😁
@@TecnumTutoriais gratidão!
amigo, voce pode disponibilizar o code? o meu as letras nt a se mexendo, n sei pq