Analisando 3 PORTFÓLIOS [FRONT-END]
HTML-код
- Опубликовано: 1 окт 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/JPLK...
🎁DESCONTO para o Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.co...
🎁DESCONTO para o Curso do Figma ao código. O Design de Interfaces web completo
serfrontend.co...
🌟 Links comentados no vídeo e outros interessantes 🌟
LIVROS, COMPUTADORES E PERIFÉRICOS QUE INDICO
www.amazon.com...
🔴 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
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
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
📺 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 /...
✅ 1ª Análise de portfolios ao vivo
ruclips.net/user/li...
✅ Análise de PORTFOLIO: Dessa vez o FRONT-END de um DEV BACK-END. Será que deu BOM?
• Análise de PORTFOLIO: ...
✅ 5 MOTIVOS para o PROGRAMADOR FRONT-END aprender FIGMA
• 5 MOTIVOS para o PROGR...
✅ ANÁLISE DE PORTFOLIO + TUTORIAL SURPRESA
• ANÁLISE DE PORTFOLIO +...
✅ ANÁLISE DE PORTFOLIO DE ALUNO
• ANÁLISE DE PORTFOLIO D...
✅7 DICAS para criar seu PORTFOLIO de PROGRAMAÇÃO
• 7 DICAS para criar seu...
✅ ANÁLISE DE PROJETO: Por que o design UI/UX é essencial para o sucesso do seu projeto digital
• ANÁLISE DE PROJETO: Po...
✅ Analisando DESIGN de portfolio de iniciante
• Analisando DESIGN de p...
✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
• Como criar PÁGINAS WEB...
✅ 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...
✅ Analisando DESIGN de portfolio de iniciante
• Analisando DESIGN de p...
✅ 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...
08:03 Primeiro projeto
37:10 Segundo projeto
01:02:06 Terceiro projeto
muito obrigado pela força. abração
Fico muito feliz por ter avaliado meu portfólio e bastante agradecido pelas dicas de ouro! Seu curso foi de extrema importância para o meu desenvolvimento, abraços mestre.
Irmão, ficou muito bom. Parabéns!
No botão fale comigo, eu imaginei um botão de background transparente e uma borda de mais ou menos 3px #FFF, a fonte em negrito e capslock, utilizando também um letter-spacing de 2px. Se quiser testar aí e me dizer o que achou, ficaria grato. Abraço!
eu que agradeço pela confiança. Valeu mesmo
Valeu professor.
Muito obrigado por avaliar meu portfólio.
Críticas e sugestões anotadas para as devidas melhorias.
Muito show.
Abraços.
Tmj
Prof. Daniel, em um dado momento você fala que o site rodou mais tranquilo por não usar um "react da vida". Me tire uma dúvida por favor: o react não deveria rodas mais liso, visto que ele utiliza o mecanismo de SSR?
Estou certo? React é melhor para otimização das páginas?
Boa pergunta. Mas na verdade, o React renderiza do lado do cliente, e não no servidor. Se você quer que a sua aplicação React renderize os componentes do lado do servidor, precisa de alguma outra ferramenta extra como o Next ou Astro.
Como seria uma forma eficiente de resolver o problema apresentado a partir de 52:40 para quem usa React/Next/e-por-aí-vai apresentar um código-fonte bem montado para SEO, por favor? Gostaria de entender melhor... Se tiver um vídeo aqui no canal que detalha bem isso, melhor ainda!
O next já faz isso. Com o next os componentes podem ser renderizados no back-end, e não no front-end
@@serliv obrigado, tinha me esquecido desse detalhe (e comentei enquanto estava no ônibus, não consegui ver a documentação toda na hora da dúvida e havia o risco de me esquecer de procurar quando chegasse em casa). Vou ler com mais calma sobre os aspectos de server-side rendering do Next.
Acho que um portfólio mais básico, com algumas poucas animações e um estilo próprio pode se sair melhor do que colocar muita coisa
dependendo da proposta, pode até ser uma página bem animada... tudo depende do projeto e do propósito de cada coisa dentro de uma página. Mas concordo que, animar por animar, sem um planejamento, pode ser ruim mesmo Obrigado pela contribuição
Ola a todos. Meu pitaco de iniciante
12:25 colocaria o efeito de perspectiva quando entrasse e depois deixaria o texto reto pra leitura😊
Valeu Thomas. Muito obrigado pela ajuda
Prof. Daniel, suas dicas foram excelentes. Parabéns pela live.
Muito obrigado aluno Aristeu hahahaha
5:33 meu sonho quando for idoso é ter uma barba grande que nem a do Dumbledore.
hahahaha. o meu tb. to batalhando pra isso
Mais alguém de Rondônia?
Caso o Rodrigo pires veja essa mensagem, coloca um overflow-x: hidden no body, o site tá com um overscroll na horizontal. Mas fora isso, o portfólio tá bom!
Opa. Muito obrigado por acrescentar. Não tinha reparado. Mas nesse caso, o ideial mesmo, seria identificar o elemento que está causando o scroll horizontal e corrigi-lo
Ótima dica.
Muito obrigado pelo feedback amigo.
Abraços.
Oh louco, o professor me respondeu, zerei a vida kkkk
@@digo0203ify De nada, Rodrigo✌️
@@matheusrodriguesaraujo6979 hahahaha té parece
Muito massa o vídeo! Curti bastante! Só achei que o áudio ficou muito baixo.
Opa. Muito obrigado pelo feedback. valeu mesmo
Fala professor!
Quais os requisitos mínimos, para poder correr atrás de um estágio??
sou estudante de ADS e faço curso de algumas ferramentas pelo youtube!
Obg pela atenção!
Oi Allyson. Se for estágio de front-end, eu iria sugerir o fundamental (HTML, CSS e Javascript), além de git/github, typescript e uma lib como o React, que acredito ser a mais pedida no mercado. Mas o ideal mesmo é você analisar os requisitos das vagas na região que vc quer trabalhar. procure por exemplo no linkedin, apinfo e lovemondays, além de uma série de outros sites que existem para esse propósito
@@serliv obrigadoooo!
Sua barba tá bem massa!
Pq que no primeiro caso do Rodrigo ele colocou engenharia de software se ele faz ads ?
Não me atentei à isso. Mas não sei se é tão crítico (realmente eu não sei. Não é a minha opinião, mas sim falta de conhecimento dessas nomenclaturas). Por exemplo: aqui em portugal eu fui contratado pra ser engenheiro sendo que minha formação é de design gráfico hahahah
Caramba kkkkkkk um dia eu vou conseguir também !!
Blz brother!
Porque no portal da FIAP existem cursos com certificações para quem faz o tecnólogo.
Além de fazer o tecnólogo, estou também fazendo esses cursos.
Abraços.
Entendi amigo obrigado por esclarecer pra mim se soubesse antes eu teria feito igual
Porque não há essa diferenciação lá fora. O que se tornou um curso em nossa região são apenas especializações que você segue dentro da Engenharia ou Ciência da Computação. Isso também ocorre na Medicina. Um exemplo clássico são os dentistas. Em resumo, você se tornará um engenheiro de software, independentemente do curso que escolher, pois eles são apenas ramos dentro de uma área.