HTML-код
- Опубликовано: 12 сен 2024
- Veja a minissérie completa aqui: • #Ep 01 - Por onde come...
@profissao.programador: / profissao.progr. .
Seja bem-vindo ao canal Profissão Programador. Meu nome é Diego Gadens e esse aqui é o terceiro vídeo da nossa minissérie sobre como começar a programar pra web. No vídeo de hoje eu vou te mostrar o básico sobre as linguagens HTML e CSS, e para isso nós iremos reconstruir a página inicial do Google, do zero.
[Links para os outros vídeos mencionados]:
• Episódio 1: • #Ep 01 - Por onde come...
• Episódio 2: • #Ep 02 - Quais program...
Qualquer dúvida, deixe aqui sua mensagem nos comentários.
Um abraço!
Primeira pessoa que me ensinou realmente como e uma programação na, pratica, muito top, ganhou um inscrito.
Eu digo o msm!!!!
Tu vende algum curso do básico ao avançado em programação e desenvolvimento web?
Eu quero aprender e gostei muito do teu método de ensino. É super otimizado e objetivo.
Foda demais 10/10
Por favor continue dando aulas, aprendi melhor aqui doq com os cursinhos que tem por aí!
cara fui te acompanhando durante o video, que daora, não achamos conteúdo assim hoje em dia
Cara se eu pudesse dava umas umas 1000 curtidas, melhor professor que já vi
Continue postando, pois nos ajuda demais cara! Você explica muito bem! Estou iniciando na profissão e venho acompanhando vídeos pela web e achei esse. Talvez o melhor vídeo que já assisti.
Primeiro vídeo que de fato mostra como funciona a programação ,parabéns você repasso o conhecimento de uma forma muito claro e eficiente , retorne com os vídeos pós tenho certeza que terá muito inscritos , eu vi hoje em 24/03/2024 . único canal que de fato dar gosto de ficar horas e horas assistindo e adquirindo conhecimento , top demais .
show aula muito boa professor que explica cada comando q faz, tem uns q sai escrevendo e n explica td q faz, acha q quem ta assistindo já sabe, so que porem a maioria é iniciante
Espero que continue nos dando aula , muito obrigada sou nova por aqui e seu canal tem muito a crescer , pelo fato da tecnologia está aumentando
Muito perfeito, para quem não tinha noção alguma, você sanou todas duvidas e curiosidades de uma pessoa que deseja entrar nesse meio, Parabéns por esse maravilhoso conteúdo e por essa ótima didática.
Ótimo vídeo 👏 Ótima metodologia 👏 👏 Volte a publicar, vc é muito bom 👏
Eu e meus amigos queremos fazer um jogo, porem ninguem sabe programação, to tentando aprender isso aikk obg pelo conteudo :)
Muito bom, parabéns pela minissérie.
que video top ,parabens, voce consegui me dar ânimo pra prosseguir na facul, ja tava desanimado e voce mostrou na pratica como é o passo a passo, muito obrigado.
incrivel, sensacional . Cara você merece tudo de bom nessa vida .
Eu esstou comecando a gostar da programacao, obrigado pelos seus videos.
excelente, nunca vi uma didática aplicada tão boa
Show de aula Diego, esses dias tava dando uma brincada com html e css e esse video foi uma Faculdade pra mim uauahsuhuas.
hahahah boa Gabriel! E olha que esse vídeo foi só a pontinha do Iceberg, tem mais um caminhão de tags e comandos pra explorarmos ainda tanto no HTML como no CSS. Mas de tag em tag a gente chega lá 😀
Quando der fala sobre animações de elementos na página haha, eu ia adorar
Fechou, vou anotar aqui pra fazer um video sobre isso
Você explica tão bem que parece fácil 😜.
Vendo aqui em 2023, o Visual está com algumas diferenças em sua interface, o que pode fazer confusão na mente de quem está assistindo. Como a barra "Editores abertos", como exemplo, onde no vídeo ela já está predefinida como padrão, já em 2023 você precisa clicar com o botão direito do mouse e optar pra que ela apareça.
Não entendi pode explicat
Como habilito ela?
@@UchihaMuzan777 Eu dei um pause em JS e no momento tô focando em outras línguas, e até o notebook que eu tava realizando projetos de JS deu pau. Mas vou voltar pra o JS no futuro. Se ainda estiver com a mesma dúvida, dá um alô aqui que eu vou tentar buscar o ponto dessa mesma situação.
@@brenomendonca7855 @UchihaMuzan777 Eu dei um pause em JS e no momento tô focando em outras línguas, e até o notebook que eu tava realizando projetos de JS deu pau. Mas vou voltar pra o JS no futuro. Se ainda estiver com a mesma dúvida, dá um alô aqui que eu vou tentar buscar o ponto dessa mesma situação.
Obrigado pelo seu vídeo, estou estudando front-end e estou indo bem graças a vc. Voce foi o meu ponto de partidade. Like e incrito
que video foda, mto obrigado. no comecinho apanhei mas depois deu td certo, top demais
Legal mano parabéns tenho muito interesse nessa área
Cara, você é FERA! Mais um inscrito. Pqp manda muito.
top mesmo guerreiro
Fiz todo processo mas quando dígito os código não fica colorido e não tem alteração na página alguém sabe como resolver
quero saber tambem
Muito bom o vídeo. Uma pena que tenha parado de fazer os vídeos.
Eu escrevi o código inteiro literalmente igual os seu mas a minha página literalmente n funcionou
Eu acho q sei oq pode ter acontecido. O erro foi na logo_png? Pq no meu caso foi
consegui meu amigo parabéns pela aula..
Querido amigo comecei seu curso agora
Porém estou precisando de socorro
Com a questão do Cors
Perfeito de mais
Aula boa demais! continue assim.
Melhor conteúdo 🙏
Não consigo fazer com o estilo.css funcione igual a você. Estou seguindo todos os passos certinhos, mas quando crio um novo arquivo estilos.css não aparece " # " esse jogo da velha, não funciona o código
tenta colocar "estilo.css" sem o "s" no final de "estilo"
Arrasta o arquivo pra dentro da pasta "google clone 2". Talvez não funciona pq eles não estão na mesma pasta
Sensacional!!
Muito Legal!!!
NAV ID [NID] (📍) - Anotado
Excelentes explicações
...Pode disponibilizar o Código...na Descrição ?
dificil,mas depois de insistir,consegui!
Cara eu fiz igual ele fez, mas quando vou olhar com esta o site, sempre esta em branco não muda nada. na hora de salvar o arquivo apareceu "ALL FILES"" no tipos de arquivos. ;(
Na minha página só tá aparecendo os código nada de executar já tenho node vs code já testei com Net sem Net e nada e tbm não achei nada na Net tá complicado se tiver alguem pra me ajudar pq passei o dia inteiro literalmente tentando resolver isso 😢😢😢😢
nao conseguir fazer o botao ficar azul ja igual o codigo
ola, nao estou conseguindo abrir a nova guia do documento pelo google
por que parou de postar videos
Tive que criar um logo do google com 958x1022 .... Não achei nenhuma imagem que desse encaixe na body da pagina..
um bom proficional
Eu não entendi como funciona o visual node
cara, eu me perdi na parte de vc salvar o arquivo, comanders tu falou? sla, n entendi direito, me perdi... 4minutos e 20 segundos
Fiz a página certinho mas a imagem não ficou bom nem centralizada não sei onde errei
poderia me ajudar meu não esta aparecendo no chorme fica sempre branca
não consegui link o meu css ao html
como se faz pra vereficao qeu esta fazendo e tendro do node ou fora pra ve se o site da ficando igual ou n iniciei agora gostei mais n vi aonde se vai pra ve o site da ficando igual..
como faz pra colocar a imagem?
Eu não entendi a parte da fonte que vc adicionou o link, eu linkei e não mudou, como acho o link da fonte pra tentar?
como faço pra exibir
como vc chegou nessa página preta ??
poxa, eu tentei juntar o Css dessa aula com o html da aula 4.. eu conseguir fazer um design até legal pra calculadora.. mas errei em algo e o link n pegou ;-;
KKKKKKKKK...., é a parte complicada dos programadores....., terminou.... e nao pegou.... o dificil é achar o erro, mas.... passe verificando cada um para localizar o erro, boa sorte.
queria saber como colocar imagens pequena na parte de busca estou querendo colocar a lupa, o teclado e o microfone.
Alguém conseguiu a logo? Se sim, tem como explicar como?
Desde já muito obrigado ❤️
você precisa salvar a imagem no computador e arrastar o arquivo para a barra de doc aberto no index, salve o arquivo com um nome fácil para conseguir colocar no código
@@AKIRAAAKAME fiz isso mas a logo ficou gigante
Me ajudar, eu não consegui abrir pelo chrome
Consegui ficou idêntico 👏👏👏👏💛
Eu nn consegui colocar a logo, mas o resto ficou perfeito
quando eu criei o arquivo css ele n salvou automaticamente, mas salvei manualmente e coloquei junto com o html e a alteração da cor não foi feita no site. alguém pode me ajudar?
fiz um curso e parei de estudar ai esqueci os code
mano, você n ensino a colocar a logo do google, eu to quebrando a cabeça aqui e não to conseguindo colocar
Só não sei juntar os dois programas
Pessoal, pelo q eu entendi, se algum comando seu n existe e possível q seja pq vc n tem a extensão html instalada, o meu comando (display) simplesmente n aparecia, quando baixei a extensão apareceu, posso estar errado mais talvez isso ajude, caso n funcione se atente a essa barras {} se n forem estas o comando n aparece tbm
opa, o meu comando id não funciona, como resolvo amigo?
O meu comando value nao funiciona, como ajeito
os comando, que tem que ficar atentos são esses( {} : ; ) vlw galera...
eu tô na parte da logo, mas não acho uma imagem apropriada, ou é grande demais ou não está cortada, é eu não tenho photoshop pra editar, alguém pode me ajudar???
Fui colocar uma logo ficou enorme
boa noite, amigo não conseguir colocar esse logo fiquei parado nessa etapa
são dois agora
@@Ragnarok707 baixar o html
Muito fácil
Pra mim não apareceu
quando abro o novo arquivo de css ele nao puxa nada
O meu também
@@Ivan-bc8zi conseguiram solucionar? to a 20 minutos tentando desvendar aq kkkkk
@@imOXYYluizxavozus voce tem que criar ele na mesma pasta que o anterior, tive o mesmo problema tbm
Após vc criar o arquivo css, tem que linkar ele com o html. Exemplo:
Caso já tenha feito isso, verifique se está tudo certinho no code, como pontos, virgulas, ortografia etc.
Porque não consigo fazer esse passo a passo igual você?
Estou usando versão Windows e não consigo fazer igual você está criando o clone. Preciso de alguma extensão ?
SIM Man o html
meu vs esta em ingles, como faço para mudar o idioma?
Vá na Aba de pesquisa, digite Display, em seguida Language, lá você vai encontrar os idiomas.
13:41
queria que vc fosse mulher le daria uma beijão> brincadeiras a parte, minha maior dificuldade foi conseguir a imagem e como usar na linha de código. porem fiz um teste. copiei na pasta de transferência para aonde se encontra a pagina HTML conseguir utiliza-la
cara nao consigo abrir o segundo arquivo que seria o de css.
Na pasta que vc criou seu index.html, crie uma nova com o nome estilos.css
Feito isso volte paro o vscode e crie um link para ele: ( Coloque esse code dentro do , como no video.)
Dessa forma vc linka o css com o html
mano nem consigo coloca a logo po, vc nem ensino cara
Nunca usei o botão estou com sorte.
mas afinal da onde eu tiro esse link do fonts.google pra colocar no meu codigo ?
fiz tudo igual mas a minha pagina não estava atualizando o que eu faço?
O que aparece?
@@ifailed6935 o meu ta do msm jeito, eu atualizo e n vai
salva o arquivo no vs code primeiro e dps atualiza a pag