Preguntas de Entrevista de Trabajo Que Cualquier Desarrollador Web Debe Conocer

Preguntas de entrevista de trabajo que cualquier Desarrollador Web debe conocerPreguntas generales:     o    o       o   o o o  o  o o o    ¿Qué sistemas de control de versiones ha usado (Subversion, Git, etc.)? ¿Cuál es su ambiente de desarrollo favorito (Sistema Operativo, Editor de Texto, Navegadores, Herramientas, etc.)? ¿Puede describir el proceso que sigue cuando crea una página web? ¿Puede describir la diferencia entre "Progressive Enhancement" y "Graceful Degradation"? Puntos extra si el entrevistado menciona "detección de capacidades". Explique qué significa "HTML Semántico". ¿Cuál es el navegador que utiliza principalmente para el desarrollo y qué herramientas de desarrollo usa? ¿Cómo optimiza los recursos de una web? Se espera una lista respuestas tales como: Concatenación de archivos Compresión (minificación) de archivos Utilizar un CDN Caching etc. ¿Por qué es mejor utilizar varios dominios para distribuir los recursos de una página web? ¿Cuántos recursos se pueden descargar simultáneamente de un mismo dominio? Mencione tres formas para disminuir el tiempo de carga de una página (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 convención establecida y utilizar tabs. Utilizar el comando :retab! Escriba un página con una galería sencilla. Puntos extra si no usa JavaScript. ¿Qué herramientas usa para probar el rendimiento de su código? JSPerf (http://jsperf.com/) Dromaeo (http://dromaeo.com/) Entre otras. Si pudiera elegir una tecnología para dominar este año, ¿cuál sería? Explique la importancia de estándares y los grupos que los definen. ¿Sabe que es el FOUC? ¿Cómo lo evita? Preguntas específicas de HTML:    o  o      ¿Qué función cumple el doctype y cuántos puede nombrar? ¿Cuál es la diferencia entre el modo convencional y el "quirks mode"? ¿Cuáles son las limitaciones al utilizar páginas XHTML? ¿Hay algún problema al servir las páginas usando: application/xhtml+xml? ¿Cómo programaría una página con contenido en varios lenguajes? ¿Qué consideraciones se deben tener cuando se diseñan/desarrollan sitios multi-lenguajes? ¿Puede usar sintaxis de XHTML en HTML5? ¿Cómo usa XML en HTML5? ¿Para qué son buenos los atributos data-? ¿Cuáles son los modelos de contenido usados en HTML4? ¿Puede compararlos a los de HTML5? Si consideramos HTML5 como una plataforma web abierta, ¿cuáles son las piezas del lego que constituyen HTML5? Explique AJAX con tanto detalle como pueda. ¿Cuál es la diferencia entre detección de capacidades. ¿cómo lo harías? Explique la política de mismo origen (same-origin policy) y sus repercusiones en JavaScript. CommonJS? ¿Qué librerías de JavaScript ha usado? ¿Alguna vez ha mirado el código fuente de librerías/frameworks que utiliza? ¿Qué es un hashtable? ¿Cuál es la diferencia entre variables undefined y variables undeclared? ¿Qué es un "closure" y cuando. evitar repetir cálculos) en JavaScript? ¿Por qué reciben el nombre de sentencias ternarias? ¿Qué significa la palabra "ternaria"? ¿Qué es el arity de una función? ¿Qué es "use strict". sessionStorage y localStorage.3. herencia clásica? ¿Cuál es la diferencia entre objetos huésped (host objects) y objetos nativos? ¿Cuál es la diferencia entre: javascript function Person(){} var person = Person() var person = new Person() ¿Cuál es la diferencia entre . Explique cómo funciona JSONP (y cómo no es AJAX realmente) ¿Ha utilizado alguna vez templates en JavaScript? De ser asi. Describa la diferencia entre cookies.2.2. ¿qué librerías ha usado (Mustache. inferencia de capacidades y usar la cadena del user agent.5.prototype.apply? ¿Puede explicar el uso de Function.duplicator(). ¿Cómo realiza pruebas en JavaScript? AMD vs.? ¿Cuáles son las ventajas y desventajas de usarlo? . entre otros)? ¿Puede explicar en que consiste el "hoisting"? ¿Puede hablar sobre "event bubbling"? ¿Cuál 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? ¿Cuál es la diferencia entre el evento "document load" y "document ready"? ¿Cuál es la diferencia entre == y ===? Si tiene que obtener un parametro de la URL.1.call y . aunque no es recomendada.write()? La mayoría de anuncios de todavía utilizan esta técnica.4. ¿Qué pasa si sus módulos no tienen un namespace? ¿Cómo organiza su código.4.2.bind? ¿Cuándo optimiza su codigo? ¿Puede explicar cómo funciona la herencia en JavaScript? ¿Cuándo usarías document.js.3.4. patrón módulo.5] ¿Puede describir una estrategia para memoización (*memoization*. Preguntas específicas de JavaScript:           o   o o         o     o                Explique "event delegation". ¿Puede describir los patrones de herencia en JavaScript? Haga que este código funcione: javascript [1. Explique cómo funciona this en JavaScript. Handlebars.5]. usaría uno? ¿Cuál es su patrón favorito para crearlos? Cuadriculado (Solo aplica a las IIFEs) ¿Puede hablar de un uso típico para una función anónima? ¿Puede explicar el Patrón Módulo en JavaScript y cuándo lo usaría? Puntos extra por mencionar un namespace no contaminado. o porqué. Explique cómo funciona la herencia de prototipos (prototypal inheritance) en JavaScript.3. // [1. matriz. . foo. HTMLElement.foo div#bar:eq(0)") ¿Cuál es la diferencia entre 'delegate()' y 'live()'? Preguntas específicas de CSS:        o  Describa qué es un archivo "reset" y porqué es útil. alert(foo + bar). objeto. Pregunta: ¿Cuál es el resultado de los dos alerts anteriores? Respuesta: "Hello World" y ReferenceError: bar is not defined var foo = []. HTML (string).push(1)..join("").get().end()? ¿Cómo y por qué. aplicaría "namespacing" a un "event handler"? Nombre cuatro diferentes valores que se pueden pasar como parámetro al metodo jQuery.foo tenía un valor falsy.live() y . de cualquier otra forma retendrá su valor. Pregunta: ¿Cuál es el retorno de la sentencia anterior? Respuesta: "goh angasal a m'i" ( window.14 Pregunta: ¿Cuál es el retorno de la sentencia anterior? Respuesta: 3 "i'm a lasagna hog".. objeto jQuery.push(2). Un selector (string).                Ejemplos de código de JavaScript: ~~3.split(""). alert(foo + bar).length? **Respuesta: 2 var foo = {}. matriz de elementos.length? **Respuesta: undefined Preguntas específicas de jQuery:       o       Explique el "encadenamiento" (chaining).fn? Optimize este selector: javascript $(". var foo = "Hello". Describa qué son los "floats" y su funcionamiento.eq()? ¿Cuál es la diferencia entre . Callback (function). foo. (function() { var bar = " World".reverse(). })().delegate()? ¿Cuál es la diferencia entre $ y $. Pregunta: ¿Cuál es el valor de foo. ¿Cuáles son algunas optimizaciones que se pueden implementar usando jQuery? ¿Qué función cumple el método .foo = "bar" ) ). entre otros. ¿Cuáles son los métodos para "limpiar" (clear) sus "floats" y cuál es apropiado en el contexto dado? Explique ¿qué son los sprites en CSS y cómo los implementarias en una página? ¿Cuál es su técnica favorita para reemplazar imágenes y cuando usa cada una? ¿"CSS Hacks".fn? O simplemente.foo? Respuesta: "bar" Únicamente si window.foo || ( window. Explique las "diferidas" (deferreds). archivos incluidos con etiquetas condicionales o algún otro metodo. ¿Qué es la "cola de efectos" (fx queue)? ¿Cuál es la diferencia entre . foo.bind().? ¿Cuál es su enfoque al desarrollar páginas que dan soporte a navegadores con capacidades limitadas? ¿Qué técnicas o procesos usa? ¿Cuáles son las distintas formas para esconder contenido.bar = 'hello'. Pregunta: ¿Cuál es el valor de foo. ¿qué es $. Preguntan: ¿Cuál es el valor de window. pero mantenerlo disponible únicamente para lectores de pantalla? . [] y . ¿Cúal es su funcionalidad favorita de Internet Explorer? Complete esta oracion: Brendan Eich y Doug Crockford son los __________ del JavaScript.com/darcyclarke/Front-end-Developer-Interview-Questions . entre otros). ¿Si no estuviera en Desarollo Web.w3schools. Tome un papel y escriba las letras A B C D E verticalmente.com/ Para más información pueden visitar el siguiente repositorio de preguntas. dos puntos extra por monos zombies piratas ninjas. Typekit. Espere a ver si giran el papel. LESS)? De ser así.  http://www.com/ o http://w3fools. jQuery: ¿Una buena librería o la mejor librería? Explique porqué.      o  o  ¿Ha usado algún sistema para cuadrículas (grids) y cuál prefiere? ¿Ha usado o implementado "media queries" o reglas específicas para dispositivos móviles? ¿Está familiarizado con aplicar estilos a SVGs? ¿Cómo optimiza sus páginas para la impresión? ¿Cuáles son algunas de las "trampas" al escribir CSS eficiente? ¿Ha usado algún preprocesador para CSS (SASS. https://github. Compass. ahora póngalas en order descendiente sin escribir una sola línea de código. ¿Puede explicar cómo determina un navegador qué elementos coinciden con un selector de CSS? Preguntas opcionales y divertidas:        o  o   o    ¿Qué es lo más cool que ha programado y qué es lo que más le enorgullece de ello? ¿Sabe cuál es la "gang sign" de HTML5? ¿Está ahora o ha estado alguna vez en un bote? ¿Cuáles son sus partes favoritas de las herramientas de desarrollo que usa? ¿Tiene algún proyecto personal? ¿De qué tipo? Explique el significado de "cursificar" (cornify). ¿Pirata o Ninja? Puntos extra si es una combinación y dio una buena razón. ¿puede mencionar qué le gusta y qué no de los que ha usado? ¿Cómo implementaría un diseño que usa fuentes que no son web-safe? Webfonts (usando servicios para fuentes como Goodle Webfonts. Stylus. en que estaría trabajando? ¿En qué lugar del mundo está Carmen Sandiego? Consejo: no hay respuesta correcta.