REAGINDO A 3️⃣ PORTFOLIOS
HTML-код
- Опубликовано: 4 июл 2024
- 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/JPLKuhYs6o248ZKK8
No vídeo de hoje eu vou analisar 3 portfólios diferentes. Espero que esse tipo de avaliação ajude a melhorar ainda mais os projetos de vocês.
URLs
lucasdeveloper.netlify.app/
ivanlima-porfolio.netlify.app/
luckasmatos-portfolio.netlify...
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 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 /...
🎁 [ATUALIZADO] CURSO WEB DESIGN FRONTEND COMPLETO HTML + CSS + Javascript
serfrontend.com/cursos/web-fu...
✅ REFAZENDO Portifólio de Iniciante
• REFAZENDO Portifólio d...
✅ Análise de portfolio FRONT-END
• Análise de portfolio F...
✅ ANÁLISE DE PROJETO: Por que o design UI/UX é essencial para o sucesso do seu projeto digital
• ANÁLISE DE PROJETO: Po...
✅ Analisando Portfolio de Iniciante em FRONT END - parte 06
• Analisando Portfolio d...
✅ 4 Sites para praticar HTML e CSS
• 4 Sites para praticar ...
✅ 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...
✅ 2 PORTIFÓLIOS (FRONT-END) INCRÍVEIS analisados juntos. Só vem.
• 2 PORTIFÓLIOS (FRONT-E...
✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
• Como criar PÁGINAS WEB...
00:00 Introdução
01:50 Não avalio esse tipo de trabalho
03:00 Análise do portfólio 1
14:24 Análise do portfólio 2
27:24 Análise do portfólio 3
49:51 Conclusão 
Наука
Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.com/cursos/web-fundamentos-html-css/index.html
Curso Javascript Completo:
serfrontend.com/cursos/javascript-completo/index.html
Outros links que podem ser interessantes:
Blog: serfrontend.com/blog/
Meus cursos: serfrontend.com/cursos/
Canais em redes sociais:
Twitter: twitter.com/serlivcursos
Linkedin: www.linkedin.com/in/serliv
Instagram: instagram.com/serlivcursos
Facebook: facebook.com/serlivcursos
Instrutor: Daniel Tapias Morales
Twitter: twitter.com/tapmorales
Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
Medium: medium.com/@tapmorales
Github: github.com/tapmorales
Esses vídeos de analise de portifólio são maravilhosos. Muitas dicas valiosas pra quem tá começando.
Muito obrigado pela mensagem. Se puder compartilhar, agradeço demais
Pra quem esta atento esses vídeos são praticamente um consultoria de graça
Sobre o segundo portfólio, eu sempre segui a premissa do "menos é mais": ter uma interface mais limpa, sem esse tanto de efeitos, acaba sendo mais agradável ao usuário.
Show. Muito obrigado por compartilhar. Abraços
mano acredito que depende, tipo nesse caso ai esses efeitos estão "jogados", se for objetivo acho que agrega.
Esse quadro é muito bom, não vejo o dia do meu portfolio ser analisado! Top professor! (:
Valeu Amaury. Na descrição desse video tem um form para preencher. Agora estou centralizando nesse google forms para selecionar os projetos. Abração
Daniel, eu não acho que você é exigente demais não. Eu acho que o seu nível de exigência é proporcional ao objetivo do vídeo. Que é fazer uma análise de portfólio. Se for para analisar o portfólio só fazendo elogios, nós vamos aprender o que?
Se for para ganhar elogio, eu mostro o projeto para minha mãe. Ela vai adorar! Vou ganhar até beijo!
Eu gostaria que um profissional como você analisasse o meu portfólio para achar defeitos e dar sugestões de melhorias. Se não a analise não serve pra nada.
Eu noto que você sempre analisa portfólios front-end. Eu nunca vi você analisar um portfólio back. Eu sou desenvolvedor back e assisto o seu canal para aprender a fazer um portfólio para mim. No dia que ficar pronto, se você for analisá-lo, espero que não perca um segundo com elogios. Cada elogio é uma sugestão de melhoria que deixa de ser feita. E ai, levará quantos anos para eu ter meu trabalho submetido novamente ao escrutínio de um profissional como você?
Muito obrigado pelo feedback. Na descrição desse vídeo tem um form pra submeter o seu trabalho. Manda lá por favor. Mais uma vez, muito obrigado pela mensagem
Eu tô achando show. Em breve vou mandar o meu também e espero ser analisado. Mas só de assistir já ajuda muito as contribuições do senhor. Obrigado ♥
To começando por agora a criar sites. Já estou aplicando as dicas dos vídeos anteriores e assim que criar o meu portfólio eu vou mandar pra você. Seria uma honra.
cara que dahora, que aula, obrigado pelo conteúdo, eu vou chegar lá também! achei o último portifólio muito legal!! parabéns!!
Muito obrigado pela mensagem
Gostei dos comentários, isso faz com todos nós possamos refletir na melhoria da semântica.
Valeu Fernando
Muito top os portfólios ! Ansioso para ver o meu kkk
Muito obrigado Rafael. Na descrição desse vídeo já um form pra preencher. Dê uma olhada lá, por favor
Obrigado mestre por analisar meu portfólio!!! Ainda estou iniciando na programação e suas dicas (principalmente quanto a acessibilidade e ceo) vão me ajudar muito nos próximos projetos.
Aproveitando.. Todas as letras da logo são a mesma fonte, acho que pegou pesado nessa.. 😅😅😅
E quanto ao "tempo de desenvolvimento" dos projetos eu concordo contigo, acho que não acrescenta em muito..
Novamente agradeço o apoio, grande abraço!!!
Realmente com relação ao logo eu acho que exagerei 🤣🤣🤣🤣 Mas só pra vc ver o tamanho da minha chatice. Com relação ao logo da Serliv, eu usei a fonte Istok, mas transformei em curva pra mudar o desenho da letra L e mudei a posição do pingo da letra i kkkk. Com relação à analise, fico feliz que tenha ajudado. Forte abraço
Nesse video pegou pesado com os portifolios em😂, mas otimas analises, excelentes dicas e pontos a se atentar.
Vou pegar mais leves nos próximos 🤣 muito obrigado pela mensagem
22:40 mano, eu ri mto aqui: "que que é isso? é um virus?" faz um short disso vei hahahahah
Hahahaha. Boa. Valeu Israel
Valeu, Daniel!! Sou o autor do segundo portfolio a ser avaliado nesse vídeo! Agradeço muito a atenção desde o linkedin e principalmente, o respeito ao avaliar e dicas passadas!
E recomendo a todos fazerem um portfolio do zero, para crescerem com as dificuldades encontradas, desde o design até aplicar os menores detalhes!
Abraços!
Muito bom Ivan. Eu peguei seu portfolio justamente pq vi que vc não tinha feito ctrl c ctrl v, o que pra mim tem muito valor. Parabéns mais uma vez
@ivanlima7996 cara como se chama essa animação, em que o nome das tecnologias ficam passando para o lado? e parabens pelo projeto
@@lucasgoncalves3850 eu fiz com transform mesmo. Apenas movimentando pela tela
Acho essencial que você traga esse senso crítico sobre os princípios do design e as heurísticas para os devs front, pois o visual é algo que chama a atenção antes de qualquer código.
Muito obrigado pelo seu feedback. Muito obrigado mesmo. Forte abraço
Suas críticas construtivas servem como aprendizados para nós !
Esse é o intuito Jackson. Muito obrigado pelo feedback
40:15 “tava bom, agora ficou meio ruim também, não tava muito bom, agora parece que piorou” so me veio esse meme na cabeça kkk
huahuahuahua verdade... 🤣🤣🤣🤣🤣🤣
No portfólio do Ivan Lima eu não entendi o botão Ver Prévia 🤔🤔
Ótimas analises, quem cobra é porque, sabe que esta cobrando de quem é capaz.
Só uma opinião, quando constatar um erro, como o da Logo no portfólio do Lucas Matos, que não reduzia o tamanho conforme o layout, dá uma dica rápida de como resolver o problema
Muito obrigado pela sugestão
Deixando o 👍
O curso do professor Daniel é um dos melhores na udemy.
Abraços.
Nossa. Muito obrigado 😊
Mano, que trampo isso de rever trabalhos... 🔥
Opa. Muito obrigado ☺️
O caso do D cortado pode realmete ter sido desatenção dele, mas se fosse um D projetado pra aproveitar espaço negativo não estaria errado do ponto de vista gráfico (desde que a letra continuasse acompanhando o raciocínio de acordo com a resolução sem perder o sentido)...
A parte das animações lá se abrir num PC bucha ele da tela azul na hora kkkkk
E assim, as críticas são VALIOSISSIMAS, mas acho que tem um pouco desse problema do pessoal acima do consenso quase tanto quanto o contrário e isso acaba prejudicando um pouco a validação de alguns pontos...
Professor, fala sobre o Bun js e como ele é comparado ao Node js 🙏
Eu não creio que irá substituir o node. Normalmente espero mais um pouco pra olhar pra essas tecnologias. De qualquer maneira, muito obrigado pela sugestão
Sobre o react na pagina inicial, seria viavel colocar o conteudo sem nenhuma esterilização e depois sobreescrever com react?
Falo isso Pq o proprio motor de busca usa js
Não sei se precisa tanto. É uma abordagem, claro, mas acho que teria mais contras do que prós, por exemplo, quando for dar manutenção na página. E o motor de busca, assim como outros apps (exemplo: facebook, instagram, twitter etc) não precisam se preocupar com isso, pois o conteúdo não precisa ser "encontrável". Mas no caso de uma página (ex: um site institucional, um blog, uma landing page de venda de um produto) é interessante deixar o HTML estático. Mas não significa que não pode usar o React. Mas ao invez de renderizar no browser, renderiza no servidor e manda o HTML pronto para o cliente.
Gostei da ideia do portifolio ta no display do pc e no cel, como que tu faz isso?
Eu mostrei em outro video aqui no canal. Procure no youtube "Serliv como abrir localhost no celular"
@@serliv, não fui muito claro, estou falando do portifolio_1 quando ele mostra os projetos que ele ja realizou ele meio que fez uma arte no photoshop mostrando o projeto como se estivesse rodando em um notebook e em um cel 4:23 o projeto de fundo vermelho
@@le314u saquei. O nome disso é mockup. Deve haver vários sites que fazem isso. Quando eu preciso desse tipo de coisa, eu uso algum plugin do figma. Se buscar aqui no youtube plugin figma mockup deve achar um monte. Abração
vc ta sendo profissioal uma coisa meu pc nao roda o NODE.JS ñ tem nenhm ccolab
estranho nao rodar. normalmente é só instalar do site oficial
@@serliv fiz isso ea resp foi no KDE so tem a v-12
Não consigo te ajudar@@luisstraatmann8746 sorry. Precisa mesmo dar uma pesquisada
q surra de conhecimento, nao sei se fico assustado ou entusiasmado.
Por favor. Diga que entusiasmado. Não quero desmotivar ninguém, muito pelo contrário, quero que vcs produzam produtos cada vez melhores
@@serliv foi um mix mt daora, to mt motivado pois tenho tanta coisa pra aprender.
Professor Bom dia! Professor sou seu aluno de Curso HTML, CSS e JavaScript. Deste modo, gostaria de pedir um vídeo, sobre livros que atualmente recomenta para iniciantes. Eu estudo as aulas mas sinto necessidade de ler livro nos tempos vagos para manter aquecido o aprendizado. Se eu for atendido agradeço. Quem sabe pode ajudar outros também com este pensamento. Forte Abraço! SérgioLuiz ManausAmazonasBrasil.
Muito obrigado pela sugestão
A foto do Lucas Ribeiro aparece aos 5:30 do vídeo, não foi a URL mas a imagem dele apareceu.
Bem observado. Muito obrigado
40:02 me lembrou a Dilma 😂
O segundo portfólio é inspirado no site da Adidas.
Boa. Suspeitei desde o princípio kkk
Pensei a mesma coisa! rs
Pior que não foi kkkk fui fazendo do zero no figma e mexendo conforme dava na telha. Só tinha uma ideia inicial na cabeça e fui rabiscando por lá kkk
boa@@ivanlima7996 É assim que começa. Parabéns por ter saído do senso comum (um grande avanço)
Meu caro serliv, seus vídios são bons, acho que você teria muito mais visibilidade se fosse dividido em 3 partes, pois 50 mins é muita coisa, é apenas minha opinião, mas ótima analise!
muito obrigado pelo feedback Jose. Forte abraço
Poderia fazer videos de reviews com mais projetos mas aí você mais superficialmente. “Isso aqui não ficou bom, melhor fazer assim”, daí você não explica detalhadamente.