Curso de Angular 13: fundamentos e aplicação prática

Uma trilha de fundamentos à prática

Esta playlist reúne 42 aulas de Angular 13, publicadas entre fevereiro e abril de 2022, com duração total informada de 6 horas, 44 minutos e 22 segundos. A sequência começa com uma introdução ao framework, apresenta pré-requisitos e ferramentas e avança para a construção de uma aplicação. A primeira aula menciona a instalação do Node.js e o uso do Visual Studio Code; a seguinte acompanha a criação e a inicialização de um projeto Angular.

Componentes, templates e interação

As aulas iniciais percorrem a estrutura de arquivos do Angular e a criação de componentes. Em seguida, trabalham dados no template por interpolação, CSS, compartilhamento de dados entre componentes pai e filho e diretivas. A playlist também apresenta renderização condicional e de listas, eventos e emissão de eventos entre componentes, cobrindo diferentes formas de conectar a interface aos dados e às ações do usuário.

A sequência inclui interfaces do TypeScript para representar entidades, pipe operators e two-way data binding, com aplicação em formulários. Esses tópicos compõem a base para acompanhar as partes seguintes: organizar a aplicação em componentes, tipar dados e apresentar informações na tela. O curso também introduz services para separar responsabilidades e reaproveitar operações, além do Angular Router e de rotas dinâmicas para exibir um item individual.

Comunicação com API e preparação do projeto

Depois dos fundamentos, as aulas abordam requisições HTTP para buscar ou inserir recursos em uma API. A partir da aula 21, o foco se desloca para o projeto prático: há uma apresentação da aplicação e uma etapa de configuração da API. A descrição da aula de setup identifica AdonisJS como framework do back-end; as lições seguintes iniciam e estruturam o front-end em Angular.

Construção da aplicação

O projeto é apresentado como um sistema para compartilhar momentos. As aulas desenvolvem componentes de layout e páginas, criam um formulário e configuram interfaces e módulos. Para validar os campos, a trilha mostra Reactive Forms. Depois, implementa a inserção e a recuperação de dados pela API, trabalha mensagens de erro ou validação e conclui a página inicial.

Nas etapas finais, a playlist percorre busca e filtro de dados, páginas individuais, estilos para essas páginas, exclusão de registros e edição com requisições HTTP PUT ou PATCH. O último recurso desenvolvido é um formulário de comentários, seguido da inserção dos comentários e da conclusão do curso. Assim, o projeto reúne operações de criação, leitura, atualização e exclusão, junto de busca e interação entre usuários, conforme descrito nas aulas.

Como aproveitar as aulas

A sequência é adequada para quem quer estudar Angular acompanhando uma implementação progressiva e consultando os tópicos na ordem publicada. Vale reservar tempo para reproduzir os exemplos, testar cada recurso no próprio projeto e comparar a aplicação construída com as etapas da playlist. As referências incluem um repositório do curso, que pode servir de apoio ao acompanhamento. O material apresenta Angular 13 e foi publicado em 2022; a playlist não informa certificado ou pré-requisitos completos além das menções da aula introdutória.