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

[@canaldevclub]

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

[@anddremarcelino3816]

Muito obrigado meu amigo Deus te abençoe muito.

[@vittopayver]

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

[@Eliabedasilvamascarenhassantos]

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

[@marcusgarim]

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]

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

[@Everaldobass]

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

[@canaldevclub]

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

[@josiemeneses8522]

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]

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

[@noanalmeida3341]

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

[@canaldevclub]

Muuito obrigado!

[@alexoliveira1947]

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]

Fico feliz em saber mano, tmjj

[@jeanmaicon0607]

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

[@daianyday481]

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

[@canaldevclub]

Muito obrigado vc!

[@rodolfih]

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.

[@canaldevclub]

kkkkkkkkkkkkk TMJ irmão

[@LucasCunha-v7i]

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

[@r3msolucoesdigitais34]

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

[@canaldevclub]

Tmjj

[@SamuelSantos-xs2pr]

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

[@canaldevclub]

Tmjjj

[@kaiqueoliveira4448]

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

[@canaldevclub]

Obrigado mano!

[@canalguss]

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

[@gleissoncalebe2259]

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

[@thalesaugustoeuzebioalvesd4117]

up

[@eduardohenrique1095]

up

[@memgood8683]

Sempre trazendo os melhores projetos

[@canaldevclub]

Valeu irmão!

[@Marcelo-gn7xf]

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

[@canaldevclub]

Eu que agradeço

[@capozzoliify]

Mais projetos pára nois praticar!

[@escavacaoacida]

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

[@canaldevclub]

Tmjjj

[@acinfo33]

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

[@canaldevclub]

Muito obrigado!

[@Diney-k7t]

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.

[@canaldevclub]

Anotado!

[@oficialgabriel6601]

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

[@bk6934]

Muito bom, continua fazendo vídeos nesse estilo 👏

[@canaldevclub]

Valeu!

[@thiagomacedo4191]

Muito bacana Rodolfo, na parte de CSS aprendi muita coisa

[@viniciuspereira6039]

Mais projetos como esse muito topp mano

[@kaiogabriel3768]

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

[@llbarros7983]

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

[@canaldevclub]

Booa, tmj

[@wocwoc]

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

[@canaldevclub]

Booa, tmjj

[@wocwoc]

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

[@rafaelfaruel6463]

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

[@canaldevclub]

Fico feliz em saber, tmjj man

[@dibrasul6528]

Nossa,esse prometo é massa demais!

[@jorgeluizcamposmelo3844]

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

[@canaldevclub]

Vamos pra cima!

[@joaopaulosantos475]

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

[@canaldevclub]

Anotado!

[@llbarros7983]

esse seria legal

[@noea.oliveira]

Up!

[@davidsyllva]

​@@canaldevclubCom banco de dados noSQL

[@developing01]

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

[@mateuszuck7153]

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

[@fernandoapcr]

cara que fera, por mais projetos assim

[@eunãoaguentoMAIS-n3z]

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

[@canaldevclub]

Faremos!

[@pekenodev]

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

[@christiansanchez2084]

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

[@canaldevclub]

Sugestão anotada!

[@felipedoamaral1205]

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

[@jao934]

Brabo, Mori! gratidão pelo projeto!

[@canaldevclub]

Tmjj

[@alveseverton]

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

[@canaldevclub]

Opa, que bom q gostou

[@FB3Crazygames1234567]

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]

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

[@fogplayerr]

vc é muito bom no que faz

[@canaldevclub]

Obrigado man!

[@pernafriston]

Rodolfo quero mais projetos para ficar praticando mais

[@canaldevclub]

Anotado! Tmj

[@mensagemdosenhorilustrada]

Top. Parabéns .Continue com estes projetos

[@bielxsfps]

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

[@marcosv368]

Top de verdade, obrigado por tudo professor!

[@eliana59324]

rodolfo adorei sua explicação😊

[@canaldevclub]

Tmjj

[@Tais-santos]

Rodolfo,mais projetos com react.

[@gleluis15]

Mais um projetinho top. Wlw Professor 👏🏻

[@duanesamuel4919]

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

[@filipealves7126]

Professor TOP

[@canaldevclub]

Tmjj

[@AdreiaBOrges]

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

[@eduardof5-r4t]

Muito bom o conteúdo.

[@canaldevclub]

Muito obrigado

[@luizviana7176]

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

[@thiagosoares5052]

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

[@canaldevclub]

Tmjjj

[@UXDesire]

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 !

[@IGNACIOMALESSA]

Ó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]

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

[@marianamartins2956]

Aula maravilhosa

[@canaldevclub]

Obrigado 😃

[@janedeispraca1102]

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

[@canaldevclub]

Boaaaaa

[@AdrianaDrikaFraga]

Grande!! Grata 🙏👏👏

[@canaldevclub]

Obg!

[@AbeljorgeSouza]

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

[@JosivaldoL.R]

muito bom seu videos

[@canaldevclub]

Valeuu, tmj

[@EmelsonMuquissi]

Muito Bom 👏👏

[@canaldevclub]

Valeuu, tmj

[@wellyngtongoncalves9599]

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

[@paulussanctus2761]

Sugestão: fazer um CRUD. Obrigado

[@canaldevclub]

Sugestão anotada!

[@MateusCoimbra-ub7yt]

queremos todo

[@jorgeluizcamposmelo3844]

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

[@canaldevclub]

HAHAHAHA BOA

[@foco.e.metas.]

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]

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

[@Eliasafe_dev]

projeto brabo

[@canaldevclub]

Valeu mano!

[@guhreis7736]

Seria legal se vc disponibilizace pra nois treinar com proprio model

[@AntónioManuelDosSantos-v7z]

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

[@enzo-6655]

Sensacional

[@canaldevclub]

Valeuu, tmj

[@leonardocardoso884]

Maravilhoso

[@black_snake9353]

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

[@canaldevclub]

Veja se está igualzinho o meu

[@davidfrancisco5412]

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]

github.com/rodolfomori/fp-project

[@decaastro96]

Ó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]

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

[@RogerAntonio-g6]

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?

[@carlosgomes8323]

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]

Opa, vou criar um conteúdo sobre isso!

[@jubisninha]

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

[@canaldevclub]

rodolfomori.typeform.com/devclub-espera

[@LucasLima-d2z]

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

[@EriveltonBrasilBatista]

Meu deu um erro nesta linha do js let items = container.querySelectorAll(".list .item")

[@canaldevclub]

Me chama no insta q eu t ajudo

[@josiascordeiroful]

Projeto com node e com React e Native

[@davidm.1263]

Amigão, onde voce consegue essas imagens?

[@canaldevclub]

ibb.co/album/BnWNgx

[@gabrielmoraes275]

Como fazer imagens iguais a essa me responde pfffff

[@davidm.1263]

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

[@mauriciomagarelli1030]

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?

[@EvilEmperorBR]

um pequeno adentro , quando eu estava utilizando o "&" ficava dando muito erros, e fui no chat gpt pedir informações e correções e essa foi a mensagem que ele informou: "Corrigi os seletores & que estavam sendo usados erroneamente no CSS. Eles são parte da sintaxe do pré-processador Sass, mas não funcionam em CSS puro. Agora, cada seletor é especificado corretamente." ps: talvez tenha sido algo que eu fiz errado, mas resolvi não colocar sempre o "&"

[@canaldevclub]

E ai, no CSS mais moderno ele já entende & mesmo sem o SASS

[@LeviSoares-m1i]

Muito top

[@canaldevclub]

Valeu irmão!

[@IsraelMiguel-d6i]

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

[@robertofilho7932]

Rumo aos 500k

[@canaldevclub]

Boraaa pra cima!

[@claHize]

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

[@canaldevclub]

github.com/rodolfomori/fp-project

[@isabellagouveias]

Sugestão: projetos em angular 17

[@canaldevclub]

Anotado!

[@zpandoraG0LDz]

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

[@reuelsiIva]

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

[@canaldevclub]

Isso ai, só aumentar o font-size

[@cleberfeitoza4854]

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]

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

[@guilhermemartins5943]

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

[@canaldevclub]

Me chama no insta q t mando

[@mauriciomagarelli1030]

Estou fazendo o projeto pelo not, e não esta ficando do mesmo jeito, as medidas e os tamanhos, principalmente das fotos... e por causa da RESPONSIVIDADE ? alguem pode me ajudar?

[@canaldevclub]

Sua tela deve ser menor que a minha!

[@GabrielMoraes-bw8bb]

Ola Rodolfo, eu estou fazendo passo a passo, igualzinho voce esta fazendo. mais eu não sei o motivo que o site não esta mais atualizando as coisas que adiciono pelo VScode. Voce poderia me ajudar por favor???

[@canaldevclub]

Cara, reinicia o computador..deve funcionar rsrs

[@igjunio]

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

[@adilsonlima725]

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

[@familia.semente3]

Javascript,Php,react