Passing a Front end Developer interview
-
Upload
tonyfarnsworth -
Category
Documents
-
view
1.790 -
download
0
description
Transcript of Passing a Front end Developer interview
![Page 1: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/1.jpg)
How To Pass a Front-End Developer InterviewGetting the Job
Friday, February 8, 13
![Page 2: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/2.jpg)
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
![Page 3: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/3.jpg)
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
![Page 4: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/4.jpg)
Story About a Struggle
Friday, February 8, 13
![Page 5: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/5.jpg)
OverviewCode Skills i look for
Back 2 Basics
Be an Enterprise Coder
Friday, February 8, 13
![Page 6: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/6.jpg)
“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
![Page 7: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/7.jpg)
Get Back to Basics!Know the fundamentals well enough to teach.
Friday, February 8, 13
![Page 8: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/8.jpg)
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
![Page 9: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/9.jpg)
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
![Page 10: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/10.jpg)
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
![Page 11: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/11.jpg)
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
![Page 12: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/12.jpg)
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
![Page 13: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/13.jpg)
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
![Page 14: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/14.jpg)
The BIG Picture
1.Get Back to Basics2.Learn the WHY3.Be an Enterprise Coder
Friday, February 8, 13
![Page 15: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/15.jpg)
Recommend
ReadsFriday, February 8, 13
![Page 16: Passing a Front end Developer interview](https://reader034.fdocuments.us/reader034/viewer/2022052621/5584f974d8b42aae2f8b4581/html5/thumbnails/16.jpg)
‘s- Twitter @djscoutmaster - USAA is Hiring http://tinyurl.com/usaahtml5
Friday, February 8, 13