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

Angular is on Fire(base)! - Angular Dev Summit

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Shmuela Jacobs Shmuela Jacobs
September 14, 2017
Programming
140
0

Angular is on Fire(base)! - Angular Dev Summit

Angular, Firebase and AngularFire2
Presented at https://angulardevsummit.com/

Avatar for Shmuela Jacobs

Shmuela Jacobs

September 14, 2017

More Decks by Shmuela Jacobs

See All by Shmuela Jacobs
Static (?!?#🙀) Web Apps
Avatar for Shmuela Jacobs shmool
0
350
Reactive Powered: RxJS with Angular Forms
Avatar for Shmuela Jacobs shmool
0
280
It’s Alive! Dynamic Components in Angular
Avatar for Shmuela Jacobs shmool
0
120
ngGirls slides - intro to Angular
Avatar for Shmuela Jacobs shmool
0
330
Reactive Programming with RxJS and Angular
Avatar for Shmuela Jacobs shmool
1
260
Progressive Web Apps with Angular
Avatar for Shmuela Jacobs shmool
1
260
Angular for Beginners Intro
Avatar for Shmuela Jacobs shmool
0
120
ngGirls Just Want to Have Fun!
Avatar for Shmuela Jacobs shmool
0
94
Augury - lightning talk
Avatar for Shmuela Jacobs shmool
0
150

Other Decks in Programming

See All in Programming
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
Avatar for petamoriken / 森建 petamoriken
5
1.1k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
580
なぜあなたのコードには「コシ」がないのか？〜AI時代に問う、最後まで美味しい設計と戦略〜 #phpconkagawa / phpconkagawa2026
Avatar for shogogg shogogg
0
210
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
170
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
130
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
370
KMP × Kotlin 2.3 - How Android Got Slower While iOS Builds Improved by 47%
Avatar for Ryosuke Shimizu (RIO) rio432
0
230
実践ハーネスエンジニアリング：ステアリングループを実例から読み解く / Practical Harness Engineering: Understanding Steering Loops Through Real-World Examples
Avatar for nrs nrslib
5
5.7k
How We Practice Exploratory Testing in Iterative Development( #scrumniigata ) / 反復開発の中で、探索的テストをどう実施しているか
Avatar for teyamagu teyamagu
PRO
3
980
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
3
450
権限チェックの一貫性を型で守る TypeScript による多層防御
Avatar for aster-mnch (kitagawa) mnch
3
210
運転動画を検索可能にする〜Cosmos-Embed1とDatabricks Vector Searchで〜/cosmos-embed1-databricks-vector-search
Avatar for 開発室Graph studio_graph
3
970

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
260
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.4k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
250

Transcript

  1. Angular is on Fire(base)! Shmuela Jacobs

  2. Shmuela Jacobs Front-end Developer & Consultant Mentors Needed!

  3. Firebase

  4. 4

  5. https://github.com/angular/angular-cli Angular CLI

  6. https://github.com/angular/angularfire2 AngularFire2 Do stuff like: <div> {{ (authService.authState$ | async

    )?.displayName }}

  7. Angular & Firebase Authentication Real Time Database Cloud Functions Best

    Practices NEW!

  8. Project Setup npm i @angular/cli -g ng new my-app --style=scss

    --prefix=sj -it --routing // .angular-cli.json {...
 "defaults": {
 "styleExt": "scss",
 "component": {
 "inlineTemplate": true
 }
 } }

  9. Authentication Email + Password OAuth Smart user management

  10. Database Real time Read/write protection Lists Objects Queries - observables!

  11. Cloud Functions Server side functions DB Triggers Manage storage Google

    APIs Notifications

  12. More in Firebase Storage Notifications Invites Hosting AdWords Analytics ...and

    more!

  13. Shmuela Jacobs [email protected] github.com/shmool @ShmuelaJ 6JCPM;QW ng-girls.org