Це відео не доступне.
Перепрошуємо.
Melhorias de acessibilidade e performance - Criando portfólio do ZERO - PARTE 9
Вставка
- Опубліковано 8 сер 2024
- Na Parte 9, estamos focando em duas áreas para garantir que o seu site seja acessível e rápido para todos os visitantes.
Utilizamos a ferramenta Lighthouse para avaliar as métricas de desempenho e acessibilidade do nosso site, e neste vídeo, vamos fazer melhorias significativas em nosso site de portfólio.
Link do notion: leovargas.notion.site/Criando...
🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦
• Aprenda a personalizar o vscode
• Aprenda a personalizar...
• Criando o site do Mario
• Criando o site do film...
• Criando o site do guardiões da galaxia
• Aprenda HTML, CSS e Ja...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗
/ discord
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
⮞ Twitch: / leovargasdev
⮞ Instagram: / leuvargas
⮞ Twitter: / leovargasdev
⮞ Github: www.github.com/leovargasdev
⮞ Linkedin: / leonardo-luis-de-vargas
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💻 𝗦𝗘𝗧𝗨𝗣
Notebook Dell (amzn.to/48080ra)
Tela 1: Monitor AOC(amzn.to/3NAJq8L)
Suporte Ergonômico ELG (amzn.to/3t0i1G5)
Hub USB C p/ usar na 2ª tela (amzn.to/3uI2jjs)
Webcam Logitech BRIO (amzn.to/3RDm4BP)
Microfone Blue Yeticaster (amzn.to/3sW32wW)
Teclado Redragon Varuna (amzn.to/3T8Dkji)
Mouse Logitech G300s (amzn.to/3Rtnfn4)
Mouse Pad (amzn.to/3Rtnfn4)
Estante (amzn.to/46KgVfr)
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢
00:00 Introdução
00:34 Usando o Lighthouse
02:40 Melhorias de acessibilidade nos links das redes sociais
05:18 Otimizando o tamanho das imagens
09:10 Adicionando a tag ALT nas imagens
11:20 Enviando alteração para o netlify
12:28 Refazendo o teste do Lighthouse
14:40 Encerramento
#WebDevelopment #PortfolioCreation #lighthouse
Olá galera, tudo certo?
Já que essa série de vídeos terminou, me conta nos comentários ideias de novos projetos 😊
Tenho uma ideia mas se tornaria um grande curso, desenvolver um protótipo não tão complexo do zero a fim de ensinar sobre UI/UX e Figma e depois desenvolver esse projeto com HTML, CSS e JS priorizando os conceitos fundamentais, boas práticas, acessibilidade e no final fazer deploy
Excelente! Conteúdo de muita qualidade! Gratidão d+
Muito obrigado Thales!!! ✌
Leo, você não faz ideia de como estou aprendendo contigo e como você está me ajudando, na minha sala do curso de Técnico de informática eu sou o mais " Inteligente" em HTML e CSS, estou aprendendo muito contigo !! Obrigado de coração.
De nada!! Espero conseguir ajudar ainda mais nos seus estudos!! 😊🚀
Valeu Léo, grata demais por cada conteúdo seu compartilhado. Seu trabalho é incrível
Eu que agradeço por assistir!! ♥️
top demais irmão!!
Obrigadão!! 🤙
Cara, seu conteúdo é sensacional, busquei por muito tempo como fazer meu portfólio, com seu vídeos eu consegui fazer, agora vou querer ver os outros pra aprender um pouco de css e js. Valeu
Muito obrigado pelo feedback!! Manda o link para eu ver o resultado final.
ficou mt bom!!
Muito obrigado! 😁
leo, seu trabalho é incrível, separar e estruturar todos esses vídeos e disponibilizar um conteúdo com essa qualidade de forma gratuita é simplesmente maravilhoso!
um pedido meu seria para continuar fazendo esses videos completos de projetos frontend, tipo desenvolvendo uma aplicação simples de parte em parte até chegar no deploy ou até mesmo vídeos de projetos nesse estilo para iniciantes 😁🚀
Muito obrigado pelo feedback Froggy!! ♥️
A ideia é essa mesmo, fragmentar o projeto em vários videos curtos, entre 10 a 20 minutos. Spoiler: Na próxima devo começar a publicar o novo projeto, o template já está no git github.com/leovargasdev/youtube-template-valorant
@@leovargas muito massa, acabei de ver mas acredito que eu ainda não tenho conhecimento suficiente pra usar o next.js e typescript
Olá, tudo bem? Acompanho seu canal gosto bastante ! Estou travado, poderia me ajudar? Comecei montando meu portfólio com base no site do Mário na parte superior que tem as redes sociais e os menu, queria que ele se ajustasse para mobile, estou fazendo uma junção dos dois projetos poderia me ajudar?
Olá Rafael, tudo certo! Claro, posso ajudar!
Você precisa de ajuda para fazer a responsividade do menu?