Para desenvolver Aula Prática Desenvolvimento com Framework Angular, comece identificando os objetivos e as entregas solicitadas no roteiro. A seguir, veja os pontos presentes na descrição desta atividade e organize teu relatório de acordo com as orientações do curso.
O que é esta aula prática?
Antes de começar, leia a apresentação e identifique o tema, a unidade e o formato pedido.
Principais conteúdos abordados
Instalação e verificação: Node.js (recomendado 20.11.1) e npm (recomendado 10.2.4).
Angular CLI: instalação global e comandos essenciais (ng new, ng serve, ng g c).
Estrutura de projeto Angular: diretório gerado (ex.: rap) e arquivos em src/app.
Desenvolvimento com TypeScript, HTML e CSS para SPA.
Uso de editor de código (VS Code recomendado) e testes locais em http://localhost:4200.
Entrega técnica: relatório PDF com código-fonte, prints da estrutura e screenshots do aplicativo em execução.
Como se realizam os envios?
O seu trabalho é disponibilizado pronto, respondido e nas normas já na mesma hora aqui em nosso site na sua área de downloads e também no seu e-mail.
Quais os seus canais de contato?
Portfólio em Word, respondido, completo e já nas normas
Se estiver acessando pelo computador, escaneie o QR Code abaixo com a câmera do celular para abrir nosso atendimento no WhatsApp.
Como desenvolver a atividade passo a passo
Execute cada etapa na ordem indicada e registre o que foi feito para depois explicar o processo no relatório.
Esta aula prática da disciplina "Desenvolvimento com Framework Angular" orienta a construção, configuração e execução de uma aplicação web em Angular. A atividade foca na instalação e verificação das ferramentas necessárias (Node.js, npm e Angular CLI), na criação de um projeto Angular e na montagem de um componente para exibir um menu de links em uma página SPA (single-page application).
O roteiro detalha requisitos de infraestrutura, incluindo versões recomendadas (Node.js 20.11.1 e npm 10.2.4), a instalação global do Angular CLI, o uso do editor VS Code (opcional outros editores) e o caráter open‑source do Angular como framework baseado em TypeScript. Também especifica procedimentos práticos, comandos e a URL local padrão para visualização da aplicação: http://localhost:4200.
O que é desenvolvido nesta atividade — Você instalará ou verificará Node.js e npm; instalará o Angular CLI; criará um novo projeto com o comando ng new rap; gerará um componente usando ng g c hello; editará arquivos .html e .css para montar uma página simples com uma lista de nomes que funcionem como botões; e executará a aplicação com ng serve para testar no navegador. Ao final, entrega-se um relatório em PDF contendo os códigos utilizados, prints da estrutura de arquivos/diretórios (app, css, html) e capturas da página web rodando no browser. O roteiro também orienta sobre possíveis atualizações de versão em caso de inconsistências e indica o comando para parar a execução (q + enter).
Como estruturar o relatório
Organize a entrega em identificação da atividade, objetivos, recursos utilizados, descrição dos procedimentos, registros dos resultados e conclusão. Ajuste essa sequência ao modelo exigido pela instituição e inclua apenas observações e evidências obtidas durante a tua própria execução.
Checklist antes de entregar
- Conferir se todos os objetivos do roteiro foram contemplados.
- Descrever os procedimentos na ordem em que foram realizados.
- Inserir registros, imagens ou arquivos quando a atividade solicitar.
- Relacionar os resultados com as tarefas e revisar o formato de entrega exigido.
