Urgent.News

What's breaking now, across thousands of outlets.

Tech

Aprendendo Angular através de um diálogo

🧠 INVESTIGAÇÃO ADAPTATIVA Dia 1 — Aprendendo Angular através de um diálogo 👨💼 João — Entrevistador Olá, eu sou o João. Trabalho na empresa X e hoje vou conduzir uma entrevista técnica para uma vaga de Junior Frontend Developer. Vamos começar com uma situação real. Precisamos desenvolver uma aplicação para uma escola. A aplicação deve permitir fazer login, listar estudantes, cadastrar, editar e…

Original Portuguese Read in English

João iniciou a entrevista por meio de um diálogo sobre a organização de um aplicativo Angular para uma escola. O candidato, Pedro, iniciou explicando a estrutura do projeto, começando com a instalação do Angular e a criação dos componentes para login, cadastro, listagem de estudantes, detalhes de estudante e eliminação de estudante.

Ele destacou a importância de separação de responsabilidades, afirmando que o Service deve encapsular a lógica de negócio e comunicação com a API REST, enquanto o componente se concentra na interface e interação com o usuário. O Service deve ser reutilizado e separar responsabilidades, ao invés de ser responsável por toda a lógica da aplicação.

Ao abordar os requisitos de autenticação, Pedro sugeriu usar o Angular Guard para proteger a rota /students, permitindo que apenas usuários autenticados acessem a página. Ele também mencionou que o token de autenticação poderia ser centralizado usando um HTTP Interceptor para interceptar as requisições HTTP e adicionar automaticamente o token.

Para formatar a data retornada pela API, Pedro explicou que o recurso Pipe deveria ser utilizado, onde o Pipe date transformaria a string de data em um formato desejado, como "15/03/2005".

Para estilizar a visualização dos estados dos estudantes, Pedro indicou o uso de directives e a annotação de classes CSS. Ele explicou que ngModel não era adequado para este cenário, mas sugere usar [class.active]= student.active ou ngClass para definir cores diferentes com base no estado dos estudantes. Pedro também destacou a diferença entre NgModule e Standalone, explicando que os NgModule são usados para agrupar componentes relacionados e facilitar o lazy loading, enquanto Standalone permite que um único módulo carregue todos os componentes diretamente sem pertencer a um NgModule.

Ao longo da entrevista, João e Pedro discutiram a importância da modularização, a separação de responsabilidades e os recursos específicos do Angular, como Guards, Interceptors e Pipes, para lidar com requisitos de autenticação, requisitções HTTP e formatação de dados.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

More from Monday 21 September →