📂 Estrutura de Pastas Para Projetos Front-end (Nível Pro) - #frontendraíz

Felipe Aguiar - Dev Águia2024-07-1326 minutosAvançado
Estrutura de PastasFront-endOrganização de ProjetosMelhores PráticasJavaScriptCSSDev Águia

Sobre este curso

Eae Dev, Nesse vídeo eu te mostro como organizar a estrutura de pastas de um projeto front-end que eu costumo utilizar e te mostro quais pastas criar (e qual o sentido delas) em um bom projeto front-end para mantê-lo organizado.

Sobre o Curso

Neste vídeo, Felipe Aguiar, o Dev Águia, compartilha sua abordagem profissional para organizar a estrutura de pastas em projetos Front-end. Ele detalha as regras base, o propósito de cada pasta e como manter seu projeto limpo, organizado e eficiente.

O que você vai aprender

  • As 3 regras base para a organização de projetos Front-end
  • A estrutura e função da pasta Index
  • O conceito de Magazine Design
  • Como organizar a Source Folder
  • Detalhamento do segundo nível de organização
  • Melhores práticas para organizar a pasta de CSS
  • Melhores práticas para organizar a pasta de JavaScript
  • Como organizar a pasta de Assets (recursos)
  • Detalhamento do terceiro nível de organização
  • Estratégias para organizar imagens de forma eficiente
  • Como implementar a Feature Structure em seus projetos

Pré-requisitos

  • Conhecimento básico de desenvolvimento Front-end (HTML, CSS, JavaScript)
  • Familiaridade com a estrutura de arquivos e pastas em sistemas operacionais
  • Disposição para aprender e aplicar melhores práticas de organização

Para quem é este curso

Desenvolvedores Front-end que buscam aprimorar suas habilidades de organização de projetos, adotar melhores práticas e trabalhar com uma estrutura de pastas profissional, escalável e de fácil manutenção. Ideal para quem deseja elevar o nível de seus projetos Front-end.