SlideShare a Scribd company logo

Angular2 + New Firebase in Action

Download as PPTX, PDF
Ruben Chavarri
Ruben Chavarri

The document introduces the integration of Angular 2 with Firebase, highlighting key features such as real-time data synchronization and the use of AngularFire2. It includes example code for setting up a Firebase database and various functionalities like observables, pipes, and live demos showcasing interactive applications. Additionally, it mentions improvements and extra features provided by Firebase for app development.

Engineering
1 of 26
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
Angular2 + New Firebase in Action Angular 2 + in Action @pekewake @dvdchavarri ANGULAR CAMP 2016
2 Rubén Chavarri Who are we: David Chavarri
Index @dvdchavarri ANGULAR CAMP 2016  Introduction to FireBase  Main Features  Angular2 integration with AngularFire2  Live demos  Online publication
A powerful platform for building realtime apps ANGULAR CAMP 2016 @dvdchavarri
Firebase Introduction @dvdchavarri ANGULAR CAMP 2016  NoSQL Data-store  Returns JSON from a RESTful API  Whenever data is updated. It sends the update down to every listening client
Main Features @dvdchavarri ANGULAR CAMP 2016
Angular2 + New Firebase in Action Firebase dashboard - https://console.firebase.google.com/ ANGULAR CAMP 2016 @dvdchavarri
First steps @dvdchavarri ANGULAR CAMP 2016 // Create a Furebase database reference var ref = new Firebase ("https://angular-camp.firebaseio.com/"); // Save data ref.set("Hello Angular Camp!"); // Sync data ref.on("value", function(snapshot) { console.log(snapshot.val()); }); // Push data ref.push({ name : "WhatEver" });
@pekewake ANGULAR CAMP 2016 + Angular
Angular 1.x & Firebase ANGULAR CAMP 2016  $digest  Array handling  Authetication @pekewake
Angular 2 & Firebase ANGULAR CAMP 2016  Observables!!!  Zones  Pipes @pekewake
Pipes + Firebase = ♥ ANGULAR CAMP 2016  Create a Firebase inside your pipe  Stream data from Firebase  All in the template @pekewake
Angular2 + New Firebase in Action Live Demo – Login & Pipe & View @pekewake ANGULAR CAMP 2016
Lets put Firebase in Action ; ) From “basic draw canvas” to “Interactive multiplayer board” lets think in observables @pekewake ANGULAR CAMP 2016
Angular2 + New Firebase in Action @pekewake ANGULAR CAMP 2016 “basic draw canvas” angular cli project canvas @ViewChild mouse observable events draw lines (color + move)
@pekewake ANGULAR CAMP 2016 “Interactive multiplayer board” https://angular2-fireboard-demo.firebaseapp.com/
How it works: ANGULAR CAMP 2016  Import firebase & AngularFire2 (last version)  Add Firebase connection  Pipe into Template  Adapt observers @pekewake
With a little more work We´ll build… an cool interactive multiplayer board ANGULAR CAMP 2016 @pekewake
Angular2 + New Firebase in Action ANGULAR CAMP 2016 “Fireboard App” - https://angular2-fireboard.firebaseapp.com/ @pekewake
Improvements: ANGULAR CAMP 2016  Observer optimization (child_add)  Multiplatform (desktops & phones)  Github Authentication  Users connected list & counter  Components organization  Material design @pekewake
Firebase Publication ANGULAR CAMP 2016 @pekewake //build for production (concat, min…) ng build –prod //Publish from console firebase deploy
Work in progress ANGULAR CAMP 2016  Router / DI integration  More Pipes  Interactive querying  Route-based security @pekewake
Firebase extra features @dvdchavarri ANGULAR CAMP 2016  Develop  Hosting  Remote Config  Test Lab  Crash Analytics  Grow  Notification  Dynamic Liks  Earn  AdMob
Thanks!@dvdchavarri@pekewake
25 Rubén Chavarri Our dates: David Chavarri
Sources Example source code: Example App: https://github.com/Twiinlab/angular2-firebase-demo Demo App: https://github.com/Twiinlab/angular2-firebase Resources & videos: https://github.com/angular/angularfire2 Learn More: Deep Dive on the Realtime Database: youtu.be/cYinms8LurA Take one of Codelabs: Codelabs.developers.google.com/io2016 Angular2-fireboard in Firebase

More Related Content

What's hot (20)

PPSX
Angular 4 fronts
badal dubla
 
PPTX
Talk for DevFest 2021 - GDG Bénin
Ezéchiel Amen AGBLA
 
PDF
Quick introduction to Angular 4 for AngularJS 1.5 developers
Paweł Żurowski
 
PDF
Swagger UI
Walaa Hamdy Assy
 
PDF
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Fabio Biondi
 
PDF
Developing a Demo Application with Angular 4 - J2I
Nader Debbabi
 
PPTX
Serverless Orchestration with Azure Durable Functions
Callon Campbell
 
PPTX
.NET MAUI with .NET 6 (December 2021, Preview 10)
Alex Pshul
 
PPTX
Making share point rock with angular and react
Joseph Jorden
 
PPTX
PPT on Angular 2 Development Tutorial
Paddy Lock
 
PPTX
Introduction to angular 2
Dor Moshe
 
PPTX
Why choose Angular 6?
Priyanka Verma
 
PDF
Angular 10 course_content
NAVEENSAGGAM1
 
PDF
Angular Meetup 1 - Angular Basics and Workshop
Nitin Bhojwani
 
PPTX
Angular Ivy- An Overview
Jalpesh Vadgama
 
PPTX
Introduction to angular | Concepts and Environment setup
Ansley Rodrigues
 
PPTX
Document your rest api using swagger - Devoxx 2015
johannes_fiala
 
ODP
Angular 6 - The Complete Guide
Sam Dias
 
PDF
What is Angular version 4?
Troy Miles
 
PDF
Make your animations perform well - Anna Migas - Codemotion Rome 2017
Codemotion
 
Angular 4 fronts
badal dubla
 
Talk for DevFest 2021 - GDG Bénin
Ezéchiel Amen AGBLA
 
Quick introduction to Angular 4 for AngularJS 1.5 developers
Paweł Żurowski
 
Swagger UI
Walaa Hamdy Assy
 
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Fabio Biondi
 
Developing a Demo Application with Angular 4 - J2I
Nader Debbabi
 
Serverless Orchestration with Azure Durable Functions
Callon Campbell
 
.NET MAUI with .NET 6 (December 2021, Preview 10)
Alex Pshul
 
Making share point rock with angular and react
Joseph Jorden
 
PPT on Angular 2 Development Tutorial
Paddy Lock
 
Introduction to angular 2
Dor Moshe
 
Why choose Angular 6?
Priyanka Verma
 
Angular 10 course_content
NAVEENSAGGAM1
 
Angular Meetup 1 - Angular Basics and Workshop
Nitin Bhojwani
 
Angular Ivy- An Overview
Jalpesh Vadgama
 
Introduction to angular | Concepts and Environment setup
Ansley Rodrigues
 
Document your rest api using swagger - Devoxx 2015
johannes_fiala
 
Angular 6 - The Complete Guide
Sam Dias
 
What is Angular version 4?
Troy Miles
 
Make your animations perform well - Anna Migas - Codemotion Rome 2017
Codemotion
 

Viewers also liked (20)

PDF
Getting Started with Angular 2
FITC
 
PDF
Magnolia & Angular JS - an Approach for Javascript RIAs Delivered by a CMS
Magnolia
 
KEY
Intro to IndexedDB (Beta)
Mike West
 
PDF
Angular2 - In Action
Sebastian Pożoga
 
PDF
How Angular2 Can Improve Your AngularJS Apps Today!
Nir Kaufman
 
PDF
Polymer Starter Kit
Evaldo Barbosa
 
PDF
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Nitya Narasimhan
 
PDF
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Horacio Gonzalez
 
PDF
Apresentação Google I/O Extended Vitória
Fabiano Monte
 
PDF
Polymer Elements: Tudo que você precisa saber para criar a web
Beto Muniz
 
PPTX
Material design
David Tiago Conceição
 
PDF
Workshop de Web Components
Guilherme Ventura
 
PDF
Polymer and Firebase: Componentizing the Web in Realtime
Juarez Filho
 
PDF
Angular js gtg-27feb2013
Nitya Narasimhan
 
PDF
Um salve para evolução! construindo uma nova web com polymer
Marcus Silva
 
PDF
Web components
Evaldo Barbosa
 
PDF
The Beautiful Simplicity of ES2015
Brandon Belvin
 
PDF
Tech talk polymer
Yanuar W
 
PDF
Introduction To Dart (GDG NY Jan 2014 Meetup)
Nitya Narasimhan
 
PDF
WebApps com Web Components
Beto Muniz
 
Getting Started with Angular 2
FITC
 
Magnolia & Angular JS - an Approach for Javascript RIAs Delivered by a CMS
Magnolia
 
Intro to IndexedDB (Beta)
Mike West
 
Angular2 - In Action
Sebastian Pożoga
 
How Angular2 Can Improve Your AngularJS Apps Today!
Nir Kaufman
 
Polymer Starter Kit
Evaldo Barbosa
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Nitya Narasimhan
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Horacio Gonzalez
 
Apresentação Google I/O Extended Vitória
Fabiano Monte
 
Polymer Elements: Tudo que você precisa saber para criar a web
Beto Muniz
 
Material design
David Tiago Conceição
 
Workshop de Web Components
Guilherme Ventura
 
Polymer and Firebase: Componentizing the Web in Realtime
Juarez Filho
 
Angular js gtg-27feb2013
Nitya Narasimhan
 
Um salve para evolução! construindo uma nova web com polymer
Marcus Silva
 
Web components
Evaldo Barbosa
 
The Beautiful Simplicity of ES2015
Brandon Belvin
 
Tech talk polymer
Yanuar W
 
Introduction To Dart (GDG NY Jan 2014 Meetup)
Nitya Narasimhan
 
WebApps com Web Components
Beto Muniz
 
Ad

Similar to Angular2 + New Firebase in Action (20)

PDF
Angular is one fire(base)! - Shmuela Jacobs
Codemotion Tel Aviv
 
PDF
Firebase Adventures - Real time platform for your apps
Juarez Filho
 
PPTX
Angular for rookies MS TechDays 2017
Erik van Appeldoorn
 
PDF
Angular2 & Native Script GDG DevFest 2016
Luciano Murruni
 
PDF
Making shiny shine brighter
Appsilon Data Science
 
PDF
Angular is on Fire(base) - Shmuela Jacobs - Codemotion Amsterdam 2017
Codemotion
 
PDF
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Tracy Lee
 
PDF
OpenAPI Spec at Google (Open API Initiative Meetup on 2016-09-15)
Open API Initiative (OAI)
 
PDF
Myths of Angular 2: What Angular Really Is
DevFest DC
 
PDF
Using hapi plugins to version your API (hapiDays 2014)
Dave Stevens
 
PPTX
Spring Cloud Netflixを使おう #jsug
Toshiaki Maki
 
PDF
What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...
Edureka!
 
PDF
The productive developer guide to Angular 2
Maurice De Beijer [MVP]
 
PDF
Using Jhipster 4 for Generating Angular/Spring Boot Apps
VMware Tanzu
 
PDF
Using JHipster for generating Angular/Spring Boot apps
Yakov Fain
 
PPTX
Angular 6 Form Validation with Material
Malika Munaweera
 
PDF
Firebase analytics event_201607
PRADA Hsiung
 
PDF
Firebase Adventures - Going above and beyond in Realtime
Juarez Filho
 
PDF
Angular JS 2_0 BCS CTO_in_Res V3
Bruce Pentreath
 
PPTX
What is new in Firebase?
Sinan Yılmaz
 
Angular is one fire(base)! - Shmuela Jacobs
Codemotion Tel Aviv
 
Firebase Adventures - Real time platform for your apps
Juarez Filho
 
Angular for rookies MS TechDays 2017
Erik van Appeldoorn
 
Angular2 & Native Script GDG DevFest 2016
Luciano Murruni
 
Making shiny shine brighter
Appsilon Data Science
 
Angular is on Fire(base) - Shmuela Jacobs - Codemotion Amsterdam 2017
Codemotion
 
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Tracy Lee
 
OpenAPI Spec at Google (Open API Initiative Meetup on 2016-09-15)
Open API Initiative (OAI)
 
Myths of Angular 2: What Angular Really Is
DevFest DC
 
Using hapi plugins to version your API (hapiDays 2014)
Dave Stevens
 
Spring Cloud Netflixを使おう #jsug
Toshiaki Maki
 
What's New in Angular 4 | Angular 4 Features | Angular 4 Changes | Angular Tu...
Edureka!
 
The productive developer guide to Angular 2
Maurice De Beijer [MVP]
 
Using Jhipster 4 for Generating Angular/Spring Boot Apps
VMware Tanzu
 
Using JHipster for generating Angular/Spring Boot apps
Yakov Fain
 
Angular 6 Form Validation with Material
Malika Munaweera
 
Firebase analytics event_201607
PRADA Hsiung
 
Firebase Adventures - Going above and beyond in Realtime
Juarez Filho
 
Angular JS 2_0 BCS CTO_in_Res V3
Bruce Pentreath
 
What is new in Firebase?
Sinan Yılmaz
 
Ad

More from Ruben Chavarri (7)

PDF
Construir una App con AI nunca fue tan fácil
Ruben Chavarri
 
PDF
Block chain lets kill the hype
Ruben Chavarri
 
PDF
T3chCoin: dando forma al mundo a base de tokens
Ruben Chavarri
 
PPTX
BitCoin, BlockChain, más criaturas fantásticas, y donde utilizarlas
Ruben Chavarri
 
PPTX
The cognitive side of IoT (TechSummit 2016)
Ruben Chavarri
 
PPTX
Introduccion WebComponents y Visual Studio
Ruben Chavarri
 
PDF
PartyRocking: Jugando con Javascript y Websockets
Ruben Chavarri
 
Construir una App con AI nunca fue tan fácil
Ruben Chavarri
 
Block chain lets kill the hype
Ruben Chavarri
 
T3chCoin: dando forma al mundo a base de tokens
Ruben Chavarri
 
BitCoin, BlockChain, más criaturas fantásticas, y donde utilizarlas
Ruben Chavarri
 
The cognitive side of IoT (TechSummit 2016)
Ruben Chavarri
 
Introduccion WebComponents y Visual Studio
Ruben Chavarri
 
PartyRocking: Jugando con Javascript y Websockets
Ruben Chavarri
 

Recently uploaded (20)

PDF
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
PPTX
Arduino Based Gas Leakage Detector Project
CircuitDigest
 
PPTX
UNIT DAA PPT cover all topics 2021 regulation
archu26
 
PPTX
Introduction to Neural Networks and Perceptron Learning Algorithm.pptx
Kayalvizhi A
 
PPTX
MobileComputingMANET2023 MobileComputingMANET2023.pptx
masterfake98765
 
PDF
monopile foundation seminar topic for civil engineering students
Ahina5
 
PDF
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
PPTX
Thermal runway and thermal stability.pptx
godow93766
 
PDF
Unified_Cloud_Comm_Presentation anil singh ppt
anilsingh298751
 
DOCX
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
PPTX
Green Building & Energy Conservation ppt
Sagar Sarangi
 
PDF
Ethics and Trustworthy AI in Healthcare – Governing Sensitive Data, Profiling...
AlqualsaDIResearchGr
 
PPTX
Hashing Introduction , hash functions and techniques
sailajam21
 
PDF
Design Thinking basics for Engineers.pdf
CMR University
 
PPTX
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
PPTX
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
PDF
Water Design_Manual_2005. KENYA FOR WASTER SUPPLY AND SEWERAGE
DancanNgutuku
 
PDF
Introduction to Productivity and Quality
মোঃ ফুরকান উদ্দিন জুয়েল
 
PPTX
Server Side Web Development Unit 1 of Nodejs.pptx
sneha852132
 
PDF
6th International Conference on Machine Learning Techniques and Data Science ...
ijistjournal
 
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
Arduino Based Gas Leakage Detector Project
CircuitDigest
 
UNIT DAA PPT cover all topics 2021 regulation
archu26
 
Introduction to Neural Networks and Perceptron Learning Algorithm.pptx
Kayalvizhi A
 
MobileComputingMANET2023 MobileComputingMANET2023.pptx
masterfake98765
 
monopile foundation seminar topic for civil engineering students
Ahina5
 
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
Thermal runway and thermal stability.pptx
godow93766
 
Unified_Cloud_Comm_Presentation anil singh ppt
anilsingh298751
 
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
Green Building & Energy Conservation ppt
Sagar Sarangi
 
Ethics and Trustworthy AI in Healthcare – Governing Sensitive Data, Profiling...
AlqualsaDIResearchGr
 
Hashing Introduction , hash functions and techniques
sailajam21
 
Design Thinking basics for Engineers.pdf
CMR University
 
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
Water Design_Manual_2005. KENYA FOR WASTER SUPPLY AND SEWERAGE
DancanNgutuku
 
Introduction to Productivity and Quality
মোঃ ফুরকান উদ্দিন জুয়েল
 
Server Side Web Development Unit 1 of Nodejs.pptx
sneha852132
 
6th International Conference on Machine Learning Techniques and Data Science ...
ijistjournal
 

Angular2 + New Firebase in Action

  • 1. Angular2 + New Firebase in Action Angular 2 + in Action @pekewake @dvdchavarri ANGULAR CAMP 2016
  • 2. 2 Rubén Chavarri Who are we: David Chavarri
  • 3. Index @dvdchavarri ANGULAR CAMP 2016  Introduction to FireBase  Main Features  Angular2 integration with AngularFire2  Live demos  Online publication
  • 4. A powerful platform for building realtime apps ANGULAR CAMP 2016 @dvdchavarri
  • 5. Firebase Introduction @dvdchavarri ANGULAR CAMP 2016  NoSQL Data-store  Returns JSON from a RESTful API  Whenever data is updated. It sends the update down to every listening client
  • 7. Angular2 + New Firebase in Action Firebase dashboard - https://console.firebase.google.com/ ANGULAR CAMP 2016 @dvdchavarri
  • 8. First steps @dvdchavarri ANGULAR CAMP 2016 // Create a Furebase database reference var ref = new Firebase ("https://angular-camp.firebaseio.com/"); // Save data ref.set("Hello Angular Camp!"); // Sync data ref.on("value", function(snapshot) { console.log(snapshot.val()); }); // Push data ref.push({ name : "WhatEver" });
  • 10. Angular 1.x & Firebase ANGULAR CAMP 2016  $digest  Array handling  Authetication @pekewake
  • 11. Angular 2 & Firebase ANGULAR CAMP 2016  Observables!!!  Zones  Pipes @pekewake
  • 12. Pipes + Firebase = ♥ ANGULAR CAMP 2016  Create a Firebase inside your pipe  Stream data from Firebase  All in the template @pekewake
  • 13. Angular2 + New Firebase in Action Live Demo – Login & Pipe & View @pekewake ANGULAR CAMP 2016
  • 14. Lets put Firebase in Action ; ) From “basic draw canvas” to “Interactive multiplayer board” lets think in observables @pekewake ANGULAR CAMP 2016
  • 15. Angular2 + New Firebase in Action @pekewake ANGULAR CAMP 2016 “basic draw canvas” angular cli project canvas @ViewChild mouse observable events draw lines (color + move)
  • 16. @pekewake ANGULAR CAMP 2016 “Interactive multiplayer board” https://angular2-fireboard-demo.firebaseapp.com/
  • 17. How it works: ANGULAR CAMP 2016  Import firebase & AngularFire2 (last version)  Add Firebase connection  Pipe into Template  Adapt observers @pekewake
  • 18. With a little more work We´ll build… an cool interactive multiplayer board ANGULAR CAMP 2016 @pekewake
  • 19. Angular2 + New Firebase in Action ANGULAR CAMP 2016 “Fireboard App” - https://angular2-fireboard.firebaseapp.com/ @pekewake
  • 20. Improvements: ANGULAR CAMP 2016  Observer optimization (child_add)  Multiplatform (desktops & phones)  Github Authentication  Users connected list & counter  Components organization  Material design @pekewake
  • 21. Firebase Publication ANGULAR CAMP 2016 @pekewake //build for production (concat, min…) ng build –prod //Publish from console firebase deploy
  • 22. Work in progress ANGULAR CAMP 2016  Router / DI integration  More Pipes  Interactive querying  Route-based security @pekewake
  • 23. Firebase extra features @dvdchavarri ANGULAR CAMP 2016  Develop  Hosting  Remote Config  Test Lab  Crash Analytics  Grow  Notification  Dynamic Liks  Earn  AdMob
  • 26. Sources Example source code: Example App: https://github.com/Twiinlab/angular2-firebase-demo Demo App: https://github.com/Twiinlab/angular2-firebase Resources & videos: https://github.com/angular/angularfire2 Learn More: Deep Dive on the Realtime Database: youtu.be/cYinms8LurA Take one of Codelabs: Codelabs.developers.google.com/io2016 Angular2-fireboard in Firebase

Editor's Notes

  • #3: Un poco de nuestras historia, que hemos aprendido por el camino Participado en el framework de desarrollo de aplicaciones orientado a componentes dentro del Banco Animados por aprender nuevos frameworks, asiduos frecuentes a meetups y hackathones
  • #4: Comenzaremos con una introducción para situarnos y que es esto de los Webcomponents. Aunque lo que nos interesa especialmente ver de forma práctica a través de ejemplos, costruiremos nuestro primer Webcomponents, veremos unos cuantos ejemplos de como se combinan y terminaremos viendo una aplicación.
  • #5: #DISCLAIMER const talk = best ? fav_famework : react; * No estamos aquí para decir que Webcomponents es el mejor, que es mejor que Angular, que React o Backbone. * Lo way, lo que mola es observar y decidir que es lo mejor para tu producto. Hay que ser responsable. Importante contar con una tecnología que tenga una comunidad detrás y que se esté implantando en clientes finales (Polymer en SalesForce, Github y por proyectos mas cercanos en ING y en otros principales bancos. * Los frameworks intentan abarcar todo pero no son capaces de apretar en todas sus partes. * Por situarnos: Webcomponents (librería) para cubrir necesidades especificas y Angular (es un framework) - Pregunta para Google: Porque dos frameworks diferentes? AngularJS y Polymer. Porque realmetne no existe la formula perfecta! - Angular? Es necesario adaptar toda la empresa para utilizar un framework.
  • #7: Comenzaremos con una introducción para situarnos y que es esto de los Webcomponents. Aunque lo que nos interesa especialmente ver de forma práctica a través de ejemplos, costruiremos nuestro primer Webcomponents, veremos unos cuantos ejemplos de como se combinan y terminaremos viendo una aplicación.
  • #9: Comenzaremos con una introducción para situarnos y que es esto de los Webcomponents. Aunque lo que nos interesa especialmente ver de forma práctica a través de ejemplos, costruiremos nuestro primer Webcomponents, veremos unos cuantos ejemplos de como se combinan y terminaremos viendo una aplicación.
  • #10: #DISCLAIMER const talk = best ? fav_famework : react; * No estamos aquí para decir que Webcomponents es el mejor, que es mejor que Angular, que React o Backbone. * Lo way, lo que mola es observar y decidir que es lo mejor para tu producto. Hay que ser responsable. Importante contar con una tecnología que tenga una comunidad detrás y que se esté implantando en clientes finales (Polymer en SalesForce, Github y por proyectos mas cercanos en ING y en otros principales bancos. * Los frameworks intentan abarcar todo pero no son capaces de apretar en todas sus partes. * Por situarnos: Webcomponents (librería) para cubrir necesidades especificas y Angular (es un framework) - Pregunta para Google: Porque dos frameworks diferentes? AngularJS y Polymer. Porque realmetne no existe la formula perfecta! - Angular? Es necesario adaptar toda la empresa para utilizar un framework.
  • #19: #DISCLAIMER const talk = best ? fav_famework : react; * No estamos aquí para decir que Webcomponents es el mejor, que es mejor que Angular, que React o Backbone. * Lo way, lo que mola es observar y decidir que es lo mejor para tu producto. Hay que ser responsable. Importante contar con una tecnología que tenga una comunidad detrás y que se esté implantando en clientes finales (Polymer en SalesForce, Github y por proyectos mas cercanos en ING y en otros principales bancos. * Los frameworks intentan abarcar todo pero no son capaces de apretar en todas sus partes. * Por situarnos: Webcomponents (librería) para cubrir necesidades especificas y Angular (es un framework) - Pregunta para Google: Porque dos frameworks diferentes? AngularJS y Polymer. Porque realmetne no existe la formula perfecta! - Angular? Es necesario adaptar toda la empresa para utilizar un framework.
  • #24: Comenzaremos con una introducción para situarnos y que es esto de los Webcomponents. Aunque lo que nos interesa especialmente ver de forma práctica a través de ejemplos, costruiremos nuestro primer Webcomponents, veremos unos cuantos ejemplos de como se combinan y terminaremos viendo una aplicación.