Preguntas de entrevista de trabajo que cualquier Desarrollador Web debe conocer

Preguntas generales: o o o o o o o o o o
Qu sistemas de control de versiones ha usado (Subversion, Git, etc.)? Cul es su ambiente de desarrollo favorito (Sistema Operativo, Editor de Texto, Navegadores, Herramientas, etc.)? Puede describir el proceso que sigue cuando crea una pgina web? Puede describir la diferencia entre "Progressive Enhancement" y "Graceful Degradation"? Puntos extra si el entrevistado menciona "deteccin de capacidades". Explique qu significa "HTML Semntico". Cul es el navegador que utiliza principalmente para el desarrollo y qu herramientas de desarrollo usa? Cmo optimiza los recursos de una web? Se espera una lista respuestas tales como: Concatenacin de archivos Compresin (minificacin) de archivos Utilizar un CDN Caching etc. Por qu es mejor utilizar varios dominios para distribuir los recursos de una pgina web? Cuntos recursos se pueden descargar simultneamente de un mismo dominio? Mencione tres formas para disminuir el tiempo de carga de una pgina (tiempo real o percibido). Si se ha unido a un proyecto y los desarrolladores usan tabs y usted usa espacios, qu hace? Sugerir que el proyecto utilice algo como EditorConfig (http://editorconfig.org) Mantener la convencin establecida y utilizar tabs. Utilizar el comando :retab! Escriba un pgina con una galera sencilla. Puntos extra si no usa JavaScript. Qu herramientas usa para probar el rendimiento de su cdigo? JSPerf (http://jsperf.com/) Dromaeo (http://dromaeo.com/) Entre otras. Si pudiera elegir una tecnologa para dominar este ao, cul sera? Explique la importancia de estndares y los grupos que los definen. Sabe que es el FOUC? Cmo lo evita?

Preguntas especficas de HTML: o o

Qu funcin cumple el doctype y cuntos puede nombrar? Cul es la diferencia entre el modo convencional y el "quirks mode"? Cules son las limitaciones al utilizar pginas XHTML? Hay algn problema al servir las pginas usando: application/xhtml+xml? Cmo programara una pgina con contenido en varios lenguajes? Qu consideraciones se deben tener cuando se disean/desarrollan sitios multi-lenguajes? Puede usar sintaxis de XHTML en HTML5? Cmo usa XML en HTML5? Para qu son buenos los atributos data-? Cules son los modelos de contenido usados en HTML4? Puede compararlos a los de HTML5? Si consideramos HTML5 como una plataforma web abierta, cules son las piezas del lego que constituyen HTML5?

Describa la diferencia entre cookies, sessionStorage y localStorage.

Preguntas especficas de JavaScript: o o o o o

Explique "event delegation". Explique cmo funciona this en JavaScript. Explique cmo funciona la herencia de prototipos (prototypal inheritance) en JavaScript. Cmo realiza pruebas en JavaScript? AMD vs. CommonJS? Qu libreras de JavaScript ha usado? Alguna vez ha mirado el cdigo fuente de libreras/frameworks que utiliza? Qu es un hashtable? Cul es la diferencia entre variables undefined y variables undeclared? Qu es un "closure" y cuando, o porqu, usara uno? Cul es su patrn favorito para crearlos? Cuadriculado (Solo aplica a las IIFEs) Puede hablar de un uso tpico para una funcin annima? Puede explicar el Patrn Mdulo en JavaScript y cundo lo usara? Puntos extra por mencionar un namespace no contaminado. Qu pasa si sus mdulos no tienen un namespace? Cmo organiza su cdigo, patrn mdulo, herencia clsica? Cul es la diferencia entre objetos husped (host objects) y objetos nativos? Cul es la diferencia entre: javascript function Person(){} var person = Person() var person = new Person() Cul es la diferencia entre .call y .apply? Puede explicar el uso de Function.prototype.bind? Cundo optimiza su codigo? Puede explicar cmo funciona la herencia en JavaScript? Cundo usaras document.write()? La mayora de anuncios de todava utilizan esta tcnica, aunque no es recomendada. Cul es la diferencia entre deteccin de capacidades, inferencia de capacidades y usar la cadena del user agent. Explique AJAX con tanto detalle como pueda. Explique cmo funciona JSONP (y cmo no es AJAX realmente) Ha utilizado alguna vez templates en JavaScript? De ser asi, qu libreras ha usado (Mustache.js, Handlebars, entre otros)? Puede explicar en que consiste el "hoisting"? Puede hablar sobre "event bubbling"? Cul es la diferencia entre un "atributo" y una "propiedad"? Por qu es una mala idea extender objetos nativos de JavaScript? Por qu es una buena idea extender objetos nativos de JavaScript? Cul es la diferencia entre el evento "document load" y "document ready"? Cul es la diferencia entre == y ===? Si tiene que obtener un parametro de la URL, cmo lo haras? Explique la poltica de mismo origen (same-origin policy) y sus repercusiones en JavaScript. Puede describir los patrones de herencia en JavaScript? Haga que este cdigo funcione: javascript [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5] Puede describir una estrategia para memoizacin (*memoization*, evitar repetir clculos) en JavaScript? Por qu reciben el nombre de sentencias ternarias? Qu significa la palabra "ternaria"? Qu es el arity de una funcin? Qu es "use strict";? Cules son las ventajas y desventajas de usarlo?

Ejemplos de cdigo de JavaScript:

~~3.14

Pregunta: Cul es el retorno de la sentencia anterior? Respuesta: 3

"i'm a lasagna hog".split("").reverse().join("");

Pregunta: Cul es el retorno de la sentencia anterior? Respuesta: "goh angasal a m'i"

( window.foo || ( window.foo = "bar" ) );

Preguntan: Cul es el valor de window.foo? Respuesta: "bar" nicamente si window.foo tena un valor falsy, de cualquier otra forma retendr su valor.
var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);

Pregunta: Cul es el resultado de los dos alerts anteriores? Respuesta: "Hello World" y ReferenceError: bar is not defined
var foo = []; foo.push(1); foo.push(2);

Pregunta: Cul es el valor de foo.length? **Respuesta: 2

var foo = {}; foo.bar = 'hello';

Pregunta: Cul es el valor de foo.length? **Respuesta: undefined

Preguntas especficas de jQuery: o

Explique el "encadenamiento" (chaining). Explique las "diferidas" (deferreds). Cules son algunas optimizaciones que se pueden implementar usando jQuery? Qu funcin cumple el mtodo .end()? Cmo y por qu, aplicara "namespacing" a un "event handler"? Nombre cuatro diferentes valores que se pueden pasar como parmetro al metodo jQuery. Un selector (string), HTML (string), Callback (function), HTMLElement, objeto, matriz, matriz de elementos, objeto jQuery, entre otros. Qu es la "cola de efectos" (fx queue)? Cul es la diferencia entre .get(), [] y .eq()? Cul es la diferencia entre .bind(), .live() y .delegate()? Cul es la diferencia entre $ y $.fn? O simplemente, qu es $.fn? Optimize este selector: javascript $(".foo div#bar:eq(0)") Cul es la diferencia entre 'delegate()' y 'live()'?

Preguntas especficas de CSS: o

Describa qu es un archivo "reset" y porqu es til. Describa qu son los "floats" y su funcionamiento. Cules son los mtodos para "limpiar" (clear) sus "floats" y cul es apropiado en el contexto dado? Explique qu son los sprites en CSS y cmo los implementarias en una pgina? Cul es su tcnica favorita para reemplazar imgenes y cuando usa cada una? "CSS Hacks", archivos incluidos con etiquetas condicionales o algn otro metodo...? Cul es su enfoque al desarrollar pginas que dan soporte a navegadores con capacidades limitadas? Qu tcnicas o procesos usa? Cules son las distintas formas para esconder contenido, pero mantenerlo disponible nicamente para lectores de pantalla?

 o o

Ha usado algn sistema para cuadrculas (grids) y cul prefiere? Ha usado o implementado "media queries" o reglas especficas para dispositivos mviles? Est familiarizado con aplicar estilos a SVGs? Cmo optimiza sus pginas para la impresin? Cules son algunas de las "trampas" al escribir CSS eficiente? Ha usado algn preprocesador para CSS (SASS, Compass, Stylus, LESS)? De ser as, puede mencionar qu le gusta y qu no de los que ha usado? Cmo implementara un diseo que usa fuentes que no son web-safe? Webfonts (usando servicios para fuentes como Goodle Webfonts, Typekit, entre otros). Puede explicar cmo determina un navegador qu elementos coinciden con un selector de CSS?

Preguntas opcionales y divertidas: o o o

Qu es lo ms cool que ha programado y qu es lo que ms le enorgullece de ello? Sabe cul es la "gang sign" de HTML5? Est ahora o ha estado alguna vez en un bote? Cules son sus partes favoritas de las herramientas de desarrollo que usa? Tiene algn proyecto personal? De qu tipo? Explique el significado de "cursificar" (cornify). Tome un papel y escriba las letras A B C D E verticalmente, ahora pngalas en order descendiente sin escribir una sola lnea de cdigo. Espere a ver si giran el papel. Pirata o Ninja? Puntos extra si es una combinacin y dio una buena razn, dos puntos extra por monos zombies piratas ninjas. Si no estuviera en Desarollo Web, en que estara trabajando? En qu lugar del mundo est Carmen Sandiego? Consejo: no hay respuesta correcta. Cal es su funcionalidad favorita de Internet Explorer? Complete esta oracion: Brendan Eich y Doug Crockford son los __________ del JavaScript. jQuery: Una buena librera o la mejor librera? Explique porqu.

http://www.w3schools.com/ o http://w3fools.com/

Para ms informacin pueden visitar el siguiente repositorio de preguntas. https://github.com/darcyclarke/Front-end-Developer-Interview-Questions