Oi. Esta lição irá apresentar os módulos angulares e como começar a usá-los. Módulos angulares ajudam a organizar e fornecer estrutura para seu aplicativo. Eles agrupam os componentes, serviços, diretivas, e outro código-fonte necessário para fornecer um recurso específico ou função de aplicativo. É importante notar que, apesar do nome, módulos angulares ou módulos NG, não são iguais aos módulos JavaScript. Módulos JavaScript e módulos angulares são estruturas separadas, mas é claro que podem ser usadas juntas. Cada aplicativo angular tem pelo menos um módulo, que é o módulo raiz. Este é o módulo que trata de todo da aplicação angular. Os módulos também auxiliam no processo de compilação e este é o primeiro módulo carregado pelo angular. Este é um arquivo de módulo raiz básico. Primeiro, ele precisa importar o módulo NG da biblioteca do núcleo angular. O módulo NG é um decorador de classe, que você pode ver aqui. Isso fornece dados de configuração para o módulo, incluindo quaisquer dependências extras ou externas que precisam a ser importado para uso no aplicativo ou neste módulo específico. Ao trabalhar com o angular, você importa módulos diferentes conforme você precisa deles. Então, se você quiser usar os diferentes recursos angular fornece formas como validação ou a diretiva modelo NG, você precisa importar o módulo de formulário primeiro para o arquivo e, em seguida, importe-o para o módulo. A importação de módulos de uma biblioteca externa funciona de uma forma semelhante. Por exemplo, se você quiser usar o material da estrutura do componente frontal, você primeiro instalaria a biblioteca de materiais e, para fazer isso, você abriria uma janela de terminal e execute os comandos ng add angular / material. E depois de instalado, você pode seguir o mesmo processo de primeiro importar o módulo para o arquivo. E para este exemplo, Vou importar o componente giratório de progresso do material. E, em seguida, adicione isso à matriz de importações do decorador do módulo raiz. Este módulo giratório de progresso contém um componente que você pode adicionar aos modelos. E agora que importamos o módulo, podemos usá-lo no aplicativo. Excluindo todo o código inicial, Vou adicionar o componente giratório. E certifique-se de salvar os arquivos. Em seguida, execute o comando ng serve para construir o aplicativo. E, em seguida, abrindo o aplicativo em uma janela do navegador, e você pode ver o controle giratório de progresso exibido aqui. Então é isso nesta lição, apresentando os módulos. E no próximo você aprenderá sobre o decorador e metadados mais detalhados.