TURN YOUR IDEAS

INTO PIXELS

who dis?

Tara z manicsic : developer advocate @ progress

@tzmanics & github.com/tzmanics

I have this idea

where ideas go to die

let's get started

install ng cli

npm i @angular/cli -g

create the project

ng new <project name> --style="sass"

go ahead, pick a name

pick a font

you have 5 minutes 😘

other FONT

resources

http://fontpair.co/

http://fonts.greatsimple.io/

pick a color scheme

that's right, you have 5 minutes 😘

other color

resources

http://paletton.com/

http://colorhunt.co/hot

https://coolors.co

back to the code!

ADD THE STYLES

src/app/app.component.sass

get some ui

npm install -S @progress/kendo-angular-inputs @progress/kendo-angular-intl

charts, anyone?

@progress/kendo-angular-charts

adding the inputs

src/app/app.component.html

copy / paste inputs

src/app/app.component.html

coding the chart

src/app/app.component.html

what do we have?

http://localhost:4200/

game plan!

https://github.com/tzmanics/ideas-to-pixels

game plan!

https://github.com/tzmanics/ideas-to-pixels

thank you!!

https://github.com/tzmanics/ideas-to-pixels

https://slides.com/tzmanics/ideas-to-pixels

@tzmanics