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

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

КОМЕНТАРІ • 257

  • @canaldevclub
    @canaldevclub  4 місяці тому +6

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

    • @anddremarcelino3816
      @anddremarcelino3816 3 місяці тому +1

      Muito obrigado meu amigo Deus te abençoe muito.

    • @vittopayver
      @vittopayver 3 місяці тому

      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 UA-camr estára na área de Devs Proficional do site.

    • @Eliabedasilvamascarenhassantos
      @Eliabedasilvamascarenhassantos 2 місяці тому

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

  • @eunãoaguentoMAIS-n3z
    @eunãoaguentoMAIS-n3z 4 години тому

    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 🥰🥰🥰🥰

  • @carlosmagno3506
    @carlosmagno3506 5 місяців тому +3

    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á!

  • @marcusgarim
    @marcusgarim 3 місяці тому +9

    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!

  • @alexoliveira1947
    @alexoliveira1947 3 місяці тому +1

    Projeto sensacional Rodolfo. Sou professor de informática e estou dando esse conteúdo para os meus alunos. Fiz um passo a passo no word para eles acompanharem tudo que você fala. Obrigado por compartilhar seus conhecimentos. Espero em breve fazer parte da DevClub. Grande abraço.😉

    • @canaldevclub
      @canaldevclub  3 місяці тому

      Fico feliz em saber mano, tmjj

  • @Marcelo-gn7xf
    @Marcelo-gn7xf 4 місяці тому

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

  • @josiemeneses8522
    @josiemeneses8522 5 місяців тому +2

    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!!!!

  • @henzoarruda4582
    @henzoarruda4582 5 місяців тому +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...

  • @jeanmaicon0607
    @jeanmaicon0607 5 місяців тому +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.)

  • @noanalmeida3341
    @noanalmeida3341 3 місяці тому +1

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

  • @rodolfih
    @rodolfih 4 місяці тому +12

    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.

  • @LucasCunha-v7i
    @LucasCunha-v7i 5 місяців тому +2

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

  • @SamuelSantos-xs2pr
    @SamuelSantos-xs2pr 5 місяців тому +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 !!!

  • @Everaldobass
    @Everaldobass 5 місяців тому +20

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

    • @canaldevclub
      @canaldevclub  5 місяців тому +1

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

  • @daianyday481
    @daianyday481 5 місяців тому

    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

  • @kaiqueoliveira4448
    @kaiqueoliveira4448 3 місяці тому +1

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

  • @r3msolucoesdigitais34
    @r3msolucoesdigitais34 3 місяці тому +2

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

  • @luizviana7176
    @luizviana7176 25 днів тому +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

  • @escavacaoacida
    @escavacaoacida Місяць тому +1

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

  • @llbarros7983
    @llbarros7983 5 місяців тому +1

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

  • @joaopaulosantos475
    @joaopaulosantos475 5 місяців тому +11

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

  • @gleissoncalebe2259
    @gleissoncalebe2259 5 місяців тому +4

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

  • @memgood8683
    @memgood8683 5 місяців тому +3

    Sempre trazendo os melhores projetos

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

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

  • @bk6934
    @bk6934 2 місяці тому +1

    Muito bom, continua fazendo vídeos nesse estilo 👏

  • @kaiogabriel3768
    @kaiogabriel3768 5 місяців тому +1

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

  • @thiagomacedo4191
    @thiagomacedo4191 5 місяців тому +1

    Muito bacana Rodolfo, na parte de CSS aprendi muita coisa

  • @jao934
    @jao934 3 місяці тому +1

    Brabo, Mori! gratidão pelo projeto!

  • @developing01
    @developing01 5 місяців тому +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.

  • @Diney-k7t
    @Diney-k7t 17 днів тому

    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.

  • @pekenodev
    @pekenodev 5 місяців тому +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

  • @wocwoc
    @wocwoc 5 місяців тому +1

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

    • @canaldevclub
      @canaldevclub  5 місяців тому

      Booa, tmjj

    • @wocwoc
      @wocwoc 5 місяців тому

      @@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 .

  • @FB3Crazygames1234567
    @FB3Crazygames1234567 3 місяці тому +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  3 місяці тому

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

  • @oficialgabriel6601
    @oficialgabriel6601 5 місяців тому +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

  • @nuskplayer
    @nuskplayer Місяць тому +1

    vc é muito bom no que faz

  • @rafaelfaruel6463
    @rafaelfaruel6463 5 місяців тому +1

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

    • @canaldevclub
      @canaldevclub  5 місяців тому

      Fico feliz em saber, tmjj man

  • @mateuszuck7153
    @mateuszuck7153 5 місяців тому +1

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

  • @felipedoamaral1205
    @felipedoamaral1205 5 місяців тому +1

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

  • @acinfo33
    @acinfo33 Місяць тому +1

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

  • @pernafriston
    @pernafriston 5 місяців тому +1

    Rodolfo quero mais projetos para ficar praticando mais

  • @christiansanchez2084
    @christiansanchez2084 5 місяців тому +3

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

  • @eliana59324
    @eliana59324 5 місяців тому +1

    rodolfo adorei sua explicação😊

  • @fernandoapcr
    @fernandoapcr 5 місяців тому +1

    cara que fera, por mais projetos assim

  • @bielxsfps
    @bielxsfps 5 місяців тому +2

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

  • @dibrasul6528
    @dibrasul6528 5 місяців тому +1

    Nossa,esse prometo é massa demais!

  • @eduardof5-r4t
    @eduardof5-r4t 4 місяці тому +1

    Muito bom o conteúdo.

  • @AdreiaBOrges
    @AdreiaBOrges 5 місяців тому +1

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

  • @marcosv368
    @marcosv368 5 місяців тому +1

    Top de verdade, obrigado por tudo professor!

  • @UXDesire
    @UXDesire 5 місяців тому +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 !

  • @mensagemdosenhorilustrada
    @mensagemdosenhorilustrada 5 місяців тому +1

    Top. Parabéns .Continue com estes projetos

  • @capozzoliify
    @capozzoliify 4 місяці тому +1

    Mais projetos pára nois praticar!

  • @duanesamuel4919
    @duanesamuel4919 5 місяців тому +1

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

  • @marianamartins2956
    @marianamartins2956 5 місяців тому +1

    Aula maravilhosa

  • @gleluis15
    @gleluis15 5 місяців тому +1

    Mais um projetinho top. Wlw Professor 👏🏻

  • @viniciuspereira6039
    @viniciuspereira6039 5 місяців тому +2

    Mais projetos como esse muito topp mano

  • @thiagosoares5052
    @thiagosoares5052 5 місяців тому +1

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

  • @IGNACIOMALESSA
    @IGNACIOMALESSA 3 місяці тому

    Ó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  3 місяці тому

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

  • @jorgeluizcamposmelo3844
    @jorgeluizcamposmelo3844 4 місяці тому +2

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

  • @EmelsonMuquissi
    @EmelsonMuquissi 5 місяців тому +1

    Muito Bom 👏👏

  • @AdrianaDrikaFraga
    @AdrianaDrikaFraga 5 місяців тому +1

    Grande!! Grata 🙏👏👏

  • @enzo-6655
    @enzo-6655 5 місяців тому +1

    Sensacional

  • @JosivaldoL.R
    @JosivaldoL.R 5 місяців тому +1

    muito bom seu videos

  • @filipealves7126
    @filipealves7126 2 місяці тому +1

    Professor TOP

  • @janedeispraca1102
    @janedeispraca1102 5 місяців тому +2

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

  • @leonardocardoso884
    @leonardocardoso884 5 місяців тому +1

    Maravilhoso

  • @Tais-santos
    @Tais-santos 5 місяців тому +2

    Rodolfo,mais projetos com react.

  • @Eliasafe_dev
    @Eliasafe_dev 5 місяців тому +2

    projeto brabo

  • @paulussanctus2761
    @paulussanctus2761 5 місяців тому +2

    Sugestão: fazer um CRUD. Obrigado

  • @LeviSoares-m1i
    @LeviSoares-m1i 5 місяців тому +1

    Muito top

  • @decaastro96
    @decaastro96 5 місяців тому +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  5 місяців тому

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

  • @wellyngtongoncalves9599
    @wellyngtongoncalves9599 5 місяців тому +1

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

  • @Paul0-Cardos0777
    @Paul0-Cardos0777 5 місяців тому +1

    Show

  • @AntónioManuelDosSantos-v7z
    @AntónioManuelDosSantos-v7z Місяць тому +1

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

  • @robertofilho7932
    @robertofilho7932 5 місяців тому

    Rumo aos 500k

  • @josiascordeiroful
    @josiascordeiroful 5 місяців тому +1

    Projeto com node e com React e Native

  • @cleberfeitoza4854
    @cleberfeitoza4854 3 місяці тому

    Faaaaala Rodolfo top de mais seus vídeos cara muito bom já aprendi muitas coisas com vc, mais me tira uma duvida no final do vídeo onde vc codificou os botões para que os imagens viessem da direção respectiva ao botão selecionados a um pequeno detalhe, onde vc clica no botão e ele vem da direção oposta uma vez e em seguida ele se corrige automaticamente teria como solucionar esse problema?

    • @canaldevclub
      @canaldevclub  3 місяці тому

      TUdo tem jeito de arrumar kkkk Vou dar uma olhadinha no que você ta falando, que não me recordo!

  • @guhreis7736
    @guhreis7736 2 місяці тому +1

    Seria legal se vc disponibilizace pra nois treinar com proprio model

  • @durodrigues0704
    @durodrigues0704 5 місяців тому

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

  • @jorgeluizcamposmelo3844
    @jorgeluizcamposmelo3844 4 місяці тому +1

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

  • @isabellagouveias
    @isabellagouveias 5 місяців тому +1

    Sugestão: projetos em angular 17

  • @jubisninha
    @jubisninha 5 місяців тому +1

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

    • @canaldevclub
      @canaldevclub  5 місяців тому

      rodolfomori.typeform.com/devclub-espera

  • @AbeljorgeSouza
    @AbeljorgeSouza 3 місяці тому +1

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

  • @carlosgomes8323
    @carlosgomes8323 3 місяці тому

    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  3 місяці тому +1

      Opa, vou criar um conteúdo sobre isso!

  • @allananderson658
    @allananderson658 5 місяців тому +1

    Já me inscrevi e estou comentando também pra contribuir. Me responde uma coisa: você acha que dá pra ganhar dinheiro só com HTML, css, e javascript? Pq as vagas que vejo é um montão de habilidades que a pessoa tem que ter! Eu nunca vi uma vaga, tipo: pra pessoas com habilidades em HTML, css e javascript. Me responde aí

    • @canaldevclub
      @canaldevclub  5 місяців тому

      Assiste esse vídeo
      ua-cam.com/video/1Em5taiQoKs/v-deo.html&lc=Ugwl3q1-mrnnEi2ebG54AaABAg

  • @maikelsouza4920
    @maikelsouza4920 5 місяців тому +1

    Posso usar esse projeto pra fazer outros esse serve de modelo?

  • @familia.semente3
    @familia.semente3 Місяць тому +1

    Javascript,Php,react

  • @igjunio
    @igjunio 3 місяці тому +1

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

  • @guilhermemartins5943
    @guilhermemartins5943 5 місяців тому +1

    Teria o link para que possamos ver os códigos/estrutura desse projeto?

  • @Limitesem
    @Limitesem Місяць тому +1

    bom

  • @davidfrancisco5412
    @davidfrancisco5412 3 місяці тому

    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  3 місяці тому +1

      github.com/rodolfomori/fp-project

  • @davidm.1263
    @davidm.1263 3 місяці тому +3

    Amigão, onde voce consegue essas imagens?

    • @canaldevclub
      @canaldevclub  3 місяці тому

      ibb.co/album/BnWNgx

    • @gabrielmoraes275
      @gabrielmoraes275 3 місяці тому

      Como fazer imagens iguais a essa me responde pfffff

    • @davidm.1263
      @davidm.1263 3 місяці тому

      @@canaldevclub não brother, eu quis dizer: “você que faz essas imagens? Ou consegue elas em algum site específico?”

    • @mauriciomagarelli1030
      @mauriciomagarelli1030 2 місяці тому

      queria saber como baixar no mesmo formato... so conseguir baixar copiando a URL e convertando pra png. quando joguei no HTML ficou em outra dimensão, ficou gigantesca... alguém da uma força?

  • @thiagodcsantos
    @thiagodcsantos 4 місяці тому +1

    Fala mestre blza. Quanto cobrar mais ou menos por uma aplicação dessa modificada.

    • @canaldevclub
      @canaldevclub  4 місяці тому +1

      Olha, eu cobraria de 500 á 1000 reais

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

      Muito obrigado. Vcs estão de parabéns. ❤️

  • @mikaellynagazaki
    @mikaellynagazaki 5 місяців тому +1

    Queria muito esse código completo pfvr

  • @LuanBressanin
    @LuanBressanin 5 місяців тому

    Otimo video prof, disponibiliza as imagens pra nos plss

  • @IsraelMiguel-d6i
    @IsraelMiguel-d6i 5 місяців тому +1

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

  • @foco.e.metas.
    @foco.e.metas. 2 місяці тому +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  2 місяці тому

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

  • @zpandoraG0LDz
    @zpandoraG0LDz 3 місяці тому

    Rodolfo, como que faz pra aumentar o tamanho daquelas letras de cima? (Home, carros e fale conosco)?

    • @reuelsiIva
      @reuelsiIva 3 місяці тому

      no css header nav ul li {
      font-size: ;
      }

    • @canaldevclub
      @canaldevclub  3 місяці тому

      Isso ai, só aumentar o font-size

  • @claHize
    @claHize 3 місяці тому +1

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

    • @canaldevclub
      @canaldevclub  3 місяці тому

      github.com/rodolfomori/fp-project

  • @gabrielmoraes275
    @gabrielmoraes275 2 місяці тому +1

    As imagens que você usou possuem exatamente a mesma dimensão? Estou tentando usar outras imagens mas não está dando certo e acredito que possa ser por conta das dimensões

    • @canaldevclub
      @canaldevclub  2 місяці тому

      ideal é ter as mesmas dimensões. Mas da pra controlar isso com css tb

  • @thiagohenssuchi7619
    @thiagohenssuchi7619 4 місяці тому +1

    kkkk brabo, só o editor que ignorou os trechos dos vds q vc foi pedindo no video kkk