Marco Solazzi – Twitter: @dwightjackFrontend Web Developer - github.com/dwightjack/
WE WERE WEBMASTER
27-28 march 2015 @j8matteo
OUR WORKFLOW
WASN’T SO SEXY
WE ARE FRONTEND DEVELOPERS
27-28 march 2015 @j8matteo
WE NEED TO BE LEANWE NEED TO BE STRONGWE NEED TO BE AGILE
27-28 march 2015 @j8matteo
PLAN
27-28 march 2015 @j8matteo
GET OUT OF NEVERENDING
SOFTWARE
27-28 march 2015 @j8matteo
CHOOSE RIGHT WEAPONFOR YOUR WAR
27-28 march 2015 @j8matteo
UNICORN TECHNOLOGYDOESN’T EXIST
27-28 march 2015 @j8matteo
DON’T USE ANGULAR FOR EVERYTHING
27-28 march 2015 @j8matteo
DEFINEUSER AND BUYER
PERSONAS
27-28 march 2015 @j8matteo
DEFINEUSER AND BUYER
PERSONASDEVICES
27-28 march 2015 @j8matteo
DEVICE CENTEREDDEVELOPMENT
27-28 march 2015 @j8matteo
BUDGETING ACTIVITIES
27-28 march 2015 @j8matteo
27-28 march 2015 @j8matteo
TRY
27-28 march 2015 @j8matteo
FEATURE’S DESIGNTO
REAL STUFF
27-28 march 2015 @j8matteo
MINIMUMVIABLE
PRODUCT
27-28 march 2015 @j8matteo
MINIMUMVIABLE
PRODUCTCODE
27-28 march 2015 @j8matteo
“ MVC: UNPOLISHED, BAREBONE, TESTABLE, FAILABLE PIECE OF
SOFTWARE ”
27-28 march 2015 @j8matteo
YOUR FEATURE DESIGN IS AN ASSUMPTION
27-28 march 2015 @j8matteo
“ANIMATED FONT SIZE ON A VERTICALLY DISTRIBUTED FULL
HEIGHT LIST…”
display: table?
27-28 march 2015 @j8matteo
TRY IT OUT!
27-28 march 2015 @j8matteo
Do or do not... there is no try
27-28 march 2015 @j8matteo
Do or do not... there is no try
He didn’t know
CodePen
27-28 march 2015 @j8matteo
CLUNKY
!
http://codepen.io/dwightjack/pen/ogwQKz
27-28 march 2015 @j8matteo
“LET’S TRY OUT flexbox”
27-28 march 2015 @j8matteo
http://codepen.io/dwightjack/pen/azwPzv
27-28 march 2015 @j8matteo
YOUR PREJUDICES ARE ASSUMPTIONS TOO!
27-28 march 2015 @j8matteo
“JS NATIVE METHODS JUST ROCK”
27-28 march 2015 @j8matteo
http://jsperf.com/native-vs-for-loops
27-28 march 2015 @j8matteo
COOL / SOLID OPTIONS
27-28 march 2015 @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
27-28 march 2015 @j8matteo
BUILD
27-28 march 2015 @j8matteo
TEST PASSED!
LET’S GET REAL
27-28 march 2015 @j8matteo
“THERE’S NO BIG SOFTWARE
JUST BIG MISTAKES”
27-28 march 2015 @j8matteo
“Everything is acompound thing”
First Modular Development
Master in history
“Everything is a compound thing”
First Modular Development
Master in History
WHY MODULAR DEVELOPMENT:
SIMPLICITYENCAPSULATION
SEPARATION OF CONCERNS
27-28 march 2015 @j8matteo
PICK YOUR FLAVORS
27-28 march 2015 @j8matteo
FULL STACK FRONTEND
DEVELOPERS?
27-28 march 2015 @j8matteo
CROSSFUNCTIONAL FRONTEND TEAMS
Semantics + Accessibility(HTML + ARIA)
Presentation(CSS)
Interactivity(JavaScript / BaaS APIs)27-28 march 2015 @j8matteo