Ao abrir o arquivo form-ng você se deparará com o código em angular que irei retratar no artigo abaixo.

Antes de tudo, o que é angular?

Angular é um framework de desenvolvimento de aplicações web de código aberto, mantido pelo Google. Ele é projetado para facilitar o desenvolvimento e o teste de aplicações de uma única página (Single Page Applications - SPAs) ao fornecer uma estrutura para o lado do cliente (client-side) que incorpora vários aspectos comuns a muitas aplicações web, incluindo modelagem de dados, vinculação de dados (data binding), injeção de dependência, roteamento, navegação, e gestão de formulários.

Porém, como rodar a aplicação?

Ao clonar a aplicação, no terminal digite:

cd form-ng
ng serve -o

Você poderá ver um terminal como esse:

E uma aplicação abrirá na porta 4200:

Mas quais conceitos foram aprendidos?

Antes de tudo, aprendi a fazer o setup de um projeto em angular, entendi a estrutura do framework, sua estrutura dividida em html, css, spec e component, formada para conseguir dividir bem os componentes entre diferentes partes e deixando cada arquivo específico, facilitando o entendimento e manutenabilidade da aplicação.

Já com um entendimento da aplicação, aprendi a:

1. Habilitar formulários reativos para um projeto.
2. Estabeleçer um modelo de dados para representar controles de formulário.
3. Preencher o modelo com dados de amostra.
4. Desenvolver um componente para criar controles de formulário dinamicamente.

Tudo isso com um data binding, validação de entradas e estilização para uma melhor experiência do usuário na aplicação.