Ementa:
O curso tem como objetivo ensinar a estrutura básica do Angular, que é um framework muito utilizado para o desenvolvimento de aplicativos. O aluno aprenderá desde a instalação dos componentes necessários, até o desenvolvimento de alguns projetos envolvendo conceitos, como tabelas, inserção e alteração de dados, verificação de estoque, eventos, classes e serviços, botões, validação de dados, rotas e protocolos HTTP e HTTPS.
Mercado de trabalho:
Este curso é direcionado para pessoas que queiram aprender a desenvolver aplicativos com o Angular, que é um framework voltado para essa finalidade. O mercado de trabalho dessa área é bem amplo, de modo que, as pessoas com a formação adequada podem atuar como produtores independentes, freelancers ou, até mesmo, trabalhar para grandes empresas, visto que existem aplicativos para o computador, para rodar na web, para dispositivos móveis e, até mesmo, para alguns eletrodomésticos.
Carga horária: 12h (Obs.: Atividades em sala de aula contam 1 hora/aula, porém, somando com atividades de leitura do material didático, que o aluno pode praticar em sua casa, cada aula pode ultrapassar esse tempo.)
Conteúdo Programático:
Aula 01 – Desenvolvimento de Aplicativos
- Apresentação dos assuntos da aula.
- Conhecimento dos diferentes tipos de aplicativos: Nativo, Web e Híbrido.
- Compreensão do Framework Angular.
- Instalação do Node.js e Angular-CLI.
- Desenvolvimento de aplicativos com o Angular-CLI.
- Material extra para download e instalação.
Aula 02 – Projeto lista-compra: Iniciando o Projeto
- Apresentação do projeto lista-compra.
- Entendimento do princípio LIFT.
- Criação do projeto e do componente “mercadorias”.
- Configuração do título do projeto.
Aula 03 – Projeto lista-compra: Configurando Estilos
- Apresentação dos assuntos da aula.
- Conceitos de DOM, Diretivas e Array.
- Início da criação de uma lista de mercadorias.
- Configuração de estilos na tabela.
Aula 04 – Projeto lista-compra: Identificando os Itens da Tabela
- Apresentação dos assuntos da aula.
- Utilização da estrutura Switch no Angular.
- Identificação do índice do item na lista.
- Criação de uma coluna para identificação dos itens.
Aula 05 – Projeto lista-compra: Organizando o Estoque
- Apresentação dos assuntos da aula.
- Ajuste e inserção de novas informações na tabela.
- Organização do estoque e utilização de diretivas ngIf e ng-template.
Aula 06 – Projeto lista-compra: Verificando o Estoque
- Apresentação dos assuntos da aula.
- Conhecimento da estrutura Switch no Angular.
- Verificação do estoque utilizando a estrutura ngSwitch.
Aula 07 – Projeto lista-compra: Inserindo um Formulário
- Apresentação dos assuntos da aula.
- Aprendizado sobre eventos na programação.
- Criação de eventos de clique e formulário no Angular.
Aula 08 – Projeto lista-compra: Adicionando Registros
- Apresentação dos assuntos da aula.
- Adição de botão e criação de registros no formulário.
Aula 09 – Projeto lista-compra: Validação de Dados
- Apresentação dos assuntos da aula.
- Compreensão da importância da validação de dados.
- Validação do campo ID e limite de caracteres.
Aula 10 – Projeto lista-compra: Classes e Serviços
- Apresentação dos assuntos da aula.
- Entendimento de Classes e Serviços no Angular.
- Inserção de classes e configuração de serviços.
Aula 11 – Projeto lista-compra: Trabalhando com Rotas
- Apresentação dos assuntos da aula.
- Importação de rotas e adição para as mercadorias.
- Criação de novo componente e utilização de parâmetros.
Aula 12 – Projeto app-httpclient: Criando uma Lista de Usuários
- Apresentação dos assuntos da aula.
- Conhecimento de HTTP e HTTPS.
- Criação do projeto app-httpclient e lista de usuários.
Cada aula possui uma carga horária aproximada, incluindo apresentação, conceitos, simulações, apostilas, exercícios, atividades e avaliações. O total geral é de cerca de 14 horas de instrução.
