Aprenda

Programação com
Angular
O Angular é uma das ferramentas mais poderosas para o desenvolvimento
de aplicações Front-End. Com ele é possível criar aplicações complexas,
escaláveis e de alta-performance.

by Daniel Gotardo
Introdução ao Angular
O que é Angular?
O Angular é um framework
open-source mantido pelo
Google e utilizado na construção
de aplicações em JavaScript.
O que você precisa
saber?
Algumas das tecnologias que
são pré-requisito para aprender
Angular incluem HTML, CSS e
JavaScript.
Por que usar
Angular?
Com Angular, você pode criar
sites e aplicações mais
dinâmicos, aumentando assim a
experiência do usuário.
Fundamentos do TypeScript

Types Compilação IDE Support

Typescript foi criado para trazer Typescript é compilado antes de ser Typescript é suportado por diversos
tipagem para a lingugem JavaScript. executado no navegador. editores de código.
Arquitetura do Angular
Módulos

Conjunto de componentes que tem uma

funcionalidade em comum.

1 2 3

Componente Raíz Injeção de Dependência

Define os componentes principais da sua aplicação. Permite usar serviços fornecidos por outros
componentes da aplicação.
Componentes e Diretivas

Componentes Diretivas Exemplo de uso

Os componentes são fundamentais no Diretivas são extensões do HTML que Você pode utilizar o ngFor para criar
framework Angular, eles representam permitem criar componentes uma listagem de elementos.
o que deve ser renderizado na tela do reutilizáveis em toda a aplicação.
usuário.
Injeção de Dependência
O que é Injeção de
Dependência?
Injeção de dependência é uma
técnica que permite que os
componentes da aplicação sejam
desacoplados e reutilizáveis.
Como funciona?
Em vez de criar os serviços
necessários dentro do
componente, você os fornece
para o componente.
Vantagens
A vantagem dessa abordagem é
que ela oferece um melhor
gerenciamento de dependência
e reduz acoplamento.
Rotas e Navegação
Múltiplas Rotas

O Angular pode gerenciar as rotas e alterar o

conteúdo da aplicação sem atualizar a página inteira.

1 2 3

Rotas Lazy Loading

O Angular possui um mecanismo para roteamento, Essa funcionalidade permite que a aplicação seja
que permite que nossos componentes sejam carregada sob demanda, tornando-a mais rápida e
acessados através de URLs. ágil.
Conclusão e próximos passos

Futuro do Angular Comunidade Angular Dica Extra

O Angular continua a ser amplamente A comunidade Angular é grande e Aproveite para praticar com o jogo da
adotado em todo o mundo. ativa, e a documentação do memória de cartas de baralho em
framework é excelente. Angular, disponível online.