Solucionado
Minha curiosidade é porque todos os arquivos.css aparecem em branco para mim, inclusive o styles.css. Por isso a minha pergunta. Essas classes como "form mt-4", "form-group", "form-control" e etc. Onde encontrar? Pois quando eu elaborar um projeto sozinho quero estar ciente no que fazer!
Olá Edgard, tudo bem?
Essas classes são do Bootstrap, um framework front-end que fornece estruturas de CSS para a criação de sites e aplicações responsivas de forma rápida e simples. Inclusive temos um artigo aqui na plataforma sobre Bootstrap - O que é, como e quando usar? e se quiser aprofundar mais ainda temos o curso de Criação de uma single page responsiva usando este Framework.
Durante o quarto vídeo da aula 1 o instrutor mostra apresenta como é feito a instalação de 2 bibliotecas, o Bootstrap e o Font-awesome. O Bootstrap é um framework que possui classes e estruturas prontas reutilizáveis, como classes que permitem aplicar margem aos elementos, como é o caso da mt-4 que como colocar uma margem no topo do elemento 1.5rem. Mais sobre as classes de espaçamento, ou as classes de estilização de formulário que são form-group e form-control, responsáveis por estilizar o formulário e deixá-lo responsivo. Mais sobre as classes usadas na estrutura de formulário.
No arquivo angular.json onde temos todas as configurações globais do projeto, no atributo style foi adicionado o caminho dos arquivos CSS do Boostrap, e é onde essas classes se encontram.
"styles": [
"src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/font-awesome/css/font-awesome.css"
],Bons estudos, Edgard.