Criando um site do zero com: HTML, CSS e JS - #02 

Não se esqueça pessoal, se curtiu o vídeo deixe seu gostei, se o vídeo te ajudou de alguma forma compartilhe, se inscreva no canal isso ajuda muito a continuarmos! Link para se inscrever rapidamente: bit.ly/2wWrP6p :)

Esse cursinho esta me deixando bem a frente nas aulas da Faculdade de TI. vlw

Cara... você é incrível! Obrigado por nos proporionar um conteúdo tão bom e direto!

So eu que percebi que ele espanca o teclado? Edit: mas vc ensina muito bem parabens!

Mano uma dica, muda a métrica do seu Photoshop para pixel, ai você terá as medidas no próprio arquivo, como fonte, espaçamentos etc. Boa aula.

show de bola, seguimos firme rumo a próxima aula !

Muito top as aulas, cheguei agora e já likei, me inscrevi e to acompanhando. Parabéns!

to gostando demais das aulas!!

Este curso é nota MIL. Excelente!

Conheci o seu canal a pouco tempo, e eu estou aprendendo tanta coisa e gostando tanto do front-end... Muito obrigada de coração!

Cara que série top, tudo organizado, ganhou mais um inscrito. Parabéns

Atualmente seria mais fácil usar a tag para criar o menu (no caso, aí está ) mas ótimo vídeo!

Muito bom o curso, estou gostando muito das dicas pois estou começando agora, vlw!

Muito bom o conteúdo! Parabéns, aprendi muito.

Cara muito boa as suas aulas, parabéns, Que Deus te abençoe

Um dos melhores professores de programação, parabéns!!!

As suas aulas são demais! Estou aprendendo e gostando muito, parabéns.

Parabéns pelo curso cara! Estou começando a segunda aula, mas já posso dizer que estou gostando de mais. Curso sem enrolação e eu acho isso ótimo

eu adorei esse exercicios do site pelo simples fato de que eu tive de fazer diversos ajustes difentes do que ta aí, seguindo os principios iniciais, e isso me ajudou a saber me virar um pouco mais. Obrigado :3

aprendendo muito!! parabens!! top!!

Gostei das tuas aulas. Eu acho que seria bacana especificar um pouco algumas funcionalidades das quais vc utilizou. Sei que há documentação oficial, mas para quem está iniciando, buscar estas informações pode ser mais difícil. Bom trabalho! :D

Gostei dessa segunda aula

adorei ta me ajudando muito

Como muitos disseram, aprendi mais com esses vídeos do que na faculdade

Obrigado pelo vídeo.

Estou fazendo um site pro final do curso técnico de informática, e desde que as aulas começaram a ser online eu tinha relaxado um pouco. Esse cursinho tá me ajudando demais, sem falar que nele to aprendendo bem mais códigos do que no próprio curso, pois no técnico eles não ensinaram nem mesmo a usar a tag div. Valeu cara, aulas excelentes!

Gostei da primeira aula, aprendi muito, Obrigado! Ganhou mais um seguidor e likes... Valeu!

muito bom!

Bom vídeo cara, eu peguei um template gratuito na internet para por a mão na massa, e to fazendo seguindo seus tutoriais, terminei de fazer o cabeçalho, a parte de logo, menu, etc. (só levei umas 3 horas fazendo, mas ta valendo)!

Muito bom!!

bom tutorial..

Já me inscrevi

show!!

vaeu demais, eu estava quase indo para o wordpress até encontrar tuas aulas kkkk

Genial

cara, voce e meu heriu. melhor professor ate agora. sem enrolação. na pratica e super facil! por favor faz mais aulas. nivel intermdiario ou Angular e react?

Estou estudando Java Script e estou vendo para saber como funciona o desenvolvimento de um site para não ficar tão perdido nas aulas !

Sua aula e didática excelente (#1)bem calmo para explicar, meu problema em acompanhar pois no programa que voce passou da para se guiar mas me perdi pois nao tenho Ps e o que voce indicou nao tem opçoes que no Ps a direira (vs cod) mas sua aula é excelente

Queria pedir obrigado pelo conteúdo, estou no terceiro período de Sistemas de informação e estou adorando essas aulas, vc explica mto bem , divulgarei para todos os meus amigos sobre o seu canal.

Meu caro, pra colocar varias tags uma dentro da outra usando a multiplicação eu descobri fuçando na net que é assim: li*5>a[href]>img[src]... Seus vídeos são excelentes!!

eu nem sei o que eu tô fazendo aqui se nem sou e nunca serei programadora. mas achei interessante

Olá, vi q no inicio não inseriu o doctype por padrão e o meta uf8, achei q faria diferença na página e os ponto e vírgulas tb. No geral eu curti os videos :)

comecei agr a ver os videos, por acaso tu tem algum video ensinando a fazer autenticação de conta? preciso muito disso

Olá quero agradecer pelas aulas, estão me ajudando bastante para iniciar o primeiro site de minha loja, quero apenas saber uma questão. de como consigo alterar a fonte de times new roman para arial no site, ficarei mega agradecido! mais uma vez parabéns pelas aulas!!

No Autoridade Social é tranquilo pra comprar seguidores, eles tem referências CNPJ e preço baixo

Shooooow!

Percebi que na aula 1 foi criado o header com a class menu-principal, e logo apos foi criado uma div com class header-1, que dentro foi a div da logo e assim sucessivamente, gostaria de saber se esse header-1 é necessario? pois nao foi usado nenhuma vez na folha de estilo Otima aula, esta me ajudando muito com a faculdade

Aula 02 concluída com sucesso!

Ei MANO eu estou com o meu site pronto agora tem um porém eu quero passar o site para outro Pc . Agora eu queria saber se tem como eu passa sem percam da imagem. Pq eu possa aqui só que eu tenho que cópia o endereço da imagem de novo entende fica chato de mais Mano. Tem formar de fazer esso

Quais extensões você usa no VS code?

Gostaria de saber como eu coloco um efeito na logo do facebook. A logo é cinza, mas ao passar o mouse, gostaria que ficasse azul Ah, obrigado por disponibilizar este conteúdo excepcional

eu estava querendo coloca um sub menu em cada opçoes, por exemplo em serviços, abriria um sub menu em baixo com todos os serviços prestados, eu consegui fazer mas nao consigo deixa cada opção do sub menu um em baixo do outro, só um do lado do outro.

Parabens pela iniciativa e pela forma didática....muito bom !!!! Qual software free voce indica para substituir o Photoshop ? Sei que o curso e sem Bootstrap ou Materialize, o quanto estes ajudariam neste desenvolvimento ? vale apena utilizar algum ?

Tem alguma rede social sua ou um discord onde podemos tirar dúvidas, eu estou com um problema em uma função nessa aula 2 e não estou conseguindo resolver, o meu primeiro link fica a direita, não está ficando abaixo um do outro e nem com a estilização ele fica normal

Mano muito boa aulo so que meu comando "text-decoretion: none" não está tirando a linha do meu. desde já agradeço.

mano pq quando eu vou fazer a lista e faço direitinho do msm jeito que ta no video a parte dos "us" fica em baixo e n do lado do nome, ex:Contact us,About Us ???

Boa noite! O video é realmente muito bom. Parabéns pela didática. Se for pra fazer algum comentário, é só incluir essas dicas de de automatizações que você já conhece enquanto as usa. Outra coisa... você tem o código dessa aula? To enfrentando um problema no desenvolvimento da aula e não sei o que pode ser.

Pq vc não usou no segundo menu, a TAG

Irmão, primeiramente meus parabéns pelo contéudo, continue assim! Segundo, teria algum site para indicar onde explica sobre as tags e o que cada uma faz? tipo um dicionário para quando esquecer ir lá da uma conferida, até porque acho meio díficil guardar todas as tags na memória haha. Abrass

minha borda ficou muito grande, como faço pra diminuir para este tamanho?

meu menu no header-2 ficou alinhado do lado direito depois que digitei os codigos

O meu Main CSS não funciona no VSC , e quando tentei colocar esse menu, o logo de cima acabou descendo com as redes sociais.

eu estou fazendo curso agora , mas fiquei empacado 8:45 do video não consigo continuar, minha folha do estilo do css da class menu não esta respodendo, queria saber se tem solução?

cara eu segui tudo passo a passo e parece que os topicos que eu coloquei nao mudam a fonte nem o tamanho, eu ja tentei reescrever tudo e continuar sem mudar o que eu faço

meu código está correto, mas não atualiza direito no navegador. O que eu faço?

em 15:25 a linha em baixo da caixa de texto desaparece, no meu não desaparece, oq faço? (eu to montando o site com os meus arquivos e cores, mas é pra funcionar do mesmo jeito né?).... edit: concertei, não tinha errado nada, é porque o meu VS Só pega os codigos se eu completar com ele. ;-; é complicado

minha img .png nao carrega na pagina do chrome ou qualquer outro navegador, só carrega se colocar o link da imagem .. O que fazer? por favor.

pq não se deve usar valores negativos no css ??

Olá, qual o comando que utilizou para identar tudo após escrever o menu na tag ?

esse visual studio code e bom mais acho o sublime bom tbem eu uso os dois

Quais extensões você usa no vscode?

Cara estou curtindo bastante o desenvolvimento de suas aulas, porém não tenho o Ps, teria algum editor de imagen que você sugeri utilizar para fazer esse típo de trabalho. Des de já agradeço pelo conhecimento repassado!

Eu tô amando o curso. Você tem algum curso pago sobre criação de sites? Eu sou desing mas só sei fazer o layout no Photoshop, nunca sei programar o HTML dele. Mas pelo menos a parte de criação do desing do site eu faço direitinho

ainda não entendi pra que serve o float

slk, eu nunca ia ver essa borda

o documento não deveria ter apenas uma tag main?

Professor obrigado por disponibilizar essas aulas, ta ajudando muito ah todos q querem aprender!!. Preciso de uma ajudinha. Ali no começo do vídeo vc tira aquela barra horizontal no body usando o margin: 0 auto; ... bom eu fiz exatamente igual a vc e não estou conseguindo tirar essa barra e quando eu fiz saiu a outra barra do lado em vez dela :( Oq pode ser???

não pode ser filho dos elementos , , , , ou . Então semânticamente esse código que você fez está incorreto???

Como eu mudo o código pra ficar desse jeito no minuto 7:52?

Meu input foi parar muito lá do outro lá , não parou nem proximo!

Porque o uso do position relative nesse contexto ? Parabéns pelo trabalho e iniciativa.

Olá! Aguém sabe como criar um código HTML com redirecionamento automatico para um link abrindo em outra aba?

A minha busca ali(input text) ficou pra baixo, o que utilizo pra colocar ele pra cima como está no video, tentei utilizar height mas nao fez efeito. Obrigado desde já!

he softs like he could be the automated voice ssage

Poderia me tirar uma duvida? Então o meu projeto vai certo até eu colocar a barra de busca no canto direito, enquanto a barra de busca esta na linha de baixo o background fica da cor que eu coloquei, no entanto se eu colocar a barra de busca na mesma linha do menu, o background fica branco =/ o b.o esta dando no float

Pessoal, eu acho que to com erro no scrollbar. Já fiz de tudo e aparentemente, está tudo igual. Alguém consegue me ajudar? body { width: 100%; height: 100%; margin: 0 auto; } ul { padding: 0px!important; } .menu-principal { width: 100%; background-color: #252323; height: 60px; } main { margin: 0 auto; width: 980px; position: relative; } .logo { float: left; padding: 16px; width: 70%; } .redes-sociais ul li { margin: 15px; display: inline-block; float: left; list-style: none; } .redes-sociais { width: 25%; float: right; } .header-2 { background-color: #ffffff; width: 980%; margin: 0 auto; padding: 16px; } .menu-urls { height: 80px; border-bottom: 3px solid #efefef; } .menu ul li { display: inline-block; color: #8b8b8b; margin-left: 15px; } .menu ul li a { color: #8b8b8b; text-decoration: none; font-size: 18px; text-transform: uppercase; } .menu { width: 70%; float: left; } .busca { text-align: center; width: 30%; float: right; } .busca input { background-image: url('../img/icone-search.png'); background-repeat: no-repeat; height: 36px; padding: 12px; width: 190px; margin-top: 10px; background-position: 96%; border: 1px solid #d6d6d6; } .col-100 { width: 100%; float: left; position: relative; }

Boa noite, ótima aula! Estou com uma dúvida, o meu menu está aparecendo underline no final das palavras.. Ex: Home_ About Us_ . Como eu arrumo isso? obrigado.

Muito bom, seria bom fornecer o código html e css, às vezes tá errado algo e não sabemos

Olá, estou acompanhando o curso, realmente está muito bom! Porém tenho uma dúvida, na hora de deixar as palavras: "home", "about us", e as outras, elas não ficam alinhadas.

o display: inline-block nao esta fucnionando, ainda fica um embaixo do outro

uma pergunta, e o dominio ja e nosso?

Qual o tamanho ideal para bota as imagens de redes sociais e da logo. Pois botei e ficou grande.

O css não está alterando nada no index

Parei nos 8:02 boa noite, voce consegue

Talvez a pergunta seja bem idiota mas é pq ainda sou praticamente leiga no assunto kkkkk Qual o programa de Photoshop q tu usa? É gratuito? Se não for,tu indica algum em especial q seja grátis? E o editor de HTML que tu usa é o sublime text? Obrigada pelas aulas! 😊

olá , vc é um ótimo instrutor, mas eu preciso fare um trabalho e não sei como fazer API. poderia me dar uma ajuda?

pq vc não coloca a tag nav nos menus no lugar de criar uma div?

Olá! Queria uma ajuda em relação aos programas que você utiliza nessa área do front, programas para imagens, entre outras coisas... PhotoShop, por exemplo. Vlw!

olá la no menu width 70% e quando digito float right ele aparece na esquerda??? digitando float left ele fica na direita.

Ola, seguindo os tutoriais , gostaria de saber o motivo da tag "main" ser repetida, num é pra usar apenas uma vez? digo isso "semanticamente (HTML5) " falando. Com a repetição da mesma não afetaria o SEO do site nos Buscadores?