Estrutura da pasta de trabalho do projeto Angular

Vamos agora analisar a estrutura da pasta src, onde o trabalho principal será realizado. Aqui estão as pastas e arquivos de que precisamos (o resto é técnico e não é necessário por enquanto):

• /src//app//assets/index.htmlstyles.cssfavicon.ico

Na pasta app, os seus componentes serão colocados. Inicialmente, por padrão, haverá um componente principal chamado App. No futuro, adicionaremos outros componentes lá.

Na pasta assets, você pode colocar vários recursos da nossa aplicação. Por recursos, entende-se imagens e coisas similares.

O arquivo index.html representa o layout principal do site com a marcação HTML. Os componentes são conectados a essa marcação de uma maneira específica, em locais indicados.

No arquivo styles.css, você pode colocar os estilos CSS gerais do site.

No arquivo favicon.ico, é armazenado o favicon do seu site. É aquela imagem que é exibida na aba do site, antes do seu nome.

Nas próximas lições, falaremos mais sobre esses arquivos e pastas.