Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Look Deeply into Your App with Augury
Search
Vanessa Yuen
July 01, 2016
Technology
0
100
Look Deeply into Your App with Augury
Presented at Angular Camp 2016 at Barcelona, Spain.
Vanessa Yuen
July 01, 2016
Tweet
Share
More Decks by Vanessa Yuen
See All by Vanessa Yuen
Generative Art with p5.js
vanessayuenn
4
1.1k
Other Decks in Technology
See All in Technology
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
150
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
320
Pythonによる契約プログラミング入門 / PyCon JP 2025
7pairs
5
2.3k
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
240
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.4k
避けられないI/O待ちに対処する: Rails アプリにおけるSSEとasync gemの活用 / Tackling Inevitable I/O Latency in Rails Apps with SSE and the async gem
moznion
2
1.8k
about #74462 go/token#FileSet
tomtwinkle
1
260
20250929_QaaS_vol20
mura_shin
0
110
VCC 2025 Write-up
bata_24
0
140
Trust as Infrastructure
bcantrill
0
230
入門 FormObject / An Introduction to FormObject #kaigionrails
expajp
2
1.6k
Goのビルドシステムの変遷 / The history of Go's build system
ymotongpoo
12
3.5k
Featured
See All Featured
Facilitating Awesome Meetings
lara
56
6.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Producing Creativity
orderedlist
PRO
347
40k
A designer walks into a library…
pauljervisheath
208
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Embracing the Ebb and Flow
colly
88
4.8k
Optimizing for Happiness
mojombo
379
70k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Designing for humans not robots
tammielis
254
25k
What's in a price? How to price your products and services
michaelherold
246
12k
Automating Front-end Workflow
addyosmani
1371
200k
Transcript
Look Deeply Into Your App Vanessa Yuen with Augury @rangleio
@vanessayuenn
WHAT IS AUGURY? @rangleio @vanessayuenn ◦ Angular 2 development aid
◦ Not just a debugger ◦ Chrome extension ◦ Open source effort started at Rangle.io ◦ (by wikipedia definition) an ancient bird watching practice??? Augury is...
Prototyped was first demoed at AngularConnect in October 2015 THE
PAST @rangleio @vanessayuenn
After several major iterations with feedback from usability testing the
beta version was launched at ngConf in May 2016. THE PRESENT @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? @rangleio @vanessayuenn
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation Change Detection
WHY DO I NEED AUGURY? Hierarchical Injection @rangleio @vanessayuenn Routing
& Navigation Change Detection #WTF
Augury is not just a debugger... • Component Relationships •
Detailed Component Info • Dependency Hierarchy • Change Detection Strategy • Editable Component Properties • Router Structure Look Deeply Into Your App
DEMO TIME @rangleio @vanessayuenn
UNDER THE HOOD @rangleio @vanessayuenn ◦ Augury is an Angular
2 application written in TypeScript ◦ Chrome Extension APIs ◦ Angular 2’s Debug APIs ◦ Detailed architectural documentation in repo: github.com/rangle/augury
ROADMAP @rangleio @vanessayuenn 1. Stability 2. Final Angular-2.0 support 3.
Support New “new” router 4. More UX feedback 5. Exploration for more features
OPEN SOURCE COMMUNITY @rangleio @vanessayuenn That’s all of you!
WE LOVE CONTRIBUTIONS! @rangleio @vanessayuenn github.com/rangle/augury
INTERNAL CONTRIBUTORS Bertrand Karerangabo Sumit Arora Igor Kamenetsky Vanessa Yuen
Fatima Remtullah Justina Choi Richard Hobeiche Mike Costanzo
Beta Version of Angular Augury is available on the Chrome
Web Store GET AUGURY @rangleio @vanessayuenn
THANK YOU! @rangleio @vanessayuenn