HTML e CSS na prática: Projeto Catálogo de Carros

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 128

  • @roddripf
    @roddripf 3 роки тому +35

    Nossa, em 20 minutos tua aula está melhor do que a da faculdade paga que eu faço. Muito obrigado!

    • @ramonvinicius3498
      @ramonvinicius3498 2 роки тому +1

      Até porque na faculdade você aprende HTML e CSS, né?

    • @roddripf
      @roddripf 2 роки тому +1

      @@ramonvinicius3498 Aprende meio superficial, mais aquelas aulas de slides tipo dicionário kkk faço a puc minas ead

    • @ghenissonsousasantos2804
      @ghenissonsousasantos2804 2 роки тому

      @@roddripf Nunca se conforme com Material da faculdade, sempre busque além... UA-cam, udemy etc... A FACULDADE É IMPORTANTE MAS NÃO deposite as esperanças da sua vida nela, vá ganhando um bocado de conhecimento na faculdade, outro bocado no UA-cam, outro bocado na udemy, outro bocado em algum curso online, sempre focado em projetos... No fim tu vira um monstrinho a cima da média em comparação aos colegas da sua faculdade e outros devs por aí...

    • @wev__2
      @wev__2 Рік тому +1

      Na faculdade eu aprendi que devemos aprender pelo UA-cam kkkkk

    • @murillomatos
      @murillomatos Рік тому

      Minha matéria de WEB na facu o professor ficou enrolando 3 meses um plugin 3d que até hj não sei a utilização daquela bosta depois correu um mês de html e deu uma aula, a última do semestre de javaScript, uma vergonha o cara se dizer professor de nível superior.

  • @carvalhoquibato2084
    @carvalhoquibato2084 Місяць тому

    Obrigado pelo conteúdo. Consegui fazer o projeto completo🤛

  • @carolsf
    @carolsf 2 роки тому +16

    valeu cara! tirei dúvidas que eu tinha e aprendi mt coisa. alterei algumas coisas e fiz de um petshop, ficou lindo demais! aula foda

  • @claudiorsm75
    @claudiorsm75 9 місяців тому

    To entrando agora nesse ramo de DEV, aprendi muito com essa sua aula

  • @vinhoconhecimento5348
    @vinhoconhecimento5348 Рік тому

    Aula pra quem já tem experiencia . For iniciante nem perca seu precioso tempo.

    • @robertooliveira4013
      @robertooliveira4013 Рік тому +1

      EU pensei que eu era iniciante, mas com esse seu comentario tirei minhas conclusões que ganhei experiencia pois conseguir entender tudo, quer aprender amigo volta a assistir as aualas de html

  • @adaooliveira6350
    @adaooliveira6350 10 місяців тому

    Pena que a Devsuperior não tem uma formação para iniciantes, vocês são realmente superiores, de qualquer forma obrigado por essa aula gratuita.

  • @nervaljunior3037
    @nervaljunior3037 2 роки тому +2

    em todos os vídeos que a galera vai falar sobre HTML e css fazem uma coisa meio solta. gostei bastante a forma que tu fez. até pq mostrou do começo ao fim. até colocou no ar. parabéns!!

  • @Brutos212
    @Brutos212 3 роки тому

    Em primeiro lugar Quero Agradecer muito a Vocês DevSuperior, Nélio parabéns, Luciano Sensacional didática ótima direto ao ponto. Muito Obrigado para quem esta começando, as Aulas são valiosas de mais muito Obrigado, mas uma vez Parabens e Muito Obrigado.....

  • @edgarsantos6072
    @edgarsantos6072 8 місяців тому

    Cara muito boa sua didática me ajudou muito no meu projeto

  • @davidasantos
    @davidasantos 2 роки тому

    Agora sim eu aprendi CSS. Parabens

  • @atilaizac5855
    @atilaizac5855 3 роки тому +2

    Que projeto bacana. Já salvei aqui pra tentar reproduzir mais tarde.

  • @rafaelcouto5144
    @rafaelcouto5144 3 роки тому +3

    Equipe DevSuperior nunca decepciona, conteúdo com muita qualidade.

  • @mariadenazarearaujoconceic4155
    @mariadenazarearaujoconceic4155 2 роки тому +1

    obgd! Conseguir fazer algumas coisas de uma livraria com base no seu projeto, ficou muito bom!

  • @giovanesantos9095
    @giovanesantos9095 2 роки тому

    Muito obrigado pelo projeto fiz ele junto com você demorei uma semana estou aprendendo,
    valeu mesmo, muito obrigado.

  • @virgiliofernandes-ads9143
    @virgiliofernandes-ads9143 2 роки тому

    Legal, obrigado por partilhar conhecimento.🙏🙏🙏👍

  • @Moisespereira-zk2ss
    @Moisespereira-zk2ss 10 місяців тому

    Muito bom tua aula amigão. Ja te mandei um lik!!!

  • @usandosolar7308
    @usandosolar7308 2 роки тому

    Vídeo fantástico, estou aprendendo e gostando muito, ganhou mais um inscrito, sucesso.

  • @matheusdesouzaribeirodias5666
    @matheusdesouzaribeirodias5666 3 роки тому +1

    Muito bom! Esclareceu muitas dúvidas minhas, principalmente a parte de responsividade.

  • @viniciusrafaelmachadoborge7898
    @viniciusrafaelmachadoborge7898 3 роки тому

    Aula absurdamente boa, tanto pelo site com ótimo design quanto pelos atalhos e dicas.
    E ainda no modelo mobile first, tá de parabéns. Portfólio agrade e muuuuito !!

  • @trilhacoder
    @trilhacoder 2 роки тому

    Cara parabéns pelo conteúdo, bem completo, objetivo e simples de entender. Abç.

  • @eliasnepomuceno2475
    @eliasnepomuceno2475 3 роки тому +1

    Muito bom projetos assim para exercitar a parte de CSS. Obrigado Luciano :)

  • @leonelhelderdcaprio7770
    @leonelhelderdcaprio7770 2 роки тому

    Cinco estrelas a Devsuperior esta de parabéns. Gostaria de falar contigo.
    Preciso muito da sua ajuda.

  • @10mroliveira
    @10mroliveira 2 роки тому

    Muito obrigado pela aula!! Parabéns!

  • @douglasamorim589
    @douglasamorim589 2 роки тому

    Excelente aula! Amei muito! Muito obrigado!

  • @matheusbuchada5145
    @matheusbuchada5145 3 роки тому

    Muito obrigado pela aula. Show!

  • @andreroberto7926
    @andreroberto7926 3 роки тому

    Muito obrigado !! acabei hoje. já enviei para o meu github.

  • @guaruskysilva6694
    @guaruskysilva6694 Рік тому

    Muito top conteudo e bem explicado

  • @cassiosantos6866
    @cassiosantos6866 2 роки тому

    parabens.. foi um show de aula! parabens your the best man

  • @OPrimoDev
    @OPrimoDev 3 роки тому +4

    Aquele projeto que faltava no portfolio, não falta mais! 😊

  • @osvaldonetotomaz7517
    @osvaldonetotomaz7517 3 роки тому +9

    Bem legal, pessoal treinar CSS Grid e refazer esse projeto no CSS Grid como teste de conhecimento, usando flexbox pra alinhar. Vi num lugar na web que parece que CSS Grid está pra se tornar padrão no CSS :) , então pelo que entendi nem vai ser preciso definir display Grid mais, apenas o flex no alinhamento dos items :)

    • @DiegoSantos18177
      @DiegoSantos18177 Рік тому

      Super obrigado. Gostaria de uma aula sobre a funcionalidade do campo pesquisa dentro deste projeto

  • @gilmar69047
    @gilmar69047 3 роки тому

    Pergunta... em 19:36 você fala sobre a transparência do elemento . Você vê algum problema em utilizar a transparência através da propriedade opacity?

  • @vaneboliveira
    @vaneboliveira 2 роки тому

    sensacional, excelente explicação. Adorei o conteúdo prático.

  • @41caue
    @41caue 2 роки тому

    Essa aula é sensacional. Meus parabéns!!

  • @viniciuspreston3548
    @viniciuspreston3548 2 роки тому

    Show de bola, obrigado pela aula!

  • @professorcarlos-tecnologia
    @professorcarlos-tecnologia 2 роки тому

    Perfeito cara. Parabéns e obrigado.

  • @carlosync
    @carlosync 3 роки тому

    Muito bom conteúdo direto ao ponto assim.

  • @maycolmichelmohr2702
    @maycolmichelmohr2702 2 роки тому

    muito boa aula explicativa!

  • @juniordeoliveira812
    @juniordeoliveira812 3 роки тому +1

    Aula sensacional, modo raiz, obrigado equipe dev!

  • @talktothehand1238
    @talktothehand1238 3 роки тому +2

    Conteúdo top seria bom uma aula de grid e flex Box

  • @Naclald
    @Naclald 3 роки тому +1

    Top aula😀👍💎

  • @matheusdantas9933
    @matheusdantas9933 2 роки тому

    Terminei o projeto, obrigado foi sensacional.. :)

    • @normelianeves3508
      @normelianeves3508 2 роки тому +1

      olá estou com problema em colocar o lorem 100 abaixo da imagem, como você conseguiu?

  • @corretordeimoveissincero9420
    @corretordeimoveissincero9420 2 роки тому

    Vídeo top! Agora poderia fazer a segunda parte com o menu responsivo.

  • @brenobcsilva
    @brenobcsilva 3 роки тому

    Muito bom mesmo, quero mais aulas rsrs

  • @jonatha__moreira
    @jonatha__moreira 2 роки тому

    Muito bom.. didático e prático

  • @webossd
    @webossd 3 роки тому

    Que legal cara! Ótima iniciativa!! Parabéns pelo canal e o conteúdo!

  • @gaiek
    @gaiek 2 роки тому

    Ótima aula, parabéns

  • @TheBatdeath
    @TheBatdeath 3 роки тому

    Didática incrível, conteúdo sensacional, amei!!
    +1 inscrito, aguardando ansiosamente o próximo vídeo!!!!! S2

  • @rafaellang9
    @rafaellang9 3 роки тому

    Manooo, até deploy? Que isso muito obrigado
    Me inscrevendo jaa

  • @LucasSilva-fd7eq
    @LucasSilva-fd7eq 3 роки тому +2

    Faz um vídeo sobre as extensões que você usa no VSCODE

  • @rayllanderson
    @rayllanderson 3 роки тому +3

    Show! E ainda ensinou vários atalhos, valeu ^^/

  • @InteligenciaJ
    @InteligenciaJ Рік тому

    Top demais!!!

  • @alexandrepereira2174
    @alexandrepereira2174 3 роки тому +1

    Parabéns!!!

  • @pedroneto267
    @pedroneto267 2 роки тому

    ótimo vídeo, mt obrigado.

  • @mariadenazarearaujoconceic4155
    @mariadenazarearaujoconceic4155 2 роки тому

    Muito bom.

  • @gilmar69047
    @gilmar69047 3 роки тому

    Em 22:18 é colocada a transição do elemento . Como a transição do hover se dará nas duas propriedades citadas (bg e color) e não apenas em uma específica delas, eu normalmente coloco o transition apenas com o tempo, sem uma propriedade específica. Você recomenda como melhor prática colocar as propriedades dentro do transition?

  • @sssluansss3685
    @sssluansss3685 Рік тому

    Q perfeito cara

  • @isaiaseduardo129
    @isaiaseduardo129 Рік тому

    Fiquei feliz
    Criei o 1 site seloko

  • @LucasLima-tj9bg
    @LucasLima-tj9bg 3 роки тому

    Aula muito boa!!!!

  • @fabioverlaine7274
    @fabioverlaine7274 3 роки тому

    Shoow !!! Manda o FLEXBOX mestre !!

  • @ivsonsouza9407
    @ivsonsouza9407 2 роки тому

    Boa noite!
    Uma dúvida...
    Pq esse ".filter-card{}" ficou por baixo do da azul que está com o carro?

  • @leodemetrio1378
    @leodemetrio1378 2 роки тому

    Layout maneiro!!

  • @Brayam777
    @Brayam777 Рік тому

    5:08 o meu não tem essa linha de código de compatibilidade, só essas >
    Concessionária
    Isso está certo? Fiz do jeito que está no vídeo. Também instalei a extenção que mostra os ícones dos arquivos, mas não aparece os ícones e não sei o porquê.

  • @r.campos_
    @r.campos_ 3 роки тому

    sensacional !!

  • @reginaldo.santos
    @reginaldo.santos 3 роки тому

    Sensacional

  • @Everaldobass
    @Everaldobass 3 роки тому

    Show, muito top!

  • @WilliamGigliozzi
    @WilliamGigliozzi 3 роки тому

    Conteúdo flexbox é bem-vindo

  • @clealb76
    @clealb76 2 роки тому

    Otimo

  • @WilliamGigliozzi
    @WilliamGigliozzi 3 роки тому

    Muito bom 👏👏👏

  • @gahpalazzi9510
    @gahpalazzi9510 3 роки тому +1

    Muuuito bom esse vídeo. Muito difícil achar conteúdo assim disponível, é muito esclarecedor.
    Tenho bastante dúvida sobre os tamanhos e larguras, quando vou por a mão na massa fico perdido em definir altura de container, essa questão de height, para max-height, nunca entendo quais tamanhos são necessários, não sei quando decido isso, etc. Alguém tem algum conteúdo para recomendar?

  • @erickguedes2689
    @erickguedes2689 2 роки тому

    qual extensão utiliza para ir organizando os codigos?

  • @brenobcsilva
    @brenobcsilva 3 роки тому

    Muito bom, valeuu!!

  • @zero_absoluto013
    @zero_absoluto013 Рік тому +1

    Curtam aqui ou comentem pra eu voltar pfvr,cheguei agr da faculdade
    To arrumando uns negócios do trabalho,dps quero ver a aula

  • @josecandidobarcelosjunior3804

    Qual atalho vc usou para fazer o ajuste responsivo que abriu a tela do celular , não entendi, vc disse shift e alguma coisa. O atalho que conheço é o F12 , mas não fica com essa aparência de celular como no seu, fica quadradão a imagem.

  • @daniel.guinter
    @daniel.guinter 2 роки тому

    Opa sou fã da DevSuperior não é de hoje, vocês arrebentam nos conteúdos, no minuto 31:15 o input não funcionou mas um pouco diante ele está ok qual foi a solução? Oque estava faltando?

  • @Brutos212
    @Brutos212 3 роки тому

    Ja estou imaginado a aula de Front com Back

  • @LuisSCRT2
    @LuisSCRT2 Рік тому

    Top

  • @pedromascaro3157
    @pedromascaro3157 3 роки тому

    Muito bommmmmm

  • @ramonvinicius3498
    @ramonvinicius3498 2 роки тому

    Fazer com instrutor é para os fracos, aqui a gente abre o figma e faz na raça!

  • @jomarzaka
    @jomarzaka 2 роки тому +1

    Ficou fera meu brother, meus parabéns!!! Então tu poderia passar as suas extensões que tu usa no VS Code e se teria alguma extensão no seu terminal que possui uma espécie de auto-complete?

  • @eduardocamargo3069
    @eduardocamargo3069 3 роки тому

    Pergunta... Não seria interessante criar a tela no XD e exportar ou criar os códigos através do plugin Anima?

  • @Askki
    @Askki 2 роки тому

    MT top

  • @jeffersonbortoluzzi259
    @jeffersonbortoluzzi259 2 роки тому

    Qual tema do vscode vc usa?

  • @pauloaugustosantoify
    @pauloaugustosantoify 2 роки тому

    o meu ! nao cria a a estrutura basica do htm, tenho que dar o comando html:5 por qual motivo?

  • @umalguemque...3488
    @umalguemque...3488 2 роки тому

    O que diz sobre Linux para responsividade e o Front end?

  • @BrunoAlves-jv8zi
    @BrunoAlves-jv8zi 2 роки тому

    Como eu faço para abrir o terminal do celular como você fez?

  • @NaBocadoPeixe
    @NaBocadoPeixe 3 роки тому

    Zica!...

  • @santosediego
    @santosediego 3 роки тому

    Excelente aula professor!!!
    Tenho uma dúvida professor
    Pelo smartphone, ao clicarmos em algum botão, o estado de hover não se desfaz, existe alguma forma de trabalhar via css para que o botão volte ao estado original?
    É o toc, se que me entende kkkkk

  • @andreroberto7926
    @andreroberto7926 3 роки тому

    Quando será o segundo ?

  • @guilhermevilasboas9818
    @guilhermevilasboas9818 Рік тому

    Bom dia adoro o seu canal, é possível dar prioridade no HTML5 é, por exemplo, quero forçar a minha página sempre ficar em português mesmo que tenha plugins em outras linguás, é possível forçar isso assim como é possível no CSS usando a tag: !important;

  • @umalguemque...3488
    @umalguemque...3488 2 роки тому

    Outra dúvida:
    Sites que ñ aderiram à responsividade ainda, mas já estão na internet, para deixá-los responsivos é só inserir doc css antes do site? Ou teria q reproduzir o site todo?

  • @andrebarboza486
    @andrebarboza486 2 роки тому

    prefessor como eu configuro o meu Visual estudio

  • @jamilfrancisco2224
    @jamilfrancisco2224 2 роки тому

    cara ate fui fazendo mas no nav ul li padding 10px não funciona ja revisei todo o codigo junto com a sua aula mas não vai tive que refazer o codigo novamenet para ele pegar

  • @emersonzaro5475
    @emersonzaro5475 3 роки тому

    Conteúdo sensacional! Poderia me indicar quais extensões legais para instalar com o Visual Studio Code?

    • @imurari
      @imurari 3 роки тому

      abaixa o live server muito top

  • @DevAos35
    @DevAos35 4 місяці тому

    Esse professor é o Primo Dev ?

  • @andrebarboza486
    @andrebarboza486 2 роки тому

    mas pra esse trabalho

  • @wesleyaguiarlopes
    @wesleyaguiarlopes 2 роки тому

    O vídeo ficou ótimo pra ver me celular de 5,5"

  • @dudiissanford
    @dudiissanford 2 роки тому

    Uma pergunta, porque não desenvolveu o site em português? Nós estamos no Brasil!!! C.F.SANFORD

  • @henriquevareladecastro7981
    @henriquevareladecastro7981 Рік тому

    boa noite, estou tendo problemas referente em alinhar o card wrapper em grid, não alinha, alguém consegue salvar nessa ?

    • @Linxester
      @Linxester Рік тому +2

      Esse vídeo é antigo então essas propriedades de grid que ele esta usando já ficaram obsoletas

    • @Linxester
      @Linxester Рік тому +2

      Tu pode arrumar isso trocando o 'grid-gap: 30px;' para gap: 30px;

  • @silvaneyaguiar1
    @silvaneyaguiar1 3 роки тому

    top

  • @betoconceicao1069
    @betoconceicao1069 2 роки тому

    como colocar este site no banco dado