Projeto criativo com HTML, CSS e JavaScript: A criação de um site com animações

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 273

  • @canaldevclub
    @canaldevclub  7 месяцев назад +6

    Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

    • @anddremarcelino3816
      @anddremarcelino3816 6 месяцев назад +1

      Muito obrigado meu amigo Deus te abençoe muito.

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

      Olá, tudo bom! Estou desenvolvendo um site explicativo de html em Geral. Estou aqui para pedir permissão para adicionar seus vídeos no site... Estou aguardando sua resposta.... assim que possível vou divulgar o nome do site. E seu nome de Programador e RUclipsr estára na área de Devs Proficional do site.

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

      na parte das palavras eu nao consegui la em cima do site home, carros,fale conosco, deu erro

  • @marcusgarim
    @marcusgarim 6 месяцев назад +17

    Esse estilo de projeto é perfeito para quem está iniciando, (pode ser a minha bolha do algoritmo, masss) tem muito conteúdo por aqui de tecnologias mais avançadas como Js, Node Js e React, e os projetos de HTML e CSS são muito feios e não tem uma pitada de Js. Esse conteúdo é ideal pra quem ta começando, pq ele não é nem avançado em Js e nem básico em HTML e CSS!

  • @carlosmagno3506
    @carlosmagno3506 8 месяцев назад +6

    Sensacional. Esses videos com projetos, abrem muitos nossos olhos para que estamos iniciando em relação a codar.
    Gostaria de sugerir uma parte 2 desse video, colocando esse site responsivo para outros dispositivos, precisamente mobile. Seria um conteúdo de grande valia e ajudaria muito a todos!
    Obrigado por tudo desde já!

  • @henzoarruda4582
    @henzoarruda4582 7 месяцев назад +6

    Mano que demais, ce é fera e trás muito conteúdo de qualidade. Uma sugestão: criar um portfólio pra dev, com pagina de projetos, experiências, cursos/certificados, contatos...

  • @Everaldobass
    @Everaldobass 8 месяцев назад +23

    Muito bom. faz um CRUD com Backend com NodeJS e Front com HTML, CSS e JS.

    • @canaldevclub
      @canaldevclub  8 месяцев назад +2

      HAHAHAH acabei de fazer, da uma olhada aqui no canal!

  • @noanalmeida3341
    @noanalmeida3341 6 месяцев назад +3

    Gostaria muito de mais projetos. Você é simples e direto, e isso é muito bom !

  • @josiemeneses8522
    @josiemeneses8522 7 месяцев назад +3

    hum... se eu pudesse pedir!! adoraria de mais projetos como esse frontend!! seus projetos sao muito massa!! ja estou concluindo os modulos de JS no devclub!!!! vamos que vamos!!!!

  • @jeanmaicon0607
    @jeanmaicon0607 8 месяцев назад +2

    Muito bom o conteúdo. Já tenho noção bem básica do assunto, e esse vídeo me ajudou a lembrar algumas coisas. Gostaria de uma segunda parte fazendo ligações entre telas. (Exemplo: clicar no "saiba mais" e detalhar o veiculo, clicar no "Veículos" e listar eles.)

  • @lucasrocha-mh1wn
    @lucasrocha-mh1wn 20 дней назад +1

    aprendi a pogramar em 1 mes assistindo suas aulas

  • @SamuelSantos-xs2pr
    @SamuelSantos-xs2pr 8 месяцев назад +1

    Acabei de Fazer ADS e estou aprofundando mais na area, me interessei muito pelo desenvolvimento web, seu video é muito bom e explicativo. Gostei demais, conheci agora e tem mais um inscrito fiel haha !!!

  • @canalguss
    @canalguss 2 месяца назад

    não consegui, me perdi no meio do caminho e meu site ficou uma ameba kkkk, mas o video é excelente, eu que to estudando a 2 semanas tentando algo avançado, show

  • @r3msolucoesdigitais34
    @r3msolucoesdigitais34 6 месяцев назад +3

    Que aula showwwww professor. Que venha mais projetos práticos.

  • @developing01
    @developing01 7 месяцев назад +1

    Seus projetos de front-end para iniciantes, são muito bons Mori! Só um feedback...coloque neles no final, a parte de design responsivo.

  • @memgood8683
    @memgood8683 8 месяцев назад +3

    Sempre trazendo os melhores projetos

  • @kaiqueoliveira4448
    @kaiqueoliveira4448 5 месяцев назад +1

    simplesmente o melhor video que eu ja vi sobre programação

  • @joaopaulosantos475
    @joaopaulosantos475 8 месяцев назад +11

    top mano, sugestão, poderia ensinar a criar um sistema de cadastro 100% profissional

  • @LucasCunha-v7i
    @LucasCunha-v7i 8 месяцев назад +2

    Projeto muito bom, com esta base da para fazer várias outras coisas.

  • @daianyday481
    @daianyday481 7 месяцев назад

    Alo Rodolfo.. você é um excelente treinador, amei todas as suas didáticas, obrigada pelas suas aulas, que Deus te abençoe muito estou muito grata ta por você nos proporcionar esses conteúdos aqui no You Tube, Obrigada.. meu jovem. Rodolfo Mori

  • @gleissoncalebe2259
    @gleissoncalebe2259 8 месяцев назад +4

    Pra mim a sugestão é mais projetos, pq ajuda bastante no aprendizado.

  • @pekenodev
    @pekenodev 8 месяцев назад +1

    Fala rodolfão, excelente conteúdo, Cara seria massa se tu mostrasse a respeito de projetos práticos com back-end usando requisições e banco de dados além de react native pra fazer aplicativos Android e ios

  • @oficialgabriel6601
    @oficialgabriel6601 8 месяцев назад +1

    bom dia
    na minha humilde opiniao gostaria de ver mais projetos para aprender mais com vc e tbm falar sobre carreira para poder conseguir uma vaga com suas dicas

  • @mauriciodallelastedeoliveira
    @mauriciodallelastedeoliveira Месяц назад

    Brabo demais , adorei esse projeto

  • @Marcelo-gn7xf
    @Marcelo-gn7xf 7 месяцев назад

    Você foi melhor professor que já conheci, aprender com você de torna mais fácil, parabens e obrigado 👏

  • @kaiogabriel3768
    @kaiogabriel3768 8 месяцев назад +1

    Projeto bem interessante e com ferramentas ótimas, posta mais projetos com react rodolfo

  • @thiagomacedo4191
    @thiagomacedo4191 8 месяцев назад +1

    Muito bacana Rodolfo, na parte de CSS aprendi muita coisa

  • @Diney-k7t
    @Diney-k7t 3 месяца назад +1

    Rodolfo, faz uma playlist de vídeos ensinando a interpretar e abstrair os elementos HTML no site e como abstrair o CSS. Estou aprendendo HTML e CSS e, tipo, tenho uma dificuldade enorme de interpretar layouts. Mesmo tendo os recursos, fico travado na prática, sabe? A ideia seria você ajudar o pessoal como eu, começando do básico e depois aumentando o nível dos projetos. Isso geraria mais engajamento, mais inscritos e views no seu canal.

  • @jao934
    @jao934 6 месяцев назад +1

    Brabo, Mori! gratidão pelo projeto!

  • @IGNACIOMALESSA
    @IGNACIOMALESSA 5 месяцев назад +1

    Ótimo vídeo, acho que a única coisa que faltou foi o figma para ter uma dimensão maior do projeto ou até mesmo tentarmos sozinhos antes de ver o vídeo.

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

      Pior que esse foi de cabeça, não teve figma!

  • @felipedoamaral1205
    @felipedoamaral1205 8 месяцев назад +1

    Aprendendo muito com esses projetos, Rodolfo ensina o projeto do Iphone!!!!

  • @bk6934
    @bk6934 5 месяцев назад +1

    Muito bom, continua fazendo vídeos nesse estilo 👏

  • @viniciuspereira6039
    @viniciuspereira6039 8 месяцев назад +2

    Mais projetos como esse muito topp mano

  • @escavacaoacida
    @escavacaoacida 4 месяца назад +1

    Excelente vídeo Dev, muito obrigado por esse conteúdo

  • @fernandoapcr
    @fernandoapcr 7 месяцев назад +1

    cara que fera, por mais projetos assim

  • @rafaelfaruel6463
    @rafaelfaruel6463 8 месяцев назад +1

    Muito bom ... Sou devclub e tô amando .

    • @canaldevclub
      @canaldevclub  8 месяцев назад

      Fico feliz em saber, tmjj man

  • @mensagemdosenhorilustrada
    @mensagemdosenhorilustrada 8 месяцев назад +1

    Top. Parabéns .Continue com estes projetos

  • @capozzoliify
    @capozzoliify 6 месяцев назад +1

    Mais projetos pára nois praticar!

  • @llbarros7983
    @llbarros7983 8 месяцев назад +1

    muito bom professor! mais um projeto espetacular vai pra minha coleção

  • @eunãoaguentoMAIS-n3z
    @eunãoaguentoMAIS-n3z 2 месяца назад +1

    caso ainda esteja procurando por sugestões, gostaria muito de projetos de outras partes dos sites, não só a home!! muito obg pela aula 🥰🥰🥰🥰

  • @mateuszuck7153
    @mateuszuck7153 7 месяцев назад +1

    Muito bom, RODRIGO FAZ UM COM REACT HTML E CSS POR FAVOR

  • @pernafriston
    @pernafriston 7 месяцев назад +1

    Rodolfo quero mais projetos para ficar praticando mais

  • @filipealves7126
    @filipealves7126 4 месяца назад +1

    Professor TOP

  • @dibrasul6528
    @dibrasul6528 8 месяцев назад +1

    Nossa,esse prometo é massa demais!

  • @fogplayerr
    @fogplayerr 4 месяца назад +1

    vc é muito bom no que faz

  • @JoaoSilva-ho6qj
    @JoaoSilva-ho6qj 22 дня назад

    Você arrasou

  • @acinfo33
    @acinfo33 4 месяца назад +1

    Parabéns .... ótimo conteúdo.

  • @FB3Crazygames1234567
    @FB3Crazygames1234567 6 месяцев назад +1

    olá, bom dia, boa tarde, boa noite. estou vendo seus videos e gostando pa karamba, + um inscrito e + um like, tô começando agr na programação, e só achei ate agr 3 profs q ensinam realmente pra quem tá começando... posta mais relacionado a Js... vlw tmj

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

      Ah posto sim! Tem uma playlist de JS aqui no canal

  • @rodolfih
    @rodolfih 7 месяцев назад +15

    Mano e muito estranho ver alguém que tem o seu nome dando vídeo aula, toda hora que fala "RODOLFO" lembro dos professores chamando minha atenção na sala de aula kkkkkkkkk. Ótimo conteúdo mano, comecei a pouco tempo a estudar programação, estava vendo umas vídeo aulas e seu vídeo apareceu pra mim, acabei caindo aqui de paraquedas, acabei gostando do conteúdo, vou continuar acompanhando.

  • @alveseverton
    @alveseverton 3 месяца назад

    gostei muito do conteúdo, sou novo na área de desenvolvimento, tmj irmão

  • @UXDesire
    @UXDesire 7 месяцев назад +1

    Tem uma coisa, interessante ! Que achei que você poderia fazer ! Algo como Checkout para quem vai comprar os carros , implementar nesse projeto ! Digo isso porque ele ficou totalmente front-End , então fazer algo que pudesse efetuar uma transação de compra iria ser legal, talvez usar um código do paypal ou algo similar ficaria completo. Para fins de teste de publicação usaria o Netlify , visto que já é possível colocar no ar gratuitamente e talvez depois mudar para hostingator. Por finalizar estou procurando forma de fazer a venda, algo como contrato de orçamento para sites e contrato para as partes envolvidas já tenho o material mas estou vendo como facilitar tudo isso via online para o cliente Obrigado pelo conteúdo !

  • @christiansanchez2084
    @christiansanchez2084 8 месяцев назад +3

    Bom dia!
    Gostaria de ver mais projetos com as tecnologias mais requisitadas pelo mercado atual, Obrigado!

  • @bielxsfps
    @bielxsfps 8 месяцев назад +2

    Rodolfo, traz mais projetos desses mais só q em react 😄

  • @eliana59324
    @eliana59324 7 месяцев назад +1

    rodolfo adorei sua explicação😊

  • @wocwoc
    @wocwoc 7 месяцев назад +1

    top , gostei de realizar o projeto.
    me trouxe outras formas que não conhecia..

    • @canaldevclub
      @canaldevclub  7 месяцев назад

      Booa, tmjj

    • @wocwoc
      @wocwoc 7 месяцев назад

      @@canaldevclub
      Me escrevi em seu canal.
      O que acho legal , é que você não vai dar código pronto .
      Se quiser assistir e aprender e entender, só dê play .

  • @marcosv368
    @marcosv368 8 месяцев назад +1

    Top de verdade, obrigado por tudo professor!

  • @gleluis15
    @gleluis15 8 месяцев назад +1

    Mais um projetinho top. Wlw Professor 👏🏻

  • @duanesamuel4919
    @duanesamuel4919 7 месяцев назад +1

    muito bom! faça um projeto de site de Petshop e pizzaria!

  • @AdreiaBOrges
    @AdreiaBOrges 8 месяцев назад +1

    muito bom! queria um video seu ensinando a criar um blog

  • @williamricardoschulz7404
    @williamricardoschulz7404 12 дней назад

    Olá, Rodolfo. Primeiramente gostaria de parabenizá-lo pelo conteúdo, é muito bom.
    No início do vídeo você comenta sobre sugestão de assuntos a serem abordados em demais vídeos, por acaso você já fez algum vídeo explicando a diferença entre utilizar banco de dados na nuvem (MogoDB por exemplo) e banco de dados instalados em um servidor local (MySQL Workbench por exemplo)?
    Sou novo na área e gostaria de saber a diferença vinda da opinião de alguém experiente.
    Abraço!

  • @eduardof5-r4t
    @eduardof5-r4t 6 месяцев назад +1

    Muito bom o conteúdo.

  • @thiagosoares5052
    @thiagosoares5052 8 месяцев назад +1

    Mano, fiquei fâ do seu canal e ja me inscrevi

  • @jorgeluizcamposmelo3844
    @jorgeluizcamposmelo3844 7 месяцев назад +2

    Achei! Fp Project... vou analisar seu código e comparar com o meu...

  • @Tais-santos
    @Tais-santos 8 месяцев назад +2

    Rodolfo,mais projetos com react.

  • @DionisioRico
    @DionisioRico Месяц назад

    Rodolfo n esquece da sombra

  • @marianamartins2956
    @marianamartins2956 8 месяцев назад +1

    Aula maravilhosa

  • @luizviana7176
    @luizviana7176 3 месяца назад +1

    Guerreiro teu vídeo e muito bom mesmo, um problema que vocês faz muito rápido. Uma pessoa lenta como eu difícil de eu entender de primeira.
    Ser fosse um pouquinho mas lento seria com certeza a cereja 🍒 do bolo 🎂.
    Tirando isso você está de parabéns, como eu queria pelo menor fica perto do seu sapato de conhecimento

  • @AdrianaDrikaFraga
    @AdrianaDrikaFraga 8 месяцев назад +1

    Grande!! Grata 🙏👏👏

  • @EmelsonMuquissi
    @EmelsonMuquissi 8 месяцев назад +1

    Muito Bom 👏👏

  • @wellyngtongoncalves9599
    @wellyngtongoncalves9599 8 месяцев назад +1

    Poderia montar um loja online mostrando também quantidade em estoque

  • @guhreis7736
    @guhreis7736 5 месяцев назад +1

    Seria legal se vc disponibilizace pra nois treinar com proprio model

  • @JosivaldoL.R
    @JosivaldoL.R 8 месяцев назад +1

    muito bom seu videos

  • @MateusCoimbra-ub7yt
    @MateusCoimbra-ub7yt Месяц назад

    queremos todo

  • @enzo-6655
    @enzo-6655 8 месяцев назад +1

    Sensacional

  • @Eliasafe_dev
    @Eliasafe_dev 8 месяцев назад +2

    projeto brabo

  • @janedeispraca1102
    @janedeispraca1102 8 месяцев назад +2

    Tô sem notebook pra refazer esses projetos mas dia 22 vou compra outro e continua estudando no dev club fullstack

  • @leonardocardoso884
    @leonardocardoso884 8 месяцев назад +1

    Maravilhoso

  • @josiascordeiroful
    @josiascordeiroful 8 месяцев назад +1

    Projeto com node e com React e Native

  • @AbeljorgeSouza
    @AbeljorgeSouza 5 месяцев назад +1

    Boa noite meu amigo, não estou conseguindo abrir esse site ibb onde tem as imagens dos carros, todos conseguiram abrir ?

  • @paulussanctus2761
    @paulussanctus2761 8 месяцев назад +2

    Sugestão: fazer um CRUD. Obrigado

  • @LeviSoares-m1i
    @LeviSoares-m1i 8 месяцев назад +1

    Muito top

  • @LucasLima-d2z
    @LucasLima-d2z Месяц назад

    Video muito top, gostei de mais , porém fiz algo errado pois não apareceu as imagens para mim.

  • @robertofilho7932
    @robertofilho7932 8 месяцев назад

    Rumo aos 500k

  • @igjunio
    @igjunio 5 месяцев назад +1

    Add o código desde projeto no Github ou algo assim

  • @Paul0-Cardos0777
    @Paul0-Cardos0777 8 месяцев назад +1

    Show

  • @AntónioManuelDosSantos-v7z
    @AntónioManuelDosSantos-v7z 4 месяца назад +1

    Gostaria de obter o código no github para melhorá-lo ou costumizar.

  • @jorgeluizcamposmelo3844
    @jorgeluizcamposmelo3844 7 месяцев назад +1

    Corrigido! Fiz umas múltiplas cagadas...kkkkkkk agora tá sussa!!!!!!

  • @IsraelMiguel-d6i
    @IsraelMiguel-d6i 8 месяцев назад +1

    Eu gostaria de pedir cursos mais completos e projetos com diversas
    linguagem

  • @isabellagouveias
    @isabellagouveias 8 месяцев назад +1

    Sugestão: projetos em angular 17

  • @black_snake9353
    @black_snake9353 2 месяца назад +1

    quando eu coloco a imagem no header, toda as outras palavras da "div" somem... oq eu faço?

  • @familia.semente3
    @familia.semente3 4 месяца назад +1

    Javascript,Php,react

  • @foco.e.metas.
    @foco.e.metas. 5 месяцев назад +2

    Rodolfo, vi o vídeo inteiro e está dando um erro nos botões. Quando eu clico, não muda o carro. Já tentei fazer algumas alterações, mas, nada adiantou. O que eu faço?

    • @canaldevclub
      @canaldevclub  4 месяца назад

      QUal erro q está dando ? Abre o console pra ver se tem erro

  • @jubisninha
    @jubisninha 8 месяцев назад +1

    qual a previsão de de abertura de inscrições do devclub?

    • @canaldevclub
      @canaldevclub  8 месяцев назад

      rodolfomori.typeform.com/devclub-espera

  • @claHize
    @claHize 5 месяцев назад +1

    tem o codigo no git ?
    pois o meu ta dando errado queria comparar

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

      github.com/rodolfomori/fp-project

  • @decaastro96
    @decaastro96 8 месяцев назад +1

    Ótima aula prof. Tira uma duvida inseri tudo dentro da função global e mantive nos botões apenas a validação da posição do active, percebi que você deixou o classList add no seu, mas o meu funcionou perfeitamente sem, tem algum problema??

    • @canaldevclub
      @canaldevclub  8 месяцев назад

      Não, sem problemas. Tem vários jeitos de fazer a mesma coisa!

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

    A gente estuda programação mas sempre sobre conteudos ,mas no caso de empregos ,o que um front end faria em uma empresa? nunca vi um dev em uma empresa codando para saber quais são as demandas diarias.

    • @canaldevclub
      @canaldevclub  5 месяцев назад +1

      Opa, vou criar um conteúdo sobre isso!

  • @adilsonlima725
    @adilsonlima725 Месяц назад

    Bom di mais mermão!!! estou começando aqui mas minhas ibagem não entra...

  • @Limitesem
    @Limitesem 4 месяца назад +1

    bom

  • @jean_fellype00
    @jean_fellype00 8 месяцев назад +1

    Bom dia, gostaria de mais projetos para nos auxiliar.

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

    Rodolfo tem os códigos no git? No eu não sei o que fiz de errado, não mostra erros, porém quando eu vou no Live Server para ver se o site está ficando parecido com o seu da diversos problemas como a descrição não ficando aonde eu quero, as setas não ficarem dentro das bolinhas, e ao invés da cor neon que era pra ser somente denteo da bolinha quando clica ela faz uma linha

    • @canaldevclub
      @canaldevclub  5 месяцев назад +1

      github.com/rodolfomori/fp-project

  • @RogerAntonio-g6
    @RogerAntonio-g6 2 месяца назад

    Eu tbm gostaria de mais projetos, não sei o que estou fazendo de errado mais o meu projeto esta ficando diferente, vc poderia disponibilizar o código do projeto para eu poder comparar e ver o que estou fazendo de errado?

  • @durodrigues0704
    @durodrigues0704 8 месяцев назад

    Vídeo muito top, acompanhando smp🔥🔥🔥 Qual a fonte desse vsc que vc usa ?