Reagindo ao FRONT-END de um Projeto "Clone" de um Aluno
HTML-код
- Опубликовано: 1 окт 2024
- Analisando o Clone de Projeto Real: Revisão de Código HTML e CSS do Aluno:
Victor Hugo Alves Pinheiro
🔗 / victoralsp
🔗 github.com/vic...
No vídeo de hoje, faço uma análise detalhada do código Frontend de um aluno que decidiu replicar um projeto real por conta própria. Vamos explorar juntos os acertos, erros e oportunidades de melhoria neste projeto clone.
📌 O que você vai ver neste vídeo:
- Revisão completa do código HTML e CSS
- Dicas valiosas para melhorar a estrutura e o design
- Comentários sobre boas práticas e otimização
- Sugestões para evoluir como desenvolvedor
🌟 Se você é um iniciante ou está buscando aperfeiçoar suas habilidades em desenvolvimento web, este vídeo é perfeito para você!
🔔 Inscreva-se no canal e ative as notificações para não perder nenhuma análise e dica nova!
Deixe seu comentário abaixo com suas dúvidas e sugestões. Vou adorar ajudar você nessa jornada!
#RevisaoDeCodigo #HTML #CSS #JavaScript #DesenvolvimentoWeb #ProjetoClone #AnaliseDeCodigo #AnaliseDeProjeto #frontend
---
Se você gostou deste vídeo, não esqueça de deixar um like 👍 e compartilhar com seus amigos que estão começando na programação.
📙[BAIXE AGORA] E-BOOK 100% GRÁTIS
10 Dicas de Refatoração de Ccódigos com Javascript: Aprenda a Elevar seu código Javascript para outro patamar
É só me pedir no meu whatsapp
(+351) 966 538 588
📙[Adquira o E-book]
50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
go.hotmart.com...
📚🖥️🖱️Livros, Computadores e Periféricos que indico🖱️🖥️📚
www.amazon.com... 🫰
Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
/ @serliv
Quer ter o seu #portfolio analisado aqui no canal? Preencha esse formulário
forms.gle/JPLK...
🌟 Links comentados no vídeo e outros interessantes 🌟
Livros sobre programação e algoritmo que eu indico
✅ Entendendo Algoritmos: Um Guia Ilustrado Para Programadores e Outros Curiosos
amzn.to/3HjW3S2
✅ Lógica de Programação e Algoritmos com JavaScript: uma Introdução à Programação de Computadores com Exemplos e Exercícios Para Iniciantes
amzn.to/3SgmM8d
✅ Estruturas de Dados e Algoritmos com JavaScript: Escreva um Código JavaScript Complexo e Eficaz Usando a Mais Recente ECMAScript
amzn.to/3SgN36c
🍕Se for comprar qualquer coisa na Amazon, por favor, use meu link para me ajudar à comprar uma pizza no final de semana amzn.to/3HKFkHN 😊
📺 Playlist VÍDEOS EM DESTAQUE.
• VÍDEOS EM DESTAQUE
📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
• CURSO Web Fundamentos:...
📺 Playlist Análise de Portfolio / Projeto de iniciante
• Análise de Portfolio /...
CURSOS COM DESCONTO DA AMIZADE
🎁 Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.co...
🎁Curso do Figma ao código. O Design de Interfaces web completo
serfrontend.co...
🔴 O que eu eu indico para gravar produzir vídeos:
✅ Logitech BRIO 4K -
amzn.to/3S0FbVh
✅ Microfone Condensador USB Blue Yeti X -
amzn.to/48zZcsW
✅ Microfone Condensador USB com Suporte de Suspensão Blue Yeticaster - amzn.to/4213k2G
✅ Análise de portfolio FRONT-END
• Análise de portfolio F...
✅ Analisando Portfolio de Iniciante em FRONT END - parte 06
• Analisando Portfolio d...
✅ Analisando DESIGN de portfolio de iniciante
• Analisando DESIGN de p...
✅ [CSS] Unidades de medida em vs rem.
• [CSS] Unidades de medi...
✅ O que estudar para conseguir o primeiro emprego como dev front-end
• O que estudar para con...
✅ Minha experiência como programador front-end
• Minha experiência como...
✅ TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
• TUTORIAL CSS GRID. Com...
✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
• Crie interfaces melhor...
✅ FAÇA o seu PORTFOLIO se DESTACAR frente aos demais
• 🤩 FAÇA o seu PORTFOLIO...
✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
• Como criar PÁGINAS WEB...
Oi professor, não sei se o senhor vai ler esse comentário, mas ultimamente venho quase desistindo de programação, justamente por conta de estar trilhando esse caminho e não fazer parte de alguma comunidade. Recentemente eu estou colocando meus estudos em prática fazendo um site pra empresa aonde trabalho (no qual não é uma Soft House) Enfim, sinto que não está um site bonito, estou usando auxilio do chat-gpt e ás vezes me sinto perdido... enfim, recentemente comprei um de seus cursos, o de Front-end, comecei a pouco tempo, estou estudando alguns conceitos do qual eu nunca tinha visto fazendo em outros cursos. Estudo já faz um tempo e até hoje eu não consegui fazer meu portfólio... enfim, é desanimador kkkk DESCULPEM PELO DESABAFO AQUI. Aliás,, a sua didática é incrível
Se seu problema é sentir que seu site não está ficando bonito, não é taaao complicado, primeiramente não sei se está usando o Figma pra prototipar o design mas ele é essencial, e com o uso dele, mais especificamente na comunidade do Figma, você consegue achar milhares de templates de exemplo pra você usar ideias pro seu site, e Front-End envolve criatividade, e prática, aí você pode ver vídeos no RUclips também, etc, não sei se ficou tão claro, mas qualquer coisa diz ae
@@caiojunqueira7754 sim mano, ficou claro sim. Na verdade oq eu sinto um pouco de falta mesmo é uma comunidade, seja no diacord ou em outra plataforma sabe ? Uma comunidade do canal do professor mesmo, ia ser da hora (não sei se já existe)
Olá @@lukedavelyn3138, tem uma comunidade que é até que boa para pessoas que estão na área de frontend, que é o site Frontend mentor, lá além de praticar você também pode conhecer pessoas da área e talvez até formar uma comunidade.
Oi @lukedavelyn3138 Não tenha pressa. Vá com calma. Dê tempo ao tempo. Saiba que todos passaram por isso, ok? Ninguém nasceu sabendo. Assista a esse video aqui que talvez possa ajudar ruclips.net/video/aqrpq1snbUE/видео.html
Se você comprou o curso lá na udemy, numa das primeiras aulas tem alguns links da nossa comunidade, discord, telegram e whatsapp... entra lá
Porque não tem pessoas?
Não é foco do projeto, o que é o my fitness, ele é um app de controle de comida, com ele você controla o seus gastos calóricos, você tem uma lista de alimentos onde você diz o que comeu, e ele te dá a contagem dos macros, se você bateu sua proteína, carbo e etc. Por isso não tem pessoas.
Por mais que ele tenha a parte de exercícios, o foco maior del é CONTROLE DO QUE VOCÊ COME no dia
Isso mesmo. Eu me identifiquei com o projeto por ser dev maromba kkkk 👨💻💪
Tranquilo. Mas quero provocar uma reflexão. Imagine a foto do prato de comida do jeito que está hoje, e ao lado uma pessoa aparentemente saudável, com roupas de academia, com um sorriso no rosto mexendo no celular. Qual converteria mais? Eu realmente não sei, mas é só uma reflexão. Só um teste A/B nos daria essa resposta. De qualquer forma, não participei do projeto, não sei qual a mensagem deve ser transmitida, não fiz reunião de briefing nem nada. Tenho zero contexto. Meu intuito não é criticar, ok? Só provocar uma reflexão. como o aluno quis fazer um clone dessa página, pq não fazer um “clone diferente”? Kkk
muito bom a ideia do aluno em fazer um clone sozinho, parabéns ao aluno e ao professor
Seria legal ter dicas de UX/UI.
Sim. Gostaria além da parte dos códigos que tbm fosse abordado toda esta parte de usabilidade e layout.
Desde já lhe agradeço.
Um abraço professor
Show. Muito obrigado pelo feedback
dicas de desing, é sempre bem vindo..🙏
kkkkk
video top professsor ^^
tmj
Valeu 😀
Parabéns pelo conteúdo!!! Gostaria que você falasse mais sobre esses temas diferentes, até mesmo para ter mais variedades de assuntos no seu canal! Gostei demais do vídeo, sempre trazendo conteúdo de qualidade!
Opa. Muito obrigado Henrique. Farei sim. Valeu
Sim. Visual vende! Quero mais 😁
Valeu Gustavo
Sim, faz parte!
gostei da dica da fonte
Na parte da fonte, sera que ficaria uma boa ela como esta e apenas as partes "boa saude" e "o que você come" com peso de 100 ou 200?
Pode ser sim. Só testando mesmo