![Inteliogia - Dev's Insights](/img/default-banner.jpg)
- 92
- 803 179
Inteliogia - Dev's Insights
Brazil
Приєднався 26 бер 2021
Esse é o Inteliogia! Um canal onde você vai se apaixonar pela programação (pelo apresentador não sei kkkk).
Meu objetivo é te ajudar a crescer no lindo universo da programação, para que você alcance patamares onde nunca imaginou alcançar.
Se você deseja aprender a programar, desenvolver sites, aplicações, softwares... aqui é o lugar.
Inscreva-se aqui no canal para receber todas as novidades sobre tecnologia 😎 talvez umas receitas de miojo gourmet
Meu objetivo é te ajudar a crescer no lindo universo da programação, para que você alcance patamares onde nunca imaginou alcançar.
Se você deseja aprender a programar, desenvolver sites, aplicações, softwares... aqui é o lugar.
Inscreva-se aqui no canal para receber todas as novidades sobre tecnologia 😎 talvez umas receitas de miojo gourmet
Como criar um Site Responsivo com HTML e CSS pt. 11 - O menu mobile
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn
Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁
✅ LINKS CITADOS:
➡️ Baixe as imagens usadas neste projeto: bit.ly/4bDNwqx
💡 Seu projeto ficou pronto? Coloque ele no ar com a Hostinger e ganhe até 20% de desconto:
hostinger.com.br?REFERRALCODE=1BRUNO76
✅ ALGUNS VÍDEOS QUE RECOMENDO PARA VOCÊ:
➡️ Como configurar o Visual Studio Code: ua-cam.com/video/UOGkWo58FxM/v-deo.html
➡️ Como configurar as fontes do seu site: ua-cam.com/video/V1uN8beSc04/v-deo.html
✅ ME SIGA NAS REDES SOCIAIS
➡️ Instagram: bit.ly/3DHrMdj
➡️ GitHub: bit.ly/3tVboSS
➡️ X (Twitter): bit.ly/3PLk5KJ
💡 Torne-se membro do Inteliogia e tenha acesso antecipado aos vídeo e projetos exclusivos:
bit.ly/programmakerspro
✉️ E-MAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):
➡️ contato@inteliogia.com
💡 É isso #programMaker, seguimos por aqui, codando 👨🏼💻
Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁
✅ LINKS CITADOS:
➡️ Baixe as imagens usadas neste projeto: bit.ly/4bDNwqx
💡 Seu projeto ficou pronto? Coloque ele no ar com a Hostinger e ganhe até 20% de desconto:
hostinger.com.br?REFERRALCODE=1BRUNO76
✅ ALGUNS VÍDEOS QUE RECOMENDO PARA VOCÊ:
➡️ Como configurar o Visual Studio Code: ua-cam.com/video/UOGkWo58FxM/v-deo.html
➡️ Como configurar as fontes do seu site: ua-cam.com/video/V1uN8beSc04/v-deo.html
✅ ME SIGA NAS REDES SOCIAIS
➡️ Instagram: bit.ly/3DHrMdj
➡️ GitHub: bit.ly/3tVboSS
➡️ X (Twitter): bit.ly/3PLk5KJ
💡 Torne-se membro do Inteliogia e tenha acesso antecipado aos vídeo e projetos exclusivos:
bit.ly/programmakerspro
✉️ E-MAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):
➡️ contato@inteliogia.com
💡 É isso #programMaker, seguimos por aqui, codando 👨🏼💻
Переглядів: 363
Відео
Como criar um Site Responsivo com HTML e CSS pt. 10 - Botão do menu mobile
Переглядів 45614 днів тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 9 - Responsividade
Переглядів 74821 день тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 8 - Efeito de rolagem do menu
Переглядів 652Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 7 - Criando o Rodapé
Переглядів 569Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 6 - Seção "Como funciona"
Переглядів 609Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 5 - Seção hospedagem
Переглядів 643Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 4 - Seção Contato
Переглядів 739Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 3 - Seção vantagens
Переглядів 1,2 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 2 - Seção Hero (introdução do site)
Переглядів 1,5 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar a hero do nosso site, ou seja, a introd...
Como criar um Site Responsivo com HTML e CSS pt. 1 - Header (menu) - pt.2
Переглядів 1,9 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar um menu com efeito de rolagem dividido ...
Como criar um Site Responsivo com HTML e CSS - Apresentação do projeto
Переглядів 1,8 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 1 - Header (menu) - pt.1
Переглядів 1,9 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar um menu com efeito de rolagem dividido ...
Como criar um Card 3D com HTML, CSS e JavaScript
Переглядів 3,2 тис.4 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesse vídeo vamos criar o efeito de card 3D ou também podemos chamar de efeito Tilt. E vamos utilizar HTML, CSS e um biblioteca de JS para fazer esse efeito funcionar. ✅ LINKS CITADOS: ➡️ Vanlla-tilt: cdnjs.com/libraries/vanilla-tilt 💡 Seu projeto ficou pron...
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS) - Parte 2/2
Переглядів 9225 місяців тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Quer adicionar um toque de elegância e interatividade ao seu site? Este tutorial vai te mostrar como criar um POP-UP de saída estiloso utilizando a Tag Dialog do HTML, CSS e JavaScript! Aprenda passo a passo como implementar essa funcionalidade incrível que ...
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS)
Переглядів 1 тис.5 місяців тому
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS)
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 02/02
Переглядів 1,4 тис.5 місяців тому
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 02/02
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 01/02
Переглядів 1,6 тис.5 місяців тому
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 01/02
Como criar botões de redes sociais estilosos com HTML e CSS
Переглядів 2,2 тис.6 місяців тому
Como criar botões de redes sociais estilosos com HTML e CSS
Como criar um menu com submenu com HTML e CSS - Parte 2/2
Переглядів 2,7 тис.6 місяців тому
Como criar um menu com submenu com HTML e CSS - Parte 2/2
Como criar um menu com submenu com HTML e CSS - Parte 1/2
Переглядів 3,7 тис.6 місяців тому
Como criar um menu com submenu com HTML e CSS - Parte 1/2
Projeto Portfólio #1 - Apresentação do projeto EXCLUSIVO PARA MEMBROS
Переглядів 3,6 тис.7 місяців тому
Projeto Portfólio #1 - Apresentação do projeto EXCLUSIVO PARA MEMBROS
Como configurar o Visual Studio Code
Переглядів 2,1 тис.9 місяців тому
Como configurar o Visual Studio Code
Como criar o efeito de Scroll Reveal com HTML, CSS e JavaScript
Переглядів 6 тис.9 місяців тому
Como criar o efeito de Scroll Reveal com HTML, CSS e JavaScript
Como criar o efeito Skills Bars com HTML e CSS
Переглядів 2,2 тис.10 місяців тому
Como criar o efeito Skills Bars com HTML e CSS
Como criar o efeito Hover Dinâmico no menu com HTML e CSS
Переглядів 3,7 тис.10 місяців тому
Como criar o efeito Hover Dinâmico no menu com HTML e CSS
Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript
Переглядів 6 тис.11 місяців тому
Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript
Como criar o efeito de Texto sendo Digitado com HTML e CSS
Переглядів 8 тис.11 місяців тому
Como criar o efeito de Texto sendo Digitado com HTML e CSS
Como criar um efeito Hover incrível com HTML e CSS
Переглядів 4,4 тис.11 місяців тому
Como criar um efeito Hover incrível com HTML e CSS
Como criar um menu mobile lateral - Portfólio com HTML e CSS - Bônus
Переглядів 15 тис.11 місяців тому
Como criar um menu mobile lateral - Portfólio com HTML e CSS - Bônus
Como consigo botar um link no projeto?
Parabéns, e obrigado pelo conteúdo
Muito obrigado pelo conteudo
Você é zika, mano.
Mano, essa foi a única parte do projeto inteiro que não funcionou. Quando abro o menu no mobile, não aparece conteudo nenhum, ta tudo preto. Só aparece quando está na tela grande de desktop, não consigo resolver.
Muito obrigado pela ajuda, estou inciando agora e estou procurando meios para aprimorar meu conhecimentos, graças ao seu trabalho estou aprendendo muito e se divertindo e ficando ainda mais confiante no que sou capaz de fazer e criar. eternamente grato
qual o tema que vc usa no vscode? achei bonito
seu canal é perfeito
E o Botão contacto, como fica na versão mobile?
Muito bom. Simples e prático. Parabéns !!!
Boa tarde, só uma dúvida isso também funcionaria usando divs com classes ao invés da tag article né??
Eu já assistir varias vezes do começo e os meus botões de fechar e abrir o menu não funcionar! Da um help aqui.
Muito bom!! Ótimo canal. +1 Inscrito
Muito obrigado pelo conteúdo, ótima explicação! Por gentileza, poderia me informar qual tema você utiliza no vscode?
Perfeito deu certo !!
This video is a true gem! I thought it would take me all day to figure it out, but I got exactly what I needed in just 5 minutes, thanks to your clear and concise explanation. Your content is always top-notch-keep up the great work! +1 subscriber.
Muito o brigado por compartilhar seus conhecimentos gratuitamente! Deus te abençoe!
blz meu amigo ? boa noite ! tenho uma dúvida : por que vc ao invés de adicionar display: inline-block; e transition: .2s; direto no link vc não colocou direto no link estado hover ?
Que projeto incrível. Gostei demais de fazer, desde o início até o fim. Obrigado por esse conteúdo riquíssimo, que Deus abençoe sua vida sempre professor!
Gostei sim, meu caro! Simplicidade, eu gosto disso 😊 Sou do backEnd, mas como estou buscando conteúdos para construir meu portfólio de maneira simples e profissional, vasculhei aqui no UA-cam e achei seu vídeo! Sucesso e parabéns
Show garoto!!! Gostei do projeto e o utilizarei modificado em meu portfólio. Gosto dos projetos que vc propõem e vc tem uma excelente didática! Espero que consiga muitos alunos!👍🏻👍🏻
Saudações ProgramMaker! Não consigo ter acesso para fazer parte da comunidade. Quero tanto fazer parte, podem ajudar-me?
Oi Junior, se você não está conseguindo abrir o botão SEJA MEMBRO certamente pq essa funcionalidade não está disponível em seu país 🫤
Parabéns! Aula perfeita
professor, e para fechar o menu quando eu clicar em algum desses link como faz?
Fala Rafa. Mano dá uma olhada no Javascript desse vídeo aqui: ua-cam.com/video/gekJwNUaq0E/v-deo.html Nele é ensino como criar o código que ao clicar fecha o menu automaticamente 😁
depois que eu adicionei as especialidades ai a tela desceu, e a cor do fundo não esta mais tomando a tela toda, o que faço?
GRATIDÃO
Sensacional, muito explicativo, estou começando na área de tecnologia da informação na qual eu amo e seu conteúdo é demais, parabéns!
A partir do link não consigo ter acesso a adesão ao membro.
Que vídeo incrivel irmão, didática muito boa
te amo irmão
HAHAHAHA TBM TE AMO CARA 😁
Ficou muito bom curto muito as suas aulas
Cara ... Muito bom! Sua didática é excelente. Estou estudando CSS. Minha grande dificuldade é saber como ir colocando as classes. Tem momentos que tu coloca somente uma classe pai, tem hora que coloca o nome do objeto, tem hora que coloca uma classe depois um > e outra classe, assim: .classe > .outraClasse ! Tem hora que tem espaço, outras não, como por exemplo quando tu criou a classe dinâmica ATIVO ! Fico perdido nisso... As propriedades (que são trocentas) eu meio que sei que usando a gente vai aprendendo, mas essa forma como coloca que eu apanho. Tu ensina isso no treinamento ou é só com prática mesmo?
Fala meu mano. Então vou te garantir que no começo é muito normal isso kkkkkkkk eu msm ficava muito perdido, mas ia estudando e praticando e com o tempo fui pegando a prática. Dentro no treinamento eu ensino isso tudo detalhadamente. Desde como declarar classes e id's e como cada propriedade funciona. É perfeito pra vc que tem essas dificuldades 😁
Muito legal, como eu edito a imagem do projeto para ficar assim inteira e completa?
Oi Sueli! Então vc pode instalar no seu navegador uma extensão chamada Go Fullpage. Aí vc abre o projeto q vc quer tirar print completo e aí só ativar a extensão que ela fará tudo pra vc. Aí vc escolhe se quer salvar como PNG ou PDF. Para colocar no site aconselho usar PNG
O daora desta hora, que cada tag css há uma explicado sobre
Esses site vc copiou de algum lugar e refez ou vc fez tudo do 0 ?? Mano fico top dmais
Fala meu mano! Aí é tudo do zero kkkkkkk elaborei o layout do início ao fim
esse cara é top, aprendendo muito com seus videos
otimo video! só queria tirar uma dúvida, não estou conseguindo acessar os botões com ícones, não sei se por que, ja coloquei links, mas n vai, poderia ajudar?
alguém tem os códigos digitados por favor? O gênio aqui anotou tudo tava lindo ai deu reset no notebook e sumiu tudo não tem nada mais no meu Vs nem na área de trabalho
top
Otimo muito obrigado.
Bom dia amigos, alguém poderia me ajudar?? Estou com uma dúvida, ja tenho as section's com as class adicionei o id e somente no meu menu responsivo funcionou kkk
Ele funcionou perfeitamente no meu menu interativo, mas no principal não
Gostei muito da sua abordagem nesse vídeo. Foi muito interessante e me deixou querendo saber mais. Faça mais vídeos assim!
Investimento certeiro, não tenho do que reclamar.
Estou contando os minutos para o lançamento do novo vídeo!
Eu seria capaz de passar dias inteiros Maratonando seus vídeos
Continue na pegada você vai longe, valeu mesmo!
Jesus é maravilhoso.
Este vídeo me deu uma nova perspectiva sobre o assunto.
Esse conteúdo merece ser compartilhado para que mais pessoas possam se beneficiar dessas dicas incríveis. Não perca a oportunidade de ajudar alguém compartilhando também!