O que o Angular pode fazer por você?

Introdução ao Angular

Transcript

2. UMA JORNADA COM O ANGULAR
3. Formada em Relações Internacionais Desenvolvedora front-end na Praxio Programando em Angular há quase 1 ano BRUNA GIL
4. ANGULAR? ANGULAR JS?? ANGULAR 2, 5, 6, 7??? E CADÊ O 3????
5. A HISTÓRIA DO ANGULAR
6. ANGULAR JS (1.x) ANGULAR 2+ ANGULAR
7. ANGULAR JS (1.x) ANGULAR Ver. 2, 4, 5...9
8. em Angular no Google em 2018 em Angular no Google em 2019 com relação ao ano de 2018 600+ projetos 1500+ projetos 50% de crescimento
9. ELEMENTOS DO ANGULAR Um framework mais do que completo
12. VAMOS POR PARTES!
13. MÓDULOS TEMPLATES DATA BINDING COMPONENTES METADATA DIRETIVAS SERVIÇOS INJEÇÃO DE DEPENDÊNCIAS ROTEAMENTO
14. MÓDULOS TEMPLATES DATA BINDING COMPONENTES METADATA DIRETIVAS SERVIÇOS INJEÇÃO DE DEPENDÊNCIAS ROTEAMENTO
15. COMPONENTES
16. COMPONENTES Template Data-Binding
17. DATA BINDING (LIGAÇÃO DE DADOS)
18. MÓDULOS
19. SERVIÇOS
21. HTML Regras de negócio Pacotinho de componentes Informações Bloco de código! Valores dinâmicos! Epa, algo aconteceu!
23. DIFERENCIAL DO ANGULAR O que ele têm de diferente com relação a outras ferramentas JavaScript
24. TYPESCRIPT Um superconjunto do JavaScript mantido pela Microsoft
25. Define o tipo esperado de uma a variável, função, retorno, etc. Acessando objetos facilmente e com o tipo pré-definido 02 TIPAGEM INTERFACES 01 Aponta erros e faz sugestões no seu código o tempo todo! UM ANJO DA GUARDA 04 CLASSES Orientação a Objetos e poder definir os acessos das classes 03 Microsoft Google
26. E AGORA? POR ONDE EU COMEÇO?
27. Uma ferramenta para começar seu projeto hoje mesmo ANGULAR CLI
30. COMANDO LONGO COMANDO CURTO O QUE ELE CRIA? COMPONENTES Ng generate component nome-do-seu-componente ng g c nome-do-seu-componente component.html, component.css/scss/less, Spec para testes, component.ts SERVIÇOS Ng generate services nome-do-seu-servico ng g s nome-do-seu-servico service..ts (Injectable) e Spec para testes MÓDULOS Ng generate module nome-do-seu-modulo ng g m nome-do-seu-modulo module..ts (NgModule) ANGULAR CLI - CRIANDO OS ELEMENTOS
31. POR QUE ANGULAR?
32. EMPRESA Dependências nativas Dinamismo Escalonável CLi Angular Material Comunidade Maturidade Inovação Conteúdo vasto JavaScript tunado TypeScript DEV
33. O QUE ANGULAR PODE FAZER POR VOCÊ? Teoria e prática sempre juntas Uma dev mais habilidosa Resolver problemas complexos Estímulo aos estudos
34. MINHAS DICAS Peça ajuda a comunidade Não desista! (É complexo mesmo) Estude a teoria e aplique tudo o que puder Mantenha-se curiosa
35. SOLUÇÃO DA EMPRESA EVOLUÇÃO DO SEU CÓDIGO
36. OBRIGADA! Vamos manter contato? bruna.brgil@gmail.com LinkedIn: Bruna Roberta Gil Github: /brunagil
37. REFERÊNCIAS E BIBLIOGRAFIA • Angular • Curso de Angular - Loiane • Typescript • Do JavaScript pro TS • Aplicações em Angular • Angular: Past, Present, Future • Angular em 7 min (VIDEO) • Guia Angular devMedia • Giphy • Slidesgo