Your SlideShare is downloading. ×
0
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Passing a Front end Developer interview
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Passing a Front end Developer interview

1,793

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 …

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
1,793
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. How To Pass a Front-End Developer Interview Getting the JobFriday, February 8, 13
  • 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. 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. Story About a StruggleFriday, February 8, 13
  • 5. Overview Code Skills i look for Back 2 Basics Be an Enterprise CoderFriday, February 8, 13
  • 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. Get Back to Basics! Know the fundamentals well enough to teach.Friday, February 8, 13
  • 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. 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. 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. 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. 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. 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. The BIG Picture 1.Get Back to Basics 2.Learn the WHY 3.Be an Enterprise CoderFriday, February 8, 13
  • 15. Recommend ReadsFriday, February 8, 13
  • 16. ‘s - Twitter @djscoutmaster - USAA is Hiring http://tinyurl.com/usaahtml5Friday, February 8, 13

×