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

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

Avatar for Shmuela Jacobs Shmuela Jacobs
September 14, 2017
Programming
0
110

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
Tweet

More Decks by Shmuela Jacobs

See All by Shmuela Jacobs
Static (?!?#🙀) Web Apps
Avatar for Shmuela Jacobs shmool
0
310
Reactive Powered: RxJS with Angular Forms
Avatar for Shmuela Jacobs shmool
0
260
It’s Alive! Dynamic Components in Angular
Avatar for Shmuela Jacobs shmool
0
96
ngGirls slides - intro to Angular
Avatar for Shmuela Jacobs shmool
0
320
Reactive Programming with RxJS and Angular
Avatar for Shmuela Jacobs shmool
1
230
Progressive Web Apps with Angular
Avatar for Shmuela Jacobs shmool
1
230
Angular for Beginners Intro
Avatar for Shmuela Jacobs shmool
0
87
ngGirls Just Want to Have Fun!
Avatar for Shmuela Jacobs shmool
0
76
Augury - lightning talk
Avatar for Shmuela Jacobs shmool
0
140

Other Decks in Programming

See All in Programming
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
750
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
230
Rubyでやりたい駆動開発 / Ruby driven development
Avatar for chobishiba chobishiba
1
360
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
680
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
150
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
140
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
1.3k
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
Avatar for Koichi NAKAGAWA knakagawa
1
120
AIコーディング道場勉強会#2 君（エンジニア）たちはどう生きるか
Avatar for misaki.otb misakiotb
1
240
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
2
250
git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～
Avatar for hisuzuya hisuzuya
1
450
「ElixirでIoT!!」のこれまでとこれから
Avatar for takasehideki takasehideki
0
370

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
360
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
790
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
700
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k

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