SlideShare a Scribd company logo
@jdpearce / #AisForAngular
#AisForAngular
by
Jo Hanna Pearce
(she/her)
A is for Angular. The reason we’re here!

There’s quite a lot to it, not all of it clear

What I’m going to attempt is poetic oration

Of Angular aspects that cause consternation

There’s so much to say and I haven’t much time

I’ve got 26 letters to get through in rhyme.
@jdpearce / #AisForAngular
Browser
B is for…
B is for Browser, for which we all build

There isn’t just one, we may need polyfills

We test different systems as much as we’re able 

So as not to exclude anyone from our table.
@jdpearce / #AisForAngular
Core, Common
C is for…
C is for Core where we find ContentChild

Compiler as well which each module provides

Common we need as the name might suggest

And ComponentFixture with which we write tests
@jdpearce / #AisForAngular
@Decorators
D is for…
D is for Decorators, what are they for?

They make classes and methods and properties do more!

How do we add such syntactical sweetness?

They’re just functions that bring some grammatical neatness!
@jdpearce / #AisForAngular
Elements
E is for…
E is for Elements. Exciting and new!

Portable Angular components for you!

Not only easier to load on the fly

But - standards compliant - they’re consumable by

The other big frameworks, even plain javascript

There’ll be fun getting future big projects to “shipped”!
@jdpearce / #AisForAngular
Forms
F is for…
F is for Formats and Factories and Forms.

Driven by templates or is reactive the norm?

This is one of those areas where preference feels muddled

And seems like it could leave developers troubled
@jdpearce / #AisForAngular
Guards
G is for…
Under G we find Guards and some methods that get

From protecting our Routes to LocaleDateFormat

The methods are more or less simple enough

But explaining the router and guards would be tough…

With the time rushing onward I won’t even try

If I have to use more sketchy rhymes I might cry.
@jdpearce / #AisForAngular
@Host
H is for…
H is for Http and our Host

Hypertext transport is something that most

Of the devs in this room will probably get

But you may not have used the Host decorator yet

It tells the injector just where it should cease

As it tries to acquire what it needs piece by piece
@jdpearce / #AisForAngular
Ivy (Renderer3)
I is for…
I is for Ivy. Or Renderer3

Simpler and faster and small as a flea

Or that’s the intention it’s not quite yet done

But it’s out there to try if you want to have fun
@jdpearce / #AisForAngular
JitCompilerFactory,
JSONPipe
J is for…
J brings us on to JitCompilerFactory

About which the docs are quite unsatisfactory

There’s JsonPipe too which I’m sure we’ve all used

But as it’s impure it should not be abused

It’s great for debugging, seeing under the skin

Of components we write and the properties within.
@jdpearce / #AisForAngular
KeyValues
K is for…
K is for KeyValues used in the map

For detecting the changes throughout our app

This has left many devs feeling hopelessly wrecked

As they look up ExpressionChangedAfterItHasBeenChecked
@jdpearce / #AisForAngular
Location
L is for…
L is Location, the way we might tell

The parts of our app from each URL

The strategy used changes how the address

Of our pages will look and whether the mess

With its readable straightforward slashes and slugs

Will instead of all that be just hashes and bugs
@jdpearce / #AisForAngular
MessageBus
M is for…
M is for Modules and Messages and Mocks

While module is one of the main building blocks

The MessageBus may not be something you’ve found

It sends data between the UI and background

While the web worker code isn’t ready just yet

It’s importance will grow in the future I bet…
@jdpearce / #AisForAngular
Ng*
N is for…
Navigation is next and the NO_ERRORS_SCHEMA

And of course all the classes beginning Ng*

Who’d have thought that the devs of a modern creation

Would succumb to the need for Hungarian notation?
@jdpearce / #AisForAngular
OnInit, OnDestroy…
O is for…
Onwards to O for OnInit, OnDestroy,

The decorators Optional and Output, oh joy!

There’s nothing that seems unfamiliar here

Just parts of the system we hold near and dear
@jdpearce / #AisForAngular
Plural
P is for…
P is for Plural a curious thing

If you look up the rules for outputting strings

For the locales your users might reasonably expect

The unicode CLDR has the specs.

I don’t recommend it for a light bedtime read

But for localisation it’s a doc you should heed.
@jdpearce / #AisForAngular
QueryList
Q is for…
Q is for querying all of the things.

We can query with types or query with strings

We can query the content, query the view

And be sure we’re updated of anything new!
@jdpearce / #AisForAngular
RxJS
R is for…
To observe all the things we need RxJS

And there’s more to this lib than some docs might suggest

If you’re struggling with state and try NgRx

You’ll learn more of its breadth and at first be perplexed

How you ever could limit yourself to subscriptions

That ended with only a single emission…
@jdpearce / #AisForAngular
Schematics
S is for…
With S we might like to consider Schematics

For workflow improvements they could be dramatic

But only if what we are hoping to gain

Is a better approach to the code we maintain

Pragmatically projects that stay fairly small

May not have a need for Schematics at all.
@jdpearce / #AisForAngular
TypeScript
T is for…
T is for TypeScript, not as hard as you thought

Although lately it seems there’s a war being fought

Between those of us pleased with their explicit typing

And others who seem to be constantly sniping

That javascript really was made to be free

And guessing what everything does is the key!
@jdpearce / #AisForAngular
UpgradeModule
U is for…
U brings the UpgradeModule into sight

And I honestly can’t recommend that you fight

With the hybridisation of Angular Apps,

Separate them by route, don’t fall into the traps

Of thinking that as this is something we could,

That means it is one of the things that we should.
@jdpearce / #AisForAngular
View*
V is for…
V brings us round to ViewChild and ViewChildren

ViewContainerRef and ViewEncapsulation

I really can’t fit into here what they do

But note the distinction between content and view

There’s a DOM for the things that we View on the screen

And another for Content that sets up the scenes
@jdpearce / #AisForAngular
WTF?
W is for…
W brings us to classes that look

As though they all start with the phrase “what the f…”

The intent here is not just to make you all smirk

WTF stands for Web Tracing Framework

If performance is key this may be what you’re using

But for everyone else we see code that’s amusing.
@jdpearce / #AisForAngular
XhrFactory
X is for…
X is for XhrFactory and well…

What else is there under this letter to tell?

They’ve wrapped XMLHttpRequest

It’s one of the things that allows us to test!
@jdpearce / #AisForAngular
You
Y is for…
Y is for You, all the people here seated

Who wrestle with code and remain undefeated

Community is something that makes us all better

(And frankly there’s nothing that starts with this letter)
@jdpearce / #AisForAngular
Zones
Z is for…
Z is for Zones, about which all I’ll say

Is I’m hoping we no longer need them one day.

And that little thought is the last thing I’ll mention

I’m grateful you’ve lasted the course, paid attention

I’ve rushed through a lot in a very short time,

And I think now I’ve used all my Angular rhymes!
@jdpearce / #AisForAngular
TH NK YOU.TH NK YOU.

More Related Content

Similar to A is for Angular

Scottish Ruby Conference 2014
Scottish Ruby Conference  2014Scottish Ruby Conference  2014
Scottish Ruby Conference 2014
michaelag1971
 
Low maintenance perl notes
Low maintenance perl notesLow maintenance perl notes
Low maintenance perl notes
Perrin Harkins
 
ACM Init() lesson 1
ACM Init() lesson 1ACM Init() lesson 1
C# .NET - Um overview da linguagem
C# .NET - Um overview da linguagem C# .NET - Um overview da linguagem
C# .NET - Um overview da linguagem
Claudson Oliveira
 
the-10-rest-commandments.pdf
the-10-rest-commandments.pdfthe-10-rest-commandments.pdf
the-10-rest-commandments.pdf
DavorKolenc1
 
Groovy And Grails
Groovy And GrailsGroovy And Grails
Groovy And Grails
William Grosso
 
How to tell a better story (in code)(final)
How to tell a better story (in code)(final)How to tell a better story (in code)(final)
How to tell a better story (in code)(final)
Bonnie Pan
 
What does OOP stand for?
What does OOP stand for?What does OOP stand for?
What does OOP stand for?
Colin Riley
 
Inheritance Versus Roles - The In-Depth Version
Inheritance Versus Roles - The In-Depth VersionInheritance Versus Roles - The In-Depth Version
Inheritance Versus Roles - The In-Depth Version
Curtis Poe
 
Atlassian: The latest and greatest - May/June 2013
Atlassian: The latest and greatest - May/June 2013Atlassian: The latest and greatest - May/June 2013
Atlassian: The latest and greatest - May/June 2013
Sven Peters
 
Daniel Steigerwald: WYSIWYG je šik! (když funguje)
Daniel Steigerwald: WYSIWYG je šik! (když funguje)Daniel Steigerwald: WYSIWYG je šik! (když funguje)
Daniel Steigerwald: WYSIWYG je šik! (když funguje)
Develcz
 
Brief Introduction to Spectacular
Brief Introduction to SpectacularBrief Introduction to Spectacular
Brief Introduction to Spectacular
Michael Dowling
 
Alabot
AlabotAlabot
Alabot
Gaurav P
 
What the math geeks don't want you to know about F#
What the math geeks don't want you to know about F#What the math geeks don't want you to know about F#
What the math geeks don't want you to know about F#
Kevin Hazzard
 
Tensorflow go
Tensorflow goTensorflow go
Tensorflow go
Patrick Walker
 
Wipro-TechnicalRound&HRInterviewQuestions (1).doc
Wipro-TechnicalRound&HRInterviewQuestions (1).docWipro-TechnicalRound&HRInterviewQuestions (1).doc
Wipro-TechnicalRound&HRInterviewQuestions (1).doc
AyushVerma584677
 
PHP App Performance / Sydney PHP
PHP App Performance / Sydney PHPPHP App Performance / Sydney PHP
PHP App Performance / Sydney PHP
Harald Zeitlhofer
 
E4IT STARTER - MODULE 12.pdf
E4IT STARTER - MODULE 12.pdfE4IT STARTER - MODULE 12.pdf
E4IT STARTER - MODULE 12.pdf
Anna Gandrabura
 
Graphql
GraphqlGraphql
Getting Started with Graph Databases
Getting Started with Graph Databases Getting Started with Graph Databases
Getting Started with Graph Databases
Lauren Hayward Schaefer
 

Similar to A is for Angular (20)

Scottish Ruby Conference 2014
Scottish Ruby Conference  2014Scottish Ruby Conference  2014
Scottish Ruby Conference 2014
 
Low maintenance perl notes
Low maintenance perl notesLow maintenance perl notes
Low maintenance perl notes
 
ACM Init() lesson 1
ACM Init() lesson 1ACM Init() lesson 1
ACM Init() lesson 1
 
C# .NET - Um overview da linguagem
C# .NET - Um overview da linguagem C# .NET - Um overview da linguagem
C# .NET - Um overview da linguagem
 
the-10-rest-commandments.pdf
the-10-rest-commandments.pdfthe-10-rest-commandments.pdf
the-10-rest-commandments.pdf
 
Groovy And Grails
Groovy And GrailsGroovy And Grails
Groovy And Grails
 
How to tell a better story (in code)(final)
How to tell a better story (in code)(final)How to tell a better story (in code)(final)
How to tell a better story (in code)(final)
 
What does OOP stand for?
What does OOP stand for?What does OOP stand for?
What does OOP stand for?
 
Inheritance Versus Roles - The In-Depth Version
Inheritance Versus Roles - The In-Depth VersionInheritance Versus Roles - The In-Depth Version
Inheritance Versus Roles - The In-Depth Version
 
Atlassian: The latest and greatest - May/June 2013
Atlassian: The latest and greatest - May/June 2013Atlassian: The latest and greatest - May/June 2013
Atlassian: The latest and greatest - May/June 2013
 
Daniel Steigerwald: WYSIWYG je šik! (když funguje)
Daniel Steigerwald: WYSIWYG je šik! (když funguje)Daniel Steigerwald: WYSIWYG je šik! (když funguje)
Daniel Steigerwald: WYSIWYG je šik! (když funguje)
 
Brief Introduction to Spectacular
Brief Introduction to SpectacularBrief Introduction to Spectacular
Brief Introduction to Spectacular
 
Alabot
AlabotAlabot
Alabot
 
What the math geeks don't want you to know about F#
What the math geeks don't want you to know about F#What the math geeks don't want you to know about F#
What the math geeks don't want you to know about F#
 
Tensorflow go
Tensorflow goTensorflow go
Tensorflow go
 
Wipro-TechnicalRound&HRInterviewQuestions (1).doc
Wipro-TechnicalRound&HRInterviewQuestions (1).docWipro-TechnicalRound&HRInterviewQuestions (1).doc
Wipro-TechnicalRound&HRInterviewQuestions (1).doc
 
PHP App Performance / Sydney PHP
PHP App Performance / Sydney PHPPHP App Performance / Sydney PHP
PHP App Performance / Sydney PHP
 
E4IT STARTER - MODULE 12.pdf
E4IT STARTER - MODULE 12.pdfE4IT STARTER - MODULE 12.pdf
E4IT STARTER - MODULE 12.pdf
 
Graphql
GraphqlGraphql
Graphql
 
Getting Started with Graph Databases
Getting Started with Graph Databases Getting Started with Graph Databases
Getting Started with Graph Databases
 

More from Jo Hanna Pearce

Interface incantations
Interface incantationsInterface incantations
Interface incantations
Jo Hanna Pearce
 
Systems of Snowflakes : Beauty, Complexity and Choice
Systems of Snowflakes : Beauty, Complexity and ChoiceSystems of Snowflakes : Beauty, Complexity and Choice
Systems of Snowflakes : Beauty, Complexity and Choice
Jo Hanna Pearce
 
Hacking Your Head - Managing Information Overload (45 mix)
Hacking Your Head  - Managing Information Overload (45 mix)Hacking Your Head  - Managing Information Overload (45 mix)
Hacking Your Head - Managing Information Overload (45 mix)
Jo Hanna Pearce
 
Hacking Your Head : Managing Information Overload (extended)
Hacking Your Head : Managing Information Overload (extended)Hacking Your Head : Managing Information Overload (extended)
Hacking Your Head : Managing Information Overload (extended)
Jo Hanna Pearce
 
Hacking Your Head : Managing Information Overload
Hacking Your Head : Managing Information OverloadHacking Your Head : Managing Information Overload
Hacking Your Head : Managing Information Overload
Jo Hanna Pearce
 
What is cognitive load theory and why should you care?
What is cognitive load theory and why should you care?What is cognitive load theory and why should you care?
What is cognitive load theory and why should you care?
Jo Hanna Pearce
 

More from Jo Hanna Pearce (6)

Interface incantations
Interface incantationsInterface incantations
Interface incantations
 
Systems of Snowflakes : Beauty, Complexity and Choice
Systems of Snowflakes : Beauty, Complexity and ChoiceSystems of Snowflakes : Beauty, Complexity and Choice
Systems of Snowflakes : Beauty, Complexity and Choice
 
Hacking Your Head - Managing Information Overload (45 mix)
Hacking Your Head  - Managing Information Overload (45 mix)Hacking Your Head  - Managing Information Overload (45 mix)
Hacking Your Head - Managing Information Overload (45 mix)
 
Hacking Your Head : Managing Information Overload (extended)
Hacking Your Head : Managing Information Overload (extended)Hacking Your Head : Managing Information Overload (extended)
Hacking Your Head : Managing Information Overload (extended)
 
Hacking Your Head : Managing Information Overload
Hacking Your Head : Managing Information OverloadHacking Your Head : Managing Information Overload
Hacking Your Head : Managing Information Overload
 
What is cognitive load theory and why should you care?
What is cognitive load theory and why should you care?What is cognitive load theory and why should you care?
What is cognitive load theory and why should you care?
 

Recently uploaded

世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
sawyerhenriquez126
 
Clyde the cat and Space Poems by Basak Serin
Clyde the cat and Space Poems by Basak SerinClyde the cat and Space Poems by Basak Serin
Clyde the cat and Space Poems by Basak Serin
Basak24
 
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdfEnhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
Xtreame HDTV
 
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing HypothesisMorgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
greendigital
 
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
cepcade
 
VR Economy
VR EconomyVR Economy
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
ahmedendrise81
 
SERV - Fun Things To Do In Overland Park
SERV - Fun Things To Do In Overland ParkSERV - Fun Things To Do In Overland Park
SERV - Fun Things To Do In Overland Park
SERV
 
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
humbertogarsia692
 
A Brief Introduction About Jason Kozup
A  Brief  Introduction  About  Jason  KozupA  Brief  Introduction  About  Jason  Kozup
A Brief Introduction About Jason Kozup
Jason Kozup
 
Money Problem Solution Number 74260-14248
Money Problem Solution Number 74260-14248Money Problem Solution Number 74260-14248
Money Problem Solution Number 74260-14248
Mobile Problem
 
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girlsℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
moharsinghtrt1950
 
HD Video Player All Format - 4k & live stream
HD Video Player All Format - 4k & live streamHD Video Player All Format - 4k & live stream
HD Video Player All Format - 4k & live stream
HD Video Player
 
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdfUnlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
WHMCS Smarters
 
Tom Cruise Daughter: An Insight into the Life of Suri Cruise
Tom Cruise Daughter: An Insight into the Life of Suri CruiseTom Cruise Daughter: An Insight into the Life of Suri Cruise
Tom Cruise Daughter: An Insight into the Life of Suri Cruise
greendigital
 
What Going to the Doctor is Like as an Adult Comics
What Going to the Doctor is Like as an Adult ComicsWhat Going to the Doctor is Like as an Adult Comics
What Going to the Doctor is Like as an Adult Comics
Salty Vixen Stories & More
 
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
ytunuq
 
The Midnight Sculptor.pdf writer by Ali alsiad
The Midnight Sculptor.pdf writer by Ali alsiadThe Midnight Sculptor.pdf writer by Ali alsiad
The Midnight Sculptor.pdf writer by Ali alsiad
ali345alghlay
 
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
juliancopeman444
 
Sunny and Rishi 3 Written by Basak Serin
Sunny and Rishi 3 Written by Basak SerinSunny and Rishi 3 Written by Basak Serin
Sunny and Rishi 3 Written by Basak Serin
Basak24
 

Recently uploaded (20)

世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
世预赛下注-世预赛下注竞猜网站-世预赛下注竞猜波胆|【​网址​🎉ac123.net🎉​】
 
Clyde the cat and Space Poems by Basak Serin
Clyde the cat and Space Poems by Basak SerinClyde the cat and Space Poems by Basak Serin
Clyde the cat and Space Poems by Basak Serin
 
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdfEnhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
Enhance Your Viewing Experience with Gold IPTV- Tips and Tricks for 2024.pdf
 
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing HypothesisMorgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
Morgan Freeman is Jimi Hendrix: Unveiling the Intriguing Hypothesis
 
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
一比一原版办理(CITY毕业证)伦敦大学城市学院毕业证
 
VR Economy
VR EconomyVR Economy
VR Economy
 
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
美洲杯下注-美洲杯下注十六强-美洲杯下注买球网|【​网址​🎉ac22.net🎉​】
 
SERV - Fun Things To Do In Overland Park
SERV - Fun Things To Do In Overland ParkSERV - Fun Things To Do In Overland Park
SERV - Fun Things To Do In Overland Park
 
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
欧洲杯足彩-欧洲杯足彩下注网站-欧洲杯足彩投注网站|【​网址​🎉ac99.net🎉​】
 
A Brief Introduction About Jason Kozup
A  Brief  Introduction  About  Jason  KozupA  Brief  Introduction  About  Jason  Kozup
A Brief Introduction About Jason Kozup
 
Money Problem Solution Number 74260-14248
Money Problem Solution Number 74260-14248Money Problem Solution Number 74260-14248
Money Problem Solution Number 74260-14248
 
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girlsℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
ℂall Girls Goa (india) +91-7426014248 Goa ℂall Girls
 
HD Video Player All Format - 4k & live stream
HD Video Player All Format - 4k & live streamHD Video Player All Format - 4k & live stream
HD Video Player All Format - 4k & live stream
 
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdfUnlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
Unlocking the Secrets of IPTV App Development_ A Comprehensive Guide.pdf
 
Tom Cruise Daughter: An Insight into the Life of Suri Cruise
Tom Cruise Daughter: An Insight into the Life of Suri CruiseTom Cruise Daughter: An Insight into the Life of Suri Cruise
Tom Cruise Daughter: An Insight into the Life of Suri Cruise
 
What Going to the Doctor is Like as an Adult Comics
What Going to the Doctor is Like as an Adult ComicsWhat Going to the Doctor is Like as an Adult Comics
What Going to the Doctor is Like as an Adult Comics
 
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
一比一原版(UCSF毕业证)旧金山分校毕业证如何办理
 
The Midnight Sculptor.pdf writer by Ali alsiad
The Midnight Sculptor.pdf writer by Ali alsiadThe Midnight Sculptor.pdf writer by Ali alsiad
The Midnight Sculptor.pdf writer by Ali alsiad
 
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
欧洲杯赌球-欧洲杯赌球竞猜官网-欧洲杯赌球竞猜网站|【​网址​🎉ac10.net🎉​】
 
Sunny and Rishi 3 Written by Basak Serin
Sunny and Rishi 3 Written by Basak SerinSunny and Rishi 3 Written by Basak Serin
Sunny and Rishi 3 Written by Basak Serin
 

A is for Angular

  • 1. @jdpearce / #AisForAngular #AisForAngular by Jo Hanna Pearce (she/her) A is for Angular. The reason we’re here! There’s quite a lot to it, not all of it clear What I’m going to attempt is poetic oration Of Angular aspects that cause consternation There’s so much to say and I haven’t much time I’ve got 26 letters to get through in rhyme.
  • 2. @jdpearce / #AisForAngular Browser B is for… B is for Browser, for which we all build There isn’t just one, we may need polyfills We test different systems as much as we’re able So as not to exclude anyone from our table.
  • 3. @jdpearce / #AisForAngular Core, Common C is for… C is for Core where we find ContentChild Compiler as well which each module provides Common we need as the name might suggest And ComponentFixture with which we write tests
  • 4. @jdpearce / #AisForAngular @Decorators D is for… D is for Decorators, what are they for? They make classes and methods and properties do more! How do we add such syntactical sweetness? They’re just functions that bring some grammatical neatness!
  • 5. @jdpearce / #AisForAngular Elements E is for… E is for Elements. Exciting and new! Portable Angular components for you! Not only easier to load on the fly But - standards compliant - they’re consumable by The other big frameworks, even plain javascript There’ll be fun getting future big projects to “shipped”!
  • 6. @jdpearce / #AisForAngular Forms F is for… F is for Formats and Factories and Forms. Driven by templates or is reactive the norm? This is one of those areas where preference feels muddled And seems like it could leave developers troubled
  • 7. @jdpearce / #AisForAngular Guards G is for… Under G we find Guards and some methods that get From protecting our Routes to LocaleDateFormat The methods are more or less simple enough But explaining the router and guards would be tough… With the time rushing onward I won’t even try If I have to use more sketchy rhymes I might cry.
  • 8. @jdpearce / #AisForAngular @Host H is for… H is for Http and our Host Hypertext transport is something that most Of the devs in this room will probably get But you may not have used the Host decorator yet It tells the injector just where it should cease As it tries to acquire what it needs piece by piece
  • 9. @jdpearce / #AisForAngular Ivy (Renderer3) I is for… I is for Ivy. Or Renderer3 Simpler and faster and small as a flea Or that’s the intention it’s not quite yet done But it’s out there to try if you want to have fun
  • 10. @jdpearce / #AisForAngular JitCompilerFactory, JSONPipe J is for… J brings us on to JitCompilerFactory About which the docs are quite unsatisfactory There’s JsonPipe too which I’m sure we’ve all used But as it’s impure it should not be abused It’s great for debugging, seeing under the skin Of components we write and the properties within.
  • 11. @jdpearce / #AisForAngular KeyValues K is for… K is for KeyValues used in the map For detecting the changes throughout our app This has left many devs feeling hopelessly wrecked As they look up ExpressionChangedAfterItHasBeenChecked
  • 12. @jdpearce / #AisForAngular Location L is for… L is Location, the way we might tell The parts of our app from each URL The strategy used changes how the address Of our pages will look and whether the mess With its readable straightforward slashes and slugs Will instead of all that be just hashes and bugs
  • 13. @jdpearce / #AisForAngular MessageBus M is for… M is for Modules and Messages and Mocks While module is one of the main building blocks The MessageBus may not be something you’ve found It sends data between the UI and background While the web worker code isn’t ready just yet It’s importance will grow in the future I bet…
  • 14. @jdpearce / #AisForAngular Ng* N is for… Navigation is next and the NO_ERRORS_SCHEMA And of course all the classes beginning Ng* Who’d have thought that the devs of a modern creation Would succumb to the need for Hungarian notation?
  • 15. @jdpearce / #AisForAngular OnInit, OnDestroy… O is for… Onwards to O for OnInit, OnDestroy, The decorators Optional and Output, oh joy! There’s nothing that seems unfamiliar here Just parts of the system we hold near and dear
  • 16. @jdpearce / #AisForAngular Plural P is for… P is for Plural a curious thing If you look up the rules for outputting strings For the locales your users might reasonably expect The unicode CLDR has the specs. I don’t recommend it for a light bedtime read But for localisation it’s a doc you should heed.
  • 17. @jdpearce / #AisForAngular QueryList Q is for… Q is for querying all of the things. We can query with types or query with strings We can query the content, query the view And be sure we’re updated of anything new!
  • 18. @jdpearce / #AisForAngular RxJS R is for… To observe all the things we need RxJS And there’s more to this lib than some docs might suggest If you’re struggling with state and try NgRx You’ll learn more of its breadth and at first be perplexed How you ever could limit yourself to subscriptions That ended with only a single emission…
  • 19. @jdpearce / #AisForAngular Schematics S is for… With S we might like to consider Schematics For workflow improvements they could be dramatic But only if what we are hoping to gain Is a better approach to the code we maintain Pragmatically projects that stay fairly small May not have a need for Schematics at all.
  • 20. @jdpearce / #AisForAngular TypeScript T is for… T is for TypeScript, not as hard as you thought Although lately it seems there’s a war being fought Between those of us pleased with their explicit typing And others who seem to be constantly sniping That javascript really was made to be free And guessing what everything does is the key!
  • 21. @jdpearce / #AisForAngular UpgradeModule U is for… U brings the UpgradeModule into sight And I honestly can’t recommend that you fight With the hybridisation of Angular Apps, Separate them by route, don’t fall into the traps Of thinking that as this is something we could, That means it is one of the things that we should.
  • 22. @jdpearce / #AisForAngular View* V is for… V brings us round to ViewChild and ViewChildren ViewContainerRef and ViewEncapsulation I really can’t fit into here what they do But note the distinction between content and view There’s a DOM for the things that we View on the screen And another for Content that sets up the scenes
  • 23. @jdpearce / #AisForAngular WTF? W is for… W brings us to classes that look As though they all start with the phrase “what the f…” The intent here is not just to make you all smirk WTF stands for Web Tracing Framework If performance is key this may be what you’re using But for everyone else we see code that’s amusing.
  • 24. @jdpearce / #AisForAngular XhrFactory X is for… X is for XhrFactory and well… What else is there under this letter to tell? They’ve wrapped XMLHttpRequest It’s one of the things that allows us to test!
  • 25. @jdpearce / #AisForAngular You Y is for… Y is for You, all the people here seated Who wrestle with code and remain undefeated Community is something that makes us all better (And frankly there’s nothing that starts with this letter)
  • 26. @jdpearce / #AisForAngular Zones Z is for… Z is for Zones, about which all I’ll say Is I’m hoping we no longer need them one day. And that little thought is the last thing I’ll mention I’m grateful you’ve lasted the course, paid attention I’ve rushed through a lot in a very short time, And I think now I’ve used all my Angular rhymes!
  • 27. @jdpearce / #AisForAngular TH NK YOU.TH NK YOU.