Todos

Mini Projetos

Resolução do Mini Projeto

Página de links

Login

Introdução

  • Introdução
  • Fork e Clone no GitHub
  • Iniciando Projeto com Vite
  • Conteúdo

  • Projeto Figma: Design e Desenvolvimento
  • Organizando Recursos Visuais
  • Estruturando com BEM e Semântica
  • HTML Estruturado com Emmet
  • Início do Layout CSS
  • Integração de Perfil com JavaScript
  • Manipulação de DOM
  • Automatizando Links HTML
  • Elementos de Lista Dinâmicos
  • Melhorias de CSS na Página
  • Fonte Arvo e Layout CSS
  • Finalização

  • Redesign do Widget
  • Deploy na Vercel
  • Introdução

  • Introdução
  • Fork e Clone no GitHub
  • Iniciando Projeto com Vite
  • Conteúdo

  • Projeto Figma: Design e Desenvolvimento
  • Organizando Recursos Visuais
  • Estruturando com BEM e Semântica
  • HTML Estruturado com Emmet
  • Início do Layout CSS
  • Integração de Perfil com JavaScript
  • Manipulação de DOM
  • Automatizando Links HTML
  • Elementos de Lista Dinâmicos
  • Melhorias de CSS na Página
  • Fonte Arvo e Layout CSS
  • Finalização

  • Redesign do Widget
  • Deploy na Vercel
  • Automatizando Links HTML

    Criamos links dinamicamente no HTML usando um loop `forEach` em dados do perfil. Em vez de adicionar cada link manualmente, geramos elementos de lista e configuramos URLs e textos de forma automatizada. Isso otimiza nosso código, permitindo facilidade de atualização e manutenção. Vamos empregar a mesma abordagem para redes sociais a seguir.

    Comentários

    (0)