• Home

  • Documents

  • firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... //...
29
MÓDULO: firebase + Angular.JS Felipe Oliveira

firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

  • Upload
    vannhu

  • View
    217

  • Download
    0

Embed Size (px)

Citation preview

Page 1: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

MÓDULO:firebase + Angular.JSFelipe Oliveira

Page 2: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Podemos conectar uma aplicação web ao google firebase!

Tenha certeza que seu ambiente no firebase esteja configurado!

Tenha cERTEZA que você está conectado a Internet!

Vamos conectar!

Page 3: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

configuração

Page 4: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 5: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Ctrl + c

Page 6: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Ctrl + v

Page 7: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Ctrl + c

Page 8: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 9: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

.Get()

Page 10: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 11: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 12: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Mostrar conteúdo no view

Page 13: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 14: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 15: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 16: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 17: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 18: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

.set()Enviar Dados

Page 19: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 20: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 21: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

.Remove()

Page 22: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 23: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 24: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

.UPDATE()

Page 25: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 26: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 27: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01
Page 28: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

Cenário Atual!

Page 29: firebase + Angular.JS MÓDULO - jualabs.files.wordpress.com · Coca Cola Zero Troinha Update ... // Funcao send recebe o valor vindo da view a adiciona na ... ps : // secomp- 01:01

MÓDULO FINALOBRIGADO!

DÚVIDAs? sugestões? crí[email protected]


Portugal Tel. +351.213100300 Fax: +351.213100235 Email ...(JAVA) e do front-end (HTML + Angular.js). Espaço livre 11 Editorial 11 Onde Estamos 11 . 2 2º semestre Nº 3.2015 Conhecer

Portugal Tel. +351.213100300 Fax: +351.213100235 Email ...(JAVA) e do front-end (HTML + Angular.js). Espaço livre 11 Editorial 11 Onde Estamos 11 . 2 2º semestre Nº 3.2015 Conhecer

Documents
Angular.js Módulo: SeComp 2017 - jualabs.files.wordpress.com · O Angular.js é construído sob a crença de que a programação declarativa é melhor do que a programação imperativa

Angular.js Módulo: SeComp 2017 - jualabs.files.wordpress.com · O Angular.js é construído sob a crença de que a programação declarativa é melhor do que a programação imperativa

Documents
Laboratório de Banco de Dados Oracle II SIMSIS/SECOMP Prof: Aline S Costa Ano: 2006 aline_js@oi.com.br

Laboratório de Banco de Dados Oracle II SIMSIS/SECOMP Prof: Aline S Costa Ano: 2006 [email protected]

Documents
Lucas de marchi guia petic 2.0 - secomp versao 1.0

Lucas de marchi guia petic 2.0 - secomp versao 1.0

Documents
UNIVERSIDADE FEDERAL DA BAHIA – UFBA · prodeb secomp sedes sefaz sei seplantec sicof siplan tce unicef conselho de polÍticas de inclusÃo social emenda constitucional fundo estadual

UNIVERSIDADE FEDERAL DA BAHIA – UFBA · prodeb secomp sedes sefaz sei seplantec sicof siplan tce unicef conselho de polÍticas de inclusÃo social emenda constitucional fundo estadual

Documents
leandrosoares.github.io · trabalhar em equipe, e facilitar o diálogo entre cliente e desenvolvedores. Linguagens e Ferramentas Javascript HTML csS+Sass/Less Angular.js Jquery PHP

leandrosoares.github.io · trabalhar em equipe, e facilitar o diálogo entre cliente e desenvolvedores. Linguagens e Ferramentas Javascript HTML csS+Sass/Less Angular.js Jquery PHP

Documents
Angular.JS - Estado Atual

Angular.JS - Estado Atual

Technology
Projeto Secomp 2014 - finalizado.pdf

Projeto Secomp 2014 - finalizado.pdf

Documents
Orientacao a objetos e design patterns - Secomp Londrina

Orientacao a objetos e design patterns - Secomp Londrina

Technology
Mini-curso de git -- SECOMP-UFS

Mini-curso de git -- SECOMP-UFS

Documents
PALESTRA SOBRE COMPETIÇÕES DE ROBÓTICA NA SECOMP – UESB

PALESTRA SOBRE COMPETIÇÕES DE ROBÓTICA NA SECOMP – UESB

Technology
Apresentação VII Secomp e 3º Seel - Jataí - GO

Apresentação VII Secomp e 3º Seel - Jataí - GO

Technology
Relatório de Gestão 2018 - Prefeitura de Sobral - Iníciotransparencia.sobral.ce.gov.br/arquivo/nome:80dc5f89fc54... · Secretaria de Obras, Mobilidade e Serviços Públicos-SECOMP

Relatório de Gestão 2018 - Prefeitura de Sobral - Iníciotransparencia.sobral.ce.gov.br/arquivo/nome:80dc5f89fc54... · Secretaria de Obras, Mobilidade e Serviços Públicos-SECOMP

Documents
Minicurso VII Secomp e 3º Seel - Jataí - GO

Minicurso VII Secomp e 3º Seel - Jataí - GO

Technology
APLICAÇÕES NA WEB PARA VALIDAÇÃO E ......4.19 Exemplo da sintaxe do Scope em Angular.js .....39 4.20 Exemplo da sintaxe das Directives em Angular.js .....39 4.21 Exemplo da sintaxe

APLICAÇÕES NA WEB PARA VALIDAÇÃO E ......4.19 Exemplo da sintaxe do Scope em Angular.js .....39 4.20 Exemplo da sintaxe das Directives em Angular.js .....39 4.21 Exemplo da sintaxe

Documents
SECOMP UFS 2013 - Carreira em Gerenciamento de Projetos

SECOMP UFS 2013 - Carreira em Gerenciamento de Projetos

Documents
Design de Interação - SECOMP 2011 - Segundo dia

Design de Interação - SECOMP 2011 - Segundo dia

Education
Secomp 2011 - Node.JS - Introdução

Secomp 2011 - Node.JS - Introdução

Technology
Design de Interação - SECOMP 2011

Design de Interação - SECOMP 2011

Education
Android Secomp 2011

Android Secomp 2011

Technology
Introdução á Programação em Java Abraão Ferreira Monteiro 6º Período de Sistemas de Informação UNIVERSITAS SECOMP 2009

Introdução á Programação em Java Abraão Ferreira Monteiro 6º Período de Sistemas de Informação UNIVERSITAS SECOMP 2009

Documents
Apresentação de Ruby on Rails - Secomp/UFS

Apresentação de Ruby on Rails - Secomp/UFS

Education
MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Documents
Arquitetura de Software e o Arquiteto - Secomp Londrina - Vinicius Quaiato

Arquitetura de Software e o Arquiteto - Secomp Londrina - Vinicius Quaiato

Technology
Appinventor + firebase MÓDULO · MIT App Inventor SeComp Database — F r X Ir para a documentação Segura Firebase

Appinventor + firebase MÓDULO · MIT App Inventor SeComp Database — F r X Ir para a documentação Segura Firebase

Documents
VIII Secomp Londrina - Desvendando o SharePoint 2010

VIII Secomp Londrina - Desvendando o SharePoint 2010

Technology
SECOMP 2011: e-Commerce, Planejamento e Mídias Sociais

SECOMP 2011: e-Commerce, Planejamento e Mídias Sociais

Documents
Empregabilidade e Empreendedorismo em Tecnologia da Informação prof. dr. Roberto Ferrari UFSCar SECOMP 2002

Empregabilidade e Empreendedorismo em Tecnologia da Informação prof. dr. Roberto Ferrari UFSCar SECOMP 2002

Documents
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstrap e Node.js

Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstrap e Node.js

Technology
Workshop Mundo Senai - Hello, Angular.js

Workshop Mundo Senai - Hello, Angular.js

Technology