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

- which framework should i use

- how should i manage my tasks

- is the domain i want available

- what is a good name

- what font should i use

- what authentication should i use

WHO AM I EVEN?

- who is my user

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

pick a color scheme

that's right, you have 5 minutes 😘

other color

resources

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

- a bar graph...really?

- add percentages

- ability to add more cities

- add age input & formula

game plan!

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

- a bar graph...really?

- add percentages

- ability to add more cities

- add age input & formula

thank you!!

ideas-to-pixels

By Tara Z. Manicsic