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