First Steps with Angular using pokemon

Angular é um dos frameworks mais usados no mercado, e utilizado por grandes empresas! Vamos falar sobre os conceitos básicos, aquilo que muitas vezes passamos reto ou o que quando do vamos ver em alguns tutorias avançados ficamos meio perdidos! Iremos abordar assuntos sobre instalação do angular, actions, components, layouts, e o que ninguém te contou sobre angular!
Essa foi uma talk muito especial que fiz para o meetup do AngularSP!

Link do evento: https://www.meetup.com/AngularJS-Sao-Paulo/events/267446888/

Transcript

1. Os primeiros passos num framework front end com @anabneri
2. Até uns tempos atrás meu mundo era:
4. Eis que Então é assim que o Angular funciona
5. ng g c Ana Engenheira de Software Organizadora de comunidades Meu blog: https://anabneri.github.io/ @anabneri linkedln.com/in/anabeatrizdev/
6. Agenda: Projeto de demo Por que o Angular Versionamento Estrutura TypeScript Ambiente Service O que é o angular
7. O Case:
8. Desenvolvimento backend Experiência com linguagem tipada Amor pelo SpringBoot Meu cenário:
9. VOU FAZER EM ANGULAR!!!
10. O Que é o angular?
11. Um framework completo front end
12. Single-Page Applications Que utiliza as seguintes tecnologias
13. Single-Page Applications
14. Por que o Angular?
15. Pra quem vem do backend (java) é a melhor opção TIPADO
16. Um novo paradigma de programação, que se preocupa com o fluxo de dados e a propagação da mudança REATIVO
17. A comunidade é gigante, com muito conteúdo gratuito ROBUSTO
18. Versionamento
19. X Y Z major minor patch
20. Estrutura
21. Possibilitam a criação de códigos que possam ser reutilizados Componentes
22. Onde é possível definir as propriedades de um componente Decorator
23. Classes
25. É TUDO TÃO ORGANIZADO *--*
26. Agrupar, exportar e esconder arquivos Módulos Cada aplicação tem um module root da aplicação que é gerado pelo NgModule
27. Módulos Código html Componentes typescripts Modulos typescripts Rotas da página
28. Módulos
29. Template <....> Component {....} Directive {....} API BD Injector Service A Service B Property Binding
30. Typescript
31. Funções menores e mais integradas Vantagens Você não precisa saber typescript para usar o Angular Consigo criar funções e adicionar funcionalidades extras
32. Mais um paradigma de programação Desvantagens Mais robustez/ verbosidade
33. Ambiente
36. Service
37. Firebase Um serviço para plataformas web, na qual promove muitos serviços e um deles é o “develop” que foi o que eu usei
38. Para o que eu precisava o serviço de construir uma API seria um canhão para matar uma formiga Então usando o serviço Develop do firebase, criando um realtime database para armazenar meus dados em tempo real
39. Para incluir no projeto é muito mais simples, basta colocar as credenciais no arquivo app.modules.ts
41. YAAAAY agora o Ashi tem sua lista de pokemons online, administrando seus pokemons ele tem mais vantagens
42. Por fim Who is this next framewrok JavaScript?
43. DEPENDE
44. Empresas que utilizam angular
45. Por hoje é só! VLW <3 Me segue nas redes @anabneri @unicorn.tech @womakerscode @SouJavaSP
46. Referências • https://angular.io/ • https://loiane.training/curso/angular • https://movile.blog/aplicacoes-front-angular/ • https://medium.com/better-programming/angular-5-creating-new-component-c6c5236f8024 • https://ng-bootstrap.github.io/#/components/modal/examples • https://blog.wgbn.com.br/como-usar-seus-componentes-angular-em-qualquer-lugar-3ef1d57c117e • https://inside.contabilizei.com.br/javascript-seo-desenvolvendo-p%C3%A1ginas-index%C3%A1veis- 910bdb64aef5 • Willian Grasel • Denis Velrino