Marco Solazzi - @dwightjackFrontend Developer @ AQuestJavaScript Otaku github.com/dwightjack/
proudly father of FEVR
ABOUT US
20-21 November 2015 @dwightjack @j8matteo
ABOUT FEVR
www.fevr.it
20-21 November 2015 @dwightjack @j8matteo
AFTER HIGH SCHOOL
i loved 2 things
20-21 November 2015 @dwightjack @j8matteo
1 HTML
20-21 November 2015 @dwightjack @j8matteo
2 FOOD
20-21 November 2015 @dwightjack @j8matteo
WHEN I ATE
friends said“you need to diet!”
20-21 November 2015 @dwightjack @j8matteo
WHEN I ATE
mom said“you need to diet!”
20-21 November 2015 @dwightjack @j8matteo
WHEN I ATE
even my girlfriend said…
20-21 November 2015 @dwightjack @j8matteo
WHEN I ATE
even my girlfriend said…i didn’t have a girlfriend
20-21 November 2015 @dwightjack @j8matteo
WHEN I WROTE CODE
20-21 November 2015 @dwightjack @j8matteo
SOMETHING SPECIAL
marqueetable layoutanimated gif
20-21 November 2015 @dwightjack @j8matteo
SOMETHING SPECIAL
hours merging psd and html
20-21 November 2015 @dwightjack @j8matteo
I NEEDED TO DIET
MY WORKFLOW NEEDED TOO
20-21 November 2015 @dwightjack @j8matteo
HOMEMADEDIETPLAN
20-21 November 2015 @dwightjack @j8matteo
DRINK A LOTEAT LESS
RUN
20-21 November 2015 @dwightjack @j8matteo
and for work?
20-21 November 2015 @dwightjack @j8matteo
DRINK A LOT beerEAT LESS ie6RUN away from managers
20-21 November 2015 @dwightjack @j8matteo
seriously...
20-21 November 2015 @dwightjack @j8matteo
PLAN
20-21 November 2015 @dwightjack @j8matteo
GET OUT OF NEVERENDING
SOFTWARE
20-21 November 2015 @dwightjack @j8matteo
YOU DON’T NEED A BIG BRUSH
BUT A GREAT BRUSH
20-21 November 2015 @dwightjack @j8matteo
UNICORN TECHNOLOGYDOESN’T EXIST
20-21 November 2015 @dwightjack @j8matteo
20-21 November 2015 @dwightjack @j8matteo
DON’T USE ANGULAR FOR EVERYTHING
20-21 November 2015 @dwightjack @j8matteo
DEFINEUSER AND BUYER
PERSONAS
20-21 November 2015 @dwightjack @j8matteo
DEFINEUSER AND BUYER
PERSONASDEVICES
20-21 November 2015 @dwightjack @j8matteo
DEVICE CENTEREDDEVELOPMENT
20-21 November 2015 @dwightjack @j8matteo
BUDGETING ACTIVITIES
20-21 November 2015 @dwightjack @j8matteo
TRY
20-21 November 2015 @dwightjack @j8matteo
FEATURE’S DESIGNTO
REAL STUFF
20-21 November 2015 @dwightjack @j8matteo
MINIMUMVIABLE
PRODUCT
20-21 November 2015 @dwightjack @j8matteo
MINIMUMVIABLE
PRODUCTCODE
20-21 November 2015 @dwightjack @j8matteo
“ MVC: UNPOLISHED, BAREBONE, TESTABLE, FAILABLE PIECE OF
SOFTWARE ”
20-21 November 2015 @dwightjack @j8matteo
YOUR FEATURE DESIGN IS AN ASSUMPTION
20-21 November 2015 @dwightjack @j8matteo
“ANIMATED FONT SIZE ON A VERTICALLY DISTRIBUTED FULL
HEIGHT LIST…”
display: table?
20-21 November 2015 @dwightjack @j8matteo
TRY IT OUT!
20-21 November 2015 @dwightjack @j8matteo
20-21 November 2015 @dwightjack @j8matteo
USE CODEPEN!
20-21 November 2015 @dwightjack @j8matteo
CLUNKY
!
http://codepen.io/dwightjack/pen/ogwQKz
20-21 November 2015 @dwightjack @j8matteo
“LET’S TRY OUT flexbox”
20-21 November 2015 @dwightjack @j8matteo
http://codepen.io/dwightjack/pen/azwPzv
20-21 November 2015 @dwightjack @j8matteo
YOUR PREJUDICES ARE ASSUMPTIONS TOO!
20-21 November 2015 @dwightjack @j8matteo
“JS NATIVE METHODS JUST ROCK”
20-21 November 2015 @dwightjack @j8matteo
http://jsperf.com/native-vs-for-loops
20-21 November 2015 @dwightjack @j8matteo
COOL / SOLID OPTIONS
20-21 November 2015 @dwightjack @j8matteo
ADVANTAGES:
• WON’T CLUTTER YOUR CODEBASE WITH TEST CODE• CLEAN / SANBOXED ENVIRONMENT IN NO TIME• SHARE AND TEST ON MULTIPLE BROWSERS/DEVICES• GREAT FOR PROTOTYPING• WIDE SUPPORT FOR YOUR PREFERRED STACK