Imprimir

Desenvolvendo Frontend com Angular

Descrição
Este curso aborda todos os aspectos de Frontend utilizando a tecnologia Angular 2-6, onde os alunos terão oportunidade de implementar aplicações a partir do zero até conceitos avançados de Frontend. Para desenvolvedores Web interessados em Single Page Applications com a última versão do Angular, o famoso framework da Google.

Carga Horária
40 horas.

Pré-requisitos
Noções Básicas de Web, HTML e CSS.

Conteúdo programático

  • Módulo 1
    • - Histórico
    • - O que é Single Page Application (SPA)
    • - Vantagens e Desvantagens
    • - Comparativo com Angular 2-6, AngularJS, Thymeleaf e Primefaces
    • - O que é HTTP e REST?
    • - Revisão de HTML, JS e CSS
    • - Ambiente de Trabalho, IDEs, Ferramentas e Instalação
    • - Hello World em Angular 2-6
    • - AngularCLI
  • Módulo 2
    • - Linguagem Typescript
    • - Arquitetura do Angular 2-6
    • - Módulos, Componentes e Serviços
    • - Templates com interpolação (operador braces)
    • - Templates com expressões, acessando variáveis e métodos
    • - Diretivas NgIf e NgFor
    • - Templates com eventos
    • - Binding One-way e Two-way direction
  • Módulo 3
    • - Material Design da Google, Princípios e Cores
    • - Formulários com Material Design
    • - Formulários com Bootstrap
    • - Formulários com componentes de Input
    • - Formulários com Radio, CheckBox, Datepicker e Select (Combo)
    • - Formulários com AutoComplete
    • - Datatables com Paginação e Ordenação
    • - Datatables com Filtro
  • Módulo 4
    • - Layout com Cards e Abas
    • - Botões e Progress Spinner
    • - Snackbar, Dialog (Janela Modal ou Popup), e Tooltip
    • - Formulários Responsivos
    • - Menús (Material Design)
    • - Routing
  • Módulo 5
    • - Serviços e Injeção de Dependências
    • - Observables
    • - Fazendo requisições HTTP, GET, POST, DELETE, PUT
    • - Integrando com Back-end REST e Spring Boot
    • - Projeto com CRUD completo (Com 2 entidades)
  • Módulo 6
    • - Primeira parte de projeto de um sistema de estacionamento, com dados de clientes, veículos, usuários, estacionamentos, vagas e pátios, modelos e cores de veículos (total de 10 entidades)
  • Módulo 7
    • - Segunda parte do projeto
  • Módulo 8
    • - Avaliação e Revisão



Voltar | Subir