Criação de Aplicações Web com Angular

Versão 3.1.0

Duração do curso – 30 horas

Objetivo do curso

Ensinar o aluno a desenvolver scripts do lado do cliente utilizando o framework Angular. Ensinar a escolher os mecanismos e construções corretos para resolver uma determinada tarefa.

Ao final do curso, o aluno será capaz de:

• Realizar a compilação de projetos utilizando várias ferramentas
• Compreender as complexidades do uso do Webpack
• Entender a estrutura de uma aplicação Angular
• Aplicar as construções adequadas do Angular, dependendo da tarefa
• Realizar a ligação de dados em uma aplicação Angular
• Utilizar a Injeção de Dependências (Dependency Injection)

Após a conclusão deste curso, o aluno fará uma tarefa prática e um exame teórico sobre o conteúdo do curso. Para ser admitido ao exame, todas as tarefas práticas e domésticas devem ser concluídas. A tarefa prática deve cobrir o máximo de material de várias seções do curso.

Módulo 1 (8 horas)

Compilação de projetos utilizando Webpack e outras ferramentas

1. O que é a compilação de projetos?
2. Problemas que surgem durante a compilação de projetos
3. Ferramentas para compilação de projetos
   • Visão geral das ferramentas
   • Gulp
   • Grunt
   • Webpack
   • Outros
4. Webpack
   • O que é Webpack?
   • Objetivos e tarefas do WebPack
   • Vantagens de usar WebPack
   • Versões atuais do WebPack
   • Fundamentos do uso
   • Compilação simples
   • Compilação de múltiplos scripts
   • Inclusão de bibliotecas
   • Estilos e arquivos
   • Uso do Webpack Dev Server
   • Exemplos práticos de uso

Módulo 2 (20 horas)

Angular

1. O que é Angular?
2. Frameworks e bibliotecas
   • O que é um framework?
   • O que é uma biblioteca?
   • Diferença entre um framework e uma biblioteca
   • Por que o Angular é um framework?
3. Objetivos e tarefas do Angular
4. Conceito de aplicação de página única (SPA)
5. Anatomia de uma aplicação Angular
6. Configuração do ambiente
7. Conceito de módulo
8. Componente
   • O que é um componente?
   • Criação da classe de componente
   • Exemplos práticos de uso
9. Modelos (Templates)
   • O que são modelos?
   • Criação de modelos
   • Exemplos práticos de uso
10. Interpolação
11. Uso de diretivas
12. Ligação de dados no Angular (Data Binding)
13. Pipes em uma aplicação Angular
14. Serviços
15. Injeção de Dependências (Dependency Injection)
    • O que é Injeção de Dependências?
    • Objetivos e tarefas da Injeção de Dependências
    • Exemplos de uso
16. Uso de requisições HTTP
17. Navegação e transferência de dados
18. Exemplos práticos de uso

Módulo 3 (2 horas)

Exame