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