Slide 1

Slide 1 text

#XLR8con

Slide 2

Slide 2 text

#XLR8con Angular 101 #XLR8con ` 2 class Speaker { name: string = "Damyan Petev"; work: string = "Dev, Infragistics"; twitter: string = "@DamyanPetev"; SayHi() { return "Hello!"; } }

Slide 3

Slide 3 text

#XLR8con #XLR8con Join http://sli.do #0801

Slide 4

Slide 4 text

#XLR8con MAGIC

Slide 5

Slide 5 text

#XLR8con It’s a plane…It’s a framework.. Progressive Performant Universal Modular

Slide 6

Slide 6 text

#XLR8con Components Directives Templates Services DI Data Binding Metadata Typescript Router More++* * may contain magic

Slide 7

Slide 7 text

#XLR8con #XLR8con

Slide 8

Slide 8 text

#XLR8con • It’s everything. It’s life. • Decorations • Patch of screen space • Encapsulation You are here

Slide 9

Slide 9 text

#XLR8con Ol’ favorites
{{ order.date | date }}

Slide 10

Slide 10 text

#XLR8con Demo time

Slide 11

Slide 11 text

#XLR8con #XLR8con GoT characters

Slide 12

Slide 12 text

#XLR8con

Slide 13

Slide 13 text

#XLR8con Your HTML is not your own * Errors on mistakes Parser View Renderer HTML?

Slide 14

Slide 14 text

#XLR8con Your properties are not your own • @Input() and OnChange values • Type Safety

Slide 15

Slide 15 text

#XLR8con Styling

Slide 16

Slide 16 text

#XLR8con

Slide 17

Slide 17 text

#XLR8con “I’ll just fix this small thing here”

Slide 18

Slide 18 text

#XLR8con Router

Slide 19

Slide 19 text

#XLR8con “Did someone call?”

Slide 20

Slide 20 text

#XLR8con $scope, $apply

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

#XLR8con $digest loop

Slide 23

Slide 23 text

#XLR8con

Slide 24

Slide 24 text

#XLR8con ZONE.js • Awesome • Because performance • Smart task scheduling https://github.com/angular/zone.js/

Slide 25

Slide 25 text

#XLR8con

Slide 26

Slide 26 text

#XLR8con Of the few things Angular can’t help with… #XLR8con

Slide 27

Slide 27 text

#XLR8con

Slide 28

Slide 28 text

#XLR8con More More Más Още Più

Slide 29

Slide 29 text

#XLR8con

Slide 30

Slide 30 text

#XLR8con

Slide 31

Slide 31 text

#XLR8con Thank you  [email protected] @DamyanPetev https://angular.io/