what front-end developers (fed's) need to know to be the modern day superhero
TRANSCRIPT
![Page 1: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/1.jpg)
What the FED’s need to know to be…
![Page 2: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/2.jpg)
a modern-day Superhero.
![Page 3: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/3.jpg)
IT’S THE CHURCH OF
FRONT-END-DEVELOPMENT
What are wetalking about….
![Page 4: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/4.jpg)
bit.ly /FlyingSwanKick
![Page 5: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/5.jpg)
STANDUP IF YOU ARE A… Developer
![Page 6: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/6.jpg)
STANDUP IF YOU ARE A… Designer
![Page 7: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/7.jpg)
STANDUP IF YOU ARE A… Writer
![Page 8: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/8.jpg)
We do better whenWE SELF IDENTIFY
![Page 9: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/9.jpg)
JOSH@jnorthcott
COREY@craql
JUSTIN@jrhough
![Page 10: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/10.jpg)
Doing TeamDevelopmentand Design
![Page 11: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/11.jpg)
HOW TO MAKE THIS
AN AWESOME RELATIONSHIP
![Page 12: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/12.jpg)
DO FUN THINGS TOGETHER
THAT’S NOT WORK RELATED
![Page 13: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/13.jpg)
FIND ANOTHER DEV
TO PUSH EACH OTHER
![Page 14: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/14.jpg)
ESTABLISH
TEAM ACCOUNTABILITY
![Page 15: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/15.jpg)
MAKE DECISIONS TOGETHER
![Page 16: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/16.jpg)
DemandConstraints!
![Page 17: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/17.jpg)
DemandConstraints!YOU NEED CONSTRAINTS!
DESIGN, DEVELOPMENT,
CONTENT, OBJECTIVES, TIME!
![Page 18: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/18.jpg)
![Page 19: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/19.jpg)
YOU ARE A… Decision Maker
![Page 20: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/20.jpg)
Modern-DayMisconceptions
![Page 21: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/21.jpg)
RESPONSIVE DESIGN
![Page 22: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/22.jpg)
IT’S NOT RESPONSIVE DESIGN ANYMORE
IT’S JUST DESIGN.
RESPONSIVE DESIGN
![Page 23: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/23.jpg)
LOOKOUT FOR TRENDS AND
TRENDY FRONT-END FRAMEWORKS –
![Page 24: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/24.jpg)
LOOKOUT FOR TRENDS AND
TRENDY FRONT-END FRAMEWORKS –
YOU WILL LOOK LIKE EVERYBODY ELSE
AND QUICKLY DATE YOURSELF
![Page 25: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/25.jpg)
Hmmm, these websites
all look alike…you just got
BOOTSTRAPPED!
![Page 26: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/26.jpg)
Prototype,Prototype,Prototype?
![Page 27: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/27.jpg)
FIGURE OUT WHAT
THE SMALLEST PIECE
YOUR TRYING TO BUILD
AND POC (PROOF OF CONCEPT)
![Page 28: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/28.jpg)
USE A PROOF OF CONCEPT
AS AN AID FOR BUY IN
AND CONVERSATION
![Page 29: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/29.jpg)
Problemsand Issues
![Page 30: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/30.jpg)
MULTIPLE TIERS
WITH DIFFERENT
DEPENDENCIES
![Page 31: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/31.jpg)
DUCT TAPE CODE,
ONE OFF SOLUTIONS
![Page 32: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/32.jpg)
Solution
![Page 33: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/33.jpg)
![Page 34: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/34.jpg)
OLAPAD• Putting code in one location and
requesting via location dependent
include (DEV, STG, and PRD)
• Host your files on high redundancy servers
(think AWS S3)
• Build necessary assets for site to function,
rather than delivering it all (Done)
![Page 35: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/35.jpg)
HAVE A SEPARATE MEETING
TO CREATE BUY IN FOR
THE NEXT PHASE
If stakeholders want the updates,
They’ll come with fresh minds to the
Next POC kickoff.
![Page 36: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/36.jpg)
Build forPerformanceAND OPTIMIZE YOUR STUFF!
![Page 37: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/37.jpg)
WHY DO WE NEED TO HAVE
BETTER PERFORMANCE?
User Experience
Because I’m Impatient
![Page 38: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/38.jpg)
MANAGING BIG DATA
IN JS APPS
Infinite Scroll
Lazy Loading
Search Algorithm Optimization
![Page 39: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/39.jpg)
BENCHMARKS!
![Page 40: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/40.jpg)
Think inOld SchoolAnalogs
![Page 41: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/41.jpg)
THINK THROUGH THE PROCESS
RATHER THAN
THE TOOLS AND TECHNOLOGY
![Page 42: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/42.jpg)
FRAMEWORKS/PLUGINS ARE LIKE FRIENDS
FROM DIFFERENT PARTS OF YOUR LIFE,
![Page 43: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/43.jpg)
FRAMEWORKS/PLUGINS ARE LIKE FRIENDS
FROM DIFFERENT PARTS OF YOUR LIFE,
BUT DO THEY MESH WELL TOGETHER
ALL AT ONCE?
![Page 44: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/44.jpg)
Tools We Love
![Page 45: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/45.jpg)
Tools We LoveTHAT WILL HELP CHOKE OUT
YOUR DEEPEST ADVESARY –
![Page 46: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/46.jpg)
Tools We LoveTHAT WILL HELP CHOKE OUT
YOUR DEEPEST ADVESARY –
TIME WASTERS
![Page 47: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/47.jpg)
WORK WITH GOOD TOOLS
BUT DON’T LET RELY ON THEM
SOLELY TO DO YOUR JOB
![Page 48: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/48.jpg)
Editors
![Page 49: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/49.jpg)
WebStorm EXAMPLE
![Page 50: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/50.jpg)
Sublime EXAMPLE
![Page 51: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/51.jpg)
Coda 2 EXAMPLE
![Page 52: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/52.jpg)
![Page 53: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/53.jpg)
![Page 54: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/54.jpg)
Chrome Dev Tools
![Page 55: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/55.jpg)
inspect / change elements in DOM EXAMPLE
![Page 56: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/56.jpg)
network performance EXAMPLE
![Page 57: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/57.jpg)
audits of scripts / styles / etc EXAMPLE
![Page 58: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/58.jpg)
console.log() CSS EXAMPLE
![Page 59: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/59.jpg)
CSS & Sass
![Page 60: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/60.jpg)
test some code in the cloud - sassmeister.com EXAMPLE
+
![Page 61: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/61.jpg)
AdvantagesandDisadvantages
![Page 62: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/62.jpg)
BE CAREFUL
ABOUT MAINTAINABILITY
![Page 63: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/63.jpg)
TOO MUCH EXTENDING
body #header .header .sub-header nav ul li a img {
float: left;
}
![Page 64: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/64.jpg)
STAY AWAY FROM *
* {
background: yellow;
margin: 0;
padding: 0;
}
![Page 65: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/65.jpg)
Responsive design frameworks that help EXAMPLE
![Page 66: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/66.jpg)
NodeJSHOW JS-FRIENDLY FEDS
BECOME FULL STACK DEVS
![Page 67: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/67.jpg)
Socket.iohttp://socket.io/
Pros:• Great Documentation
• Rapid Community Adoption
• Multi-user SPAs
• V1.3.5 (this is ancient in nodejs)
Cons:
• Ports can be blocked
• New tech requires new ideas
![Page 68: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/68.jpg)
Restifyhttp://mcavage.me/node-restify/
Pros:
• Adds try/catches to your code
• Great documentation
• easy plugins
• gzip
• Plays well with socket.io
Cons:
• Flexibility can equal messy coding.
![Page 69: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/69.jpg)
MongoJshttp://mcavage.me/node-restify/
Pros:
• Simple, event-based mongo
• Extensive db commands.
• Easy replication set support.
Cons:
• Not the same as mongodb core api team.
• Still in dev (failing build as of right now).
![Page 70: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/70.jpg)
GUI’s aren’t ascool as you think:
![Page 71: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/71.jpg)
GUI’s aren’t ascool as you think:DON’T BE AFRAID OF THE
COMMAND LINE
![Page 72: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/72.jpg)
GIT EXAMPLE
![Page 73: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/73.jpg)
Grunt / NPM EXAMPLE
GRUNTIFY
![Page 74: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/74.jpg)
Say “No” toDuct Taped Code
![Page 75: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/75.jpg)
TRY NOT TO ALWAYS RELY
ON FRAMEWORKS.
SIMPLE IS BETTER.
![Page 76: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/76.jpg)
KEEP CONTROL
OF YOUR LIBRARIES
![Page 77: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/77.jpg)
KNOW WHEN TO
FIX OR REBUILD
![Page 78: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/78.jpg)
Takeaways
![Page 79: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/79.jpg)
TakeawaysBE OPEN AND BOLD –
IDENTIFY YOURSELF,
WHAT YOU DO MATTERS
![Page 80: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/80.jpg)
TakeawaysDEVELOPMENT AND DESIGN
WORKS TOGETHER –
IT’S NOT A HANDOFF
![Page 81: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/81.jpg)
TakeawaysDEMAND CONSTRAINTS
![Page 82: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/82.jpg)
TakeawaysOLAPAD
![Page 83: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/83.jpg)
TakeawaysPROTOTYPE EARLY AND OFTEN
![Page 84: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/84.jpg)
TakeawaysBUILD FOR PERFORMANCE
AND OPTIMIZE YOUR STUFF
![Page 85: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/85.jpg)
TakeawaysWORK WITH GOOD TOOLS BUT
DON’T LET RELY ON THEM
![Page 86: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/86.jpg)
TakeawaysDON’T BE AFRAID OF
THE COMMAND LINE
![Page 87: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/87.jpg)
TakeawaysDUCT TAPE YOUR CAR’S BUMPER,
BUT NOT YOUR CODE!
![Page 88: What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a623551a28ab1e3c8b459c/html5/thumbnails/88.jpg)
JOSH @jnorthcottCOREY @craqlJUSTIN @jrhough