✨Como Criar um SITE RESPONSIVO do ZERO | HTML CSS e JAVASCRIPT

Подписаться 4,8 тыс.

Просмотров 18 тыс.

50% 1

🛑5 ERROS QUE UM INICIANTE COMETE QUANDO ESTUDA PROGRAMAÇÃO: bit.ly/ebook-5-erros-que-dev-...
Como criar um site responsivo do zero | html e css
nesse vídeo eu vou estar criando um site responsivo com html css e javascript, como fazer um site responsivo em html e css
Olá pra você! Nessa vídeo aula você vai aprender nós vamos estar criando uma pagina web ou website ou site responsivo com html css e javascript,
este site responsivo css com html e css será do estilo de uma landing page responsiva, pra ressaltar que nós vamos criar tudo do absoluto zero e continuando com a nossa pagina web responsiva com html css e javascript. Além disso você também vai aprender a criar sites profissionais com html css e js. Para criar esse site responsivo vamos usar técnicas para deixar site responsivo com css flexbox com as tags semânticas do html5 e algumas propriedades do css3 e não esqueçendo do nosso amigo javascript
é graças ao javascript que o menu responsivo do nosso site responsivo com html css e js passo a passo vai funcionar.
👉Link para baixar as imagens: drive.google.com/file/d/1bGGu...
👉Curso Fullstack Javascript: bit.ly/Fullstack_Javascript
⚠Jamais Clique Aqui⚠: bit.ly/334OGxc
👉Link do códico fonte: github.com/matheusmanuel/site...
❌Link Importante❌: bit.ly/334OGxc
=====👉Converse Comigo👈=====
⚡Instgram: / matheusmanuel.dev
⚡Github: github.com/matheusmanuel
=====👉Links Importantes👈=====
Se inscreva no Canal para ajudar a trazer mais conteúdo: / @matheusmanuel
🔥Me Ajude: bit.ly/334OGxc
Obrigado, 💕Matheus Manuel y
#MatheusManuel #css #html #javascript #siteresponsivo

Наука

Опубликовано:

30 май 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 65

@RapGod. Год назад

Video mtt bom.

@mauricioreguete466 Год назад

Sensacional...

@erikarosa01 Год назад

Ótimo !!

@lavinia32859 3 месяца назад

muito bom meu amigo voce é fera

@miguelcacunga36 2 года назад

Muito top esse website responsivo com html e css!

@mari.bijus400 6 месяцев назад

Top demais ❤

@ernandesneponuceno6736 5 месяцев назад

Parabéns pelo video

@lucascarlos2501 Год назад

Te amo!🥰🥰

@scss1409 Год назад

Ótimo vídeo, exatamente o que eu estava procurando. parabéns pelo conteúdo.

@lucasoliveira-lb3uj Год назад

Caraca, tu é o "cara" mesmo kkk.manda muito bem 🧑‍💻🧑‍💻🧑‍💻🙏

@Ssimeao 9 месяцев назад

Gostei do vídeo, força! Eu também sou um programador estudante !

@C0dmdudu 11 месяцев назад

olha no meu nao consigo ver as logos das redes sociais e coloquei o código certinho, alguem sabe oq eu fiz de errado?

@investindoemconhecimento1286 Год назад

Irmão, to há dias procurando exatamente isso! Muito Obrigado por compartilhar seu conhecimento conosco. Continue!!! Sucesso!!! Você ensina muito bem. 😃😃

@MatheusManuel Год назад

Valeu ai amigão!

@RV_Dev 11 месяцев назад

Muito bom vídeo, amigo, simples e direto sendo extremamente útil pra iniciantes como eu, parabéns! Obs. Não sei se você já sabe, já que o vídeo é um pouco antigo, mas o "lorem" tem no próprio Vs Code, basta começar a escrever que ele já sugere.

@molozi_ Год назад

topppppppppp

@JesusFakeSilva 11 месяцев назад

Vc ainda tem curso de JavaScript?

@lucasferreira8229 Год назад

Muito bom. Video aula bem detalhada.

@MatheusManuel Год назад

Tamo junto amigão

@luizgabriel165 Год назад

muito bom cara!! parabéns

@MatheusManuel Год назад

Valeu ✌️!

@mariajuliadopradoferreiraj6038 2 года назад

Você é top demais, tem uma fã

@MatheusManuel 2 года назад

Muito obrigado! eu estou super super super feliz 😃 em saber isso, sucesso ai para você dev!

@carlosh.c.s5436 Год назад

VLW demais o vídeo , está arrasando Brother😁

@MatheusManuel Год назад

Valeu 😀

@JoaoHenrique-gt8lr 2 года назад

Muito bom Matheus podes crer muito obrigado 😊

@MatheusManuel 2 года назад

De nada irmão!

@ramonnmaimone4891 Год назад

Seus conteúdos são muito bons!!

@MatheusManuel Год назад

Muito obrigado 😁

@MatheusManuel 2 года назад

⚠Jamais Clique Aqui⚠: bit.ly/334OGxc 🛑5 ERROS QUE UM INICIANTE COMETE QUANDO ESTUDA PROGRAMAÇÃO: bit.ly/ebook-5-erros-que-dev-cometem

@carlosraiaguiar6912 Год назад

ótimo conteúdo!

@MatheusManuel Год назад

Gratidão

@RuanXBR Год назад

Você explica muito bem, obrigado por disponibilizar esse conteúdo. Consegui entender melhor com seu vídeo do que em outros.

@MatheusManuel Год назад

De nada man!! Eu sempre farei a questão de disponibilizar esse conteúdo

@mariahchontaduro2774 Год назад

Gosto muito do teu jeito de explicar. Muito didática e detalhado 😍😍 obrigada. Já tou seguindo 🤗

@MatheusManuel Год назад

Muito obrigado😊!!

@moniquenavarro4131 Год назад

Oi Matheus, que tutorial show de bol, fantastico, pena que o meu projeto não ficou responsivo, ta ruim de reviver ak, Obrigada

@MatheusManuel Год назад

Qual o erro?

@Moral12321 2 года назад

legal mano

@HTEC-up4yd Год назад

Top de mais seu vídeo parabéns , um dia chegarei nesse nível de programador .

@MatheusManuel Год назад

Obrigado!! Bons estudos

@duduoliveira5281 Год назад

Bom amigo, obrigado por compartilhar conosco este projeto. Não vi o video, mas ja deixei meu like, estava precisando de uma referencia, fiz sem olhar o seu video, porem do meu jeito. Ficou ate que legal tambem. So n fiz o menu responsivo da mesma forma.

@MatheusManuel Год назад

eai Dudu, Obrigado pelo like, Olha também essa referência: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LqqxZOec6HE.html

@fabricio.damasceno Год назад

Parabéns pelo conteudo. Minha unica critica é que as vezes o vídeo vai rapido demais pq vc é ligado no 220v. kkk Como vc dispobinilizou o código no github está de boa. Muitissímo obrigado. Vc ganhou não só um like mas um inscrito. Vlw mesmo.

@MatheusManuel Год назад

Valeu Fabrício, me ajudou muito

@phfmkr3418 Год назад

Sou iniciante na programação. como eu faço para acionar o menu navbar sem ter que inspecionar a página?

@MatheusManuel Год назад

Bem, inspecionar a página não é algo obrigatório, você pode acionar o menu sem inspecionar a página então para acionar o menu sem inspecionar a página, simplesmente não inspecione a página

@victormanuelmartinezf Год назад

Gracias amigo, entendi todo de tu video, quiero crear un sitio web, para ir agarrando más experiencia, y este será el video que voy a ver, muchas gracias!

@MatheusManuel Год назад

¡De nada amigo, Happy Studies!

@ItaloGeovani Год назад

Muito bom amigo. Sugestão: deixa a música bem mais baixa na próxima. Vídeo bem explicativo

@MatheusManuel Год назад

Obrigado pela dica meu amigo nós próximos vou melhorar!!

@catarinotkg2714 Год назад

Ótimo vídeo! Aqui vai uma sugestão, consegues usar o texto Lorem Ipsum sem sair do VsCode.

@MatheusManuel Год назад

Sim consigo! inclusive tem o gerador de lorem ipsun

@airtonnba3580 Год назад

Olá muito obrigado pelo conhecimento compartilhado, para que sou iniciante faltou dizer o que cada linha alterará no site, principalmente no css, sei que isso vai deixar o vídeo mais longo, mas no geral um ótimo trabalho. No js eu precisei inverter as imagens: if (iconMenu.getAttribute("src") == 'img/close.png') { iconMenu.setAttribute("src", "img/menu.png"); } else { iconMenu.setAttribute("src", "img/close.png"); } não funcionou no meu e achei que faria mais sentido inverter a posição das as imagens close/menu/close, mas pq no seu não deu problema mesmo usando menu/close/menu. Poderia, pfv, explicar o porquê?

@MatheusManuel Год назад

Olá Airton tudo bem!! então eu acho que lá na div com a classe menu-icon trocaste o valor do atributo src da imagem do ícone de menu então verifica lá no html e valor do src da imagem do ícone de menu tem que ser img/menu.png e depois altera as coisas lá no javascript!! Espero ter ajudado

@airtonnba3580 Год назад

@@MatheusManuel E aí blz Matheus? Obrigado por responder. Bom, qdo ví sua resposta eu até pensei: Que vacilo, e eu deveria ter verificado isso antes de fazer a pergunta, eu até achei que foi esse meu erro, apesar de sempre acompanhar as alterações pelo live server talvez eu teria percebido a imagem diferente, mas não foi. O endereço e a imagem está correta eu até revi o js para ver se não usei as variáveis trocadas tbm, mas tudo parece estar de acordo com o seu, mas tudo bem está funcionando eu só queria encontrar o por quê disso, pq é muito estranho e acredito que fiz algum erro mas não encontrei ainda. Eu comparei seu código fonte html, css, e js e parece estar tudo normal, abri seu html na minha máquina e mesmo diferente no js roda perfeito. Muitos projetos pelo youtube eu abandonei pq sempre acontecia alguma coisa e eu não conseguia avançar pq algum erro ou diferença no resultado, mas seus vídeos tem me ajudado muito além de conseguir concluir até o fim. Muito obrigado pela iniciativa e que Deus te abençoe.

@MatheusManuel Год назад

@@airtonnba3580 De nada meu amigo tamo junto que deus te abençoe em dobro