Passing a Front end Developer interview

2,300 views
2,107 views

Published on

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)

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,300
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
23
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Passing a Front end Developer interview

  1. 1. How To Pass a Front-End Developer Interview Getting the JobFriday, February 8, 13
  2. 2. About Me Grew Up School Work Experience San Antonio IT 2000+ #1 in IT 2010,2011,2012 http://www.computerworld.com/s/article/9227900/The_No._1_Place_to_Work_in_IT_USAAFriday, February 8, 13
  3. 3. What Im 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
  4. 4. Story About a StruggleFriday, February 8, 13
  5. 5. Overview Code Skills i look for Back 2 Basics Be an Enterprise CoderFriday, February 8, 13
  6. 6. Code Skills “The List” Everyone has them (Req’s sheet) Know it all but dont be expected to explain them allJAVASCRIPT: DOM-Structure JSON SVG AJAX ClosuresXMLhttpRequest Prototype Constructors Events UndefinedType-Conversion Operators DOM-Manipulation Event-Bubbling ECMASCRIPT MVC Design-Patterns Object Orientedloosely typed CSS: Positioning Block-vs-Inline Cross-Browser Selectors Inheritance CSS3 Box-Model DOM SVGSelector Priority Mobile CSS2 Pseudo-Selector OOCSSPrefixes Floating HTML: XML XHTML DOCTYPE accessibilityADA DHTML Page PerformanceFriday, February 8, 13
  7. 7. Get Back to Basics! Know the fundamentals well enough to teach.Friday, February 8, 13
  8. 8. Back To Basics 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 Dont be tied to any one framework or library (css or js)Friday, February 8, 13
  9. 9. Back 2 Basics CSS Priority #myID{color:red} .myClass{color:blue} p{color:green} <p id=”myID” class=”myClass”>text inside< p> What Color should the Text in the paragraph be & WHY?MORE INFO @ http://coding.smashingmagazine.com/2007 /27 /07 /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
  10. 10. Back to Basics CSS BOX MODEL How Does it all work together How are the default behaviors of <div> & <span> different & WHYMORE INFO @ http://www.w3.org/TR/CSS2/box.html http://docs.webplatform.org/wiki/guides/the_css_layout_modelFriday, February 8, 13
  11. 11. Back to Basics Javascript Variable Scope <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/varFriday, February 8, 13
  12. 12. Back to Basics PURE Javascript JavaScript !== JQuery Native JS Dom manipulation (document.*) Understanding what $ Does Dont anchor your skills to a frameworkFriday, February 8, 13
  13. 13. i want you to... Be an Enterprise Coder Dont Build Selfish Software (DBSS) Write code that is : re-usable, configurable, testable Open Source some code on Git-HubFriday, February 8, 13
  14. 14. The BIG Picture 1.Get Back to Basics 2.Learn the WHY 3.Be an Enterprise CoderFriday, February 8, 13
  15. 15. Recommend ReadsFriday, February 8, 13
  16. 16. ‘s - Twitter @djscoutmaster - USAA is Hiring http://tinyurl.com/usaahtml5Friday, February 8, 13

×