Upload
tonyfarnsworth
View
1.789
Download
0
Tags:
Embed Size (px)
DESCRIPTION
What it take to move to the next level as a front end developer. Most of the content from this comes from my experience with interviewing @usaa for the past 3 years in san antonio tx (10min Presenation)
Citation preview
How To Pass a Front-End Developer InterviewGetting the Job
Friday, February 8, 13
About Me
Grew Up
School
Work
Experience
San AntonioIT 2000+ #1 in IT 2010,2011,2012
http://www.computerworld.com/s/article/9227900/The_No._1_Place_to_Work_in_IT_USAA
Friday, February 8, 13
What I'm not going to talk about http://www.nczonline.net/blog/2007/03/27/surviving-an-interview-with-me/http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
Friday, February 8, 13
Story About a Struggle
Friday, February 8, 13
OverviewCode Skills i look for
Back 2 Basics
Be an Enterprise Coder
Friday, February 8, 13
“The List”
Know it all but don't be expected to explain them all
JAVASCRIPT: DOM-Structure JSON SVG AJAX Closures XMLhttpRequest Prototype Constructors Events Undefined Type-Conversion Operators DOM-Manipulation Event-Bubbling ECMASCRIPT MVC Design-Patterns Object Oriented loosely typed CSS: Positioning Block-vs-Inline Cross-Browser Selectors Inheritance CSS3 Box-Model DOM SVG Selector Priority Mobile CSS2 Pseudo-Selector OOCSS Prefixes Floating HTML: XML XHTML DOCTYPE accessibility ADA DHTML Page Performance
Code Skills
Everyone has them (Req’s sheet)
Friday, February 8, 13
Get Back to Basics!Know the fundamentals well enough to teach.
Friday, February 8, 13
My Observations
Front-End Developer need to know JS CSS HTML well
Understand page performance and your codes impact http://developer.yahoo.com/yslow/ https://developers.google.com/speed/pagespeed
Don't be tied to any one framework or library
(css or js)
Back To Basics
Friday, February 8, 13
CSS PriorityBack 2 Basics
<p id=”myID” class=”myClass”>text inside< p>
#myID{color:red}.myClass{color:blue}
p{color:green}
What Color should the Text in the paragraph be & WHY?
MORE INFO @ http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ http://www.w3.org/TR/CSS21/cascade.html#specificity http://docs.webplatform.org/wiki/tutorials/inheritance_and_cascadeFriday, February 8, 13
CSS BOX MODELBack to Basics
MORE INFO @ http://www.w3.org/TR/CSS2/box.html http://docs.webplatform.org/wiki/guides/the_css_layout_model
How Does it all work together
How are the default behaviors of <div> & <span> different & WHY
Friday, February 8, 13
Javascript Variable ScopeBack to Basics
<script type="text/javascript">function makeVariables() {
variable1 = 1;var variable2 = 2;
}</script>
Which Variable has been made public & WHY?
MORE INFO @ https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/var
Friday, February 8, 13
PURE JavascriptBack to Basics
Native JS Dom manipulation (document.*)
Understanding what $ Does
Don't anchor your skills to a framework
JavaScript !== JQuery
Friday, February 8, 13
Be an Enterprise Coder
Don't Build Selfish Software (DBSS)
Write code that is : re-usable, configurable, testable Open Source some code on Git-Hub
i want you to...
Friday, February 8, 13
The BIG Picture
1.Get Back to Basics2.Learn the WHY3.Be an Enterprise Coder
Friday, February 8, 13
Recommend
ReadsFriday, February 8, 13
‘s- Twitter @djscoutmaster - USAA is Hiring http://tinyurl.com/usaahtml5
Friday, February 8, 13