Upgrade to Pro — share decks privately, control downloads, hide ads and more …

First Steps with Angular using pokemon

Ana Neri
January 15, 2020

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/

Ana Neri

January 15, 2020
Tweet

More Decks by Ana Neri

Other Decks in Technology

Transcript

  1. ng g c Ana Engenheira de Software Organizadora de comunidades

    Meu blog: https://anabneri.github.io/ @anabneri linkedln.com/in/anabeatrizdev/
  2. Agenda: Projeto de demo Por que o Angular Versionamento Estrutura

    TypeScript Ambiente Service O que é o angular
  3. Um novo paradigma de programação, que se preocupa com o

    fluxo de dados e a propagação da mudança REATIVO
  4. Agrupar, exportar e esconder arquivos Módulos Cada aplicação tem um

    module root da aplicação que é gerado pelo NgModule
  5. 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
  6. Firebase Um serviço para plataformas web, na qual promove muitos

    serviços e um deles é o “develop” que foi o que eu usei
  7. 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
  8. Para incluir no projeto é muito mais simples, basta colocar

    as credenciais no arquivo app.modules.ts
  9. YAAAAY agora o Ashi tem sua lista de pokemons online,

    administrando seus pokemons ele tem mais vantagens
  10. Por hoje é só! VLW <3 Me segue nas redes

    @anabneri @unicorn.tech @womakerscode @SouJavaSP
  11. 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