Easy, Breezy, Beautiful: Angular Material

A presentation at Voyager Back to Base in February 2020 in Melbourne VIC, Australia by Melissa Houghton

Slide 1

Slide 1

Easy, Breezy, Beautiful: Angular Material melissahoughton.dev melissahoughton @meliss_houghton melissa-houghton

Slide 2

Slide 2

@meliss_houghton

Slide 3

Slide 3

@meliss_houghton

Slide 4

Slide 4

Angular Material @meliss_houghton

Slide 5

Slide 5

Angular @meliss_houghton

Slide 6

Slide 6

Google Angular @meliss_houghton

Slide 7

Slide 7

Google Angular Material Design @meliss_houghton

Slide 8

Slide 8

Google Angular Material Design @meliss_houghton

Slide 9

Slide 9

Google Angular Material Angular Material Design @meliss_houghton

Slide 10

Slide 10

1 How to get started 2 How to customise 3 Pros and Cons @meliss_houghton

Slide 11

Slide 11

Bank @meliss_houghton

Slide 12

Slide 12

Bank @meliss_houghton

Slide 13

Slide 13

@meliss_houghton

Slide 14

Slide 14

@meliss_houghton

Slide 15

Slide 15

@meliss_houghton

Slide 16

Slide 16

@meliss_houghton

Slide 17

Slide 17

@meliss_houghton

Slide 18

Slide 18

Reusability @meliss_houghton

Slide 19

Slide 19

How can you use Angular Material? @meliss_houghton

Slide 20

Slide 20

ng new my-app ng add @angular/material @meliss_houghton

Slide 21

Slide 21

Demo @meliss_houghton

Slide 22

Slide 22

Pros Cons Made by Angular for Angular No Built in Flex Layout Well Maintained Hard to Fully Customise Well Documented Couples your app Material is Cross Platform Built-in and Custom Themes Open Source @meliss_houghton

Slide 23

Slide 23

Angular Material Bootstrap Prime NG Kendo UI 16.6K 139K 5.8K 314 Fully Open Source Responsive Layout Builtin Built-in Themes Custom Themes No jQuery Dependency Number of Github Stars @meliss_houghton

Slide 24

Slide 24

Is Angular Material right for you? @meliss_houghton

Slide 25

Slide 25

Thank You Questions? melissahoughton.dev melissahoughton @meliss_houghton melissa-houghton