O documento apresenta uma introdução ao framework Angular, discutindo seus principais conceitos e vantagens como multiplataforma, comunidade ativa e produtividade. É destacado que o Angular é mantido pelo Google e usado em seus produtos. O palestrante também resume sua experiência com Angular e explica conceitos-chave como componentes, data binding e diretivas.

1. LunaBusiness Company
Iniciando com Angular

2. LunaBusiness Company
1
Avisos
● Conteúdo introdutório
● Sem necessidade de anotação

3. LunaBusiness Company
2
Por que eu deveria usar
Angular?

4. LunaBusiness Company
3
Multiplataforma
Desenvolvimento web, aplicativos
híbridos, aplicativos nativos,
servidores, aplicações desktop..
by Google
Mantido e usado pelo google em
seus produtos
Comunidade ativa
Comunidade grande e disposta a
ajuda, gdg e google developer
experts.
SENSACIONAL

5. LunaBusiness Company
4
Por que eu deveria aprender?

6. LunaBusiness Company
5
Leonardo Victor
Desenvolvedor Web no SENAI
Cursando SI no IFAL
Medalha de bronze na Olimpíada do Conhecimento
E o mais importante: Reinando com Angular há 3 ~ 4 meses

7. LunaBusiness Company
6
Mas o que é Angular?

8. LunaBusiness Company
7
Angular é
Full-stack
SPA
Produtividade
Simplicidade
Desempenho
Web Components

9. LunaBusiness Company
8
Um pouco de história

10. LunaBusiness Company
9
De AngularJS (1) para
Angular (2)
MELHOR DESEMPENHO - menor tempo
MENOR DESEMPENHO - maior tempo

11. LunaBusiness Company
10
Angular 4 ???

12. LunaBusiness Company
11
Versionamento
semântico e suporte a
versão major inferior
CorreçõesFuncionalidadesBreakchanges

13. LunaBusiness Company
12
Por que o angular e não
outro framework?

14. LunaBusiness Company
13
Mãos na massa!

15. LunaBusiness Company
14
Mas antes, Typescript?

16. LunaBusiness Company
15
No fim tudo vira
Javascript

17. LunaBusiness Company
16
No fim tudo vira
Javascript
TYPESCRIPT
ES5

18. LunaBusiness Company
17
Ambiente de desenvolvimento

19. LunaBusiness Company
18
Instalação de ambiente
de desenvolvimento
3 4
Utilizar quickstart ou gerar
projeto pelo angular-cli
$ ng new projeto
Servidor de
desenvolvimento
$ ng serve
1
Node.js 6.9.0+
$ nvm install 6.10.3
$ nvm use 6.10.3
2
Angular CLI
$ npm install -g @angular/cli
Instalação e uso

20. LunaBusiness Company
19
Instalação de ambiente
de desenvolvimento
Editor e plugins

21. LunaBusiness Company
20
Hello World

22. LunaBusiness Company
21
Conceitos

23. LunaBusiness Company
22
Conceitos

24. LunaBusiness Company
23
Componente
Metadata2
1 Template
Data binding3
Comportamento da view4

25. LunaBusiness Company
24
Componente
Decorators
Classe
Template

26. LunaBusiness Company
25
Componetização
APLICAÇÃO - SITE
CABEÇALHO
BARRA LATERAL POSTS

27. LunaBusiness Company
26
Componetização
CABEÇALHO
BARRA LATERAL POSTS

28. LunaBusiness Company
27
Data binding

29. LunaBusiness Company
28
Diretiva

30. LunaBusiness Company
29
Serviço

31. LunaBusiness Company
30
Build para Produção

32. LunaBusiness Company
31
Build

33. LunaBusiness Company
32
Hospedagem

34. LunaBusiness Company
33
Link da apresentação: goo.gl/aJePUD
Meu contato: @leonardovff
Muito obrigado e bora usar Angular!