48 top angularjs interview questions
Lista de las preguntas de la entrevista de AngularJS más frecuentes con respuestas detalladas para profesionales experimentados y novatos:
AngularJS es uno de los marcos de desarrollo web más actuales del mundo.
En casi todas las entrevistas, tendrá que luchar con una competencia feroz para lograr lo más alto y conseguir el trabajo de sus sueños. Por lo tanto, debe prepararse con mucha anticipación.
Para ayudarlo en este viaje, hemos elaborado una lista de las preguntas de entrevista de AngularJS más frecuentes junto con las respuestas que su entrevistador espera en el momento de la entrevista.
Lea nuestro serie de tutoriales de AngularJS para un mayor conocimiento del concepto. Herramienta de transportador para pruebas de AngularJS Aplicaciones fue explicado en nuestro tutorial anterior.
Es soporte técnico preguntas y respuestas de la entrevista
Preguntas más frecuentes de la entrevista de AngularJS
A continuación se muestra una lista de las principales preguntas y respuestas de la entrevista en AngularJS para ayudar a cualquiera a aclarar una entrevista con éxito.
¡¡Vamos a explorar!!
P # 1) ¿Qué entiende por AngularJS?
Responder: AngularJS es un marco de JavaScript que se utiliza para crear aplicaciones web ricas y extensibles.
Se ejecuta en JavaScript y HTML sin formato, por lo que no necesita ninguna otra dependencia para que funcione. AngularJS es perfecto para aplicaciones de página única (SPA). Básicamente se utiliza para vincular objetos JavaScript con elementos de la interfaz de usuario HTML.
Q # 2) Defina las características de AngularJS.
Respuesta: Las características incluyen:
- La plantilla (ver)
- El alcance (modelo)
- El controlador (controlador)
- Servicios
- Filtros
- Directivas
P # 3) Definir el enlace de datos.
Responder: La vinculación de datos es una sintonización automática de datos entre la vista y los componentes del modelo.
P # 4) Distinga entre AngularJS y expresiones JavaScript.
Respuesta: Existen varias diferencias entre AngularJS y las expresiones JavaScript:
- Podemos escribir expresiones AngularJS en HTML, pero no podemos escribir expresiones JavaScript en HTML.
- No podemos usar iteraciones condicionales, bucles y excepciones en AngularJS, pero podemos usar todas estas propiedades condicionales en expresiones JavaScript.
- Los filtros son compatibles con AngularJS, mientras que los filtros no son compatibles con JavaScript.
P # 5) Escriba todos los pasos para configurar un norte Aplicación angular (en la aplicación).
Respuesta: Para configurar una aplicación angular debemos seguir ciertos pasos como se menciona a continuación:
- angular.module se creará al principio.
- Se asignará un controlador al módulo.
- El módulo se vinculará con la plantilla HTML (es decir, UI o View) con una aplicación angular (ng-app).
- La plantilla HTML se vinculará con el controlador (es decir, JS) con una directiva ng-controller.
P # 6) ¿Qué son los módulos angulares?
Responder: Los módulos angulares definen colectivamente una aplicación angular donde podemos escribir el código angular. Los módulos contienen las diferentes partes de una aplicación angular. Un módulo se crea mediante la función angular.module en angular.
P # 7) ¿Cuáles son los ámbitos de directiva en AngularJS?
Responder: Hay tres ámbitos de directiva disponibles en AngularJS.
Son:
- Alcance principal: Cualquier cambio que realice en su directiva que provenga del ámbito principal, también se reflejará en el ámbito principal y también es un ámbito predeterminado.
- Alcance del niño: Es un ámbito anidado que hereda una propiedad del ámbito principal. Además, si las propiedades y funciones del ámbito no están conectadas con la directiva de ámbito principal, se crea una nueva directiva de ámbito secundario.
- Alcance aislado: Es reutilizable y se utiliza cuando creamos una directiva autónoma. Solo se utiliza para uso privado e interno, lo que significa que no contiene ninguna propiedad del ámbito principal.
P # 8) ¿Cómo podemos compartir los datos entre controladores en AngularJS?
Responder: Primero, tenemos que crear un servicio. El servicio se utiliza para compartir los datos entre controladores en AngularJS de una manera muy lúcida, fácil y rápida. Usamos eventos, $ parent, next sibling y controller usando $ rootScope.
P # 9) ¿Cuál es el ciclo de resumen en AngularJs?
Responder: Es parte del proceso de enlace de datos en AngularJS. Compara las versiones antigua y nueva del valor del modelo de alcance en cada ciclo de resumen.
El ciclo de resumen se activa automáticamente. También podemos mejorar la usabilidad usando $ apply () si queremos activar el ciclo de resumen manualmente.
P # 10) Explique las diferencias entre el enlace unidireccional y el enlace bidireccional.
Responder: La vinculación unidireccional se utiliza para vincular los datos del modelo para verlos sin actualizar la plantilla HTML o verlos automáticamente.
Por lo tanto, para actualizar la plantilla HTML, necesitamos escribir un código personalizado que actualice la vista cada vez que se enlacen datos de un modelo a otra.
Considerando que, la vinculación bidireccional se utiliza para vincular los datos del modelo a la vista y viceversa (es decir, vista a modelo) actualizando automáticamente la plantilla HTML sin escribir ningún código personalizado.
P # 11) Diferencia entre sessionStorage, cookies y localStorage.
Respuesta: Las diferencias son las siguientes:
- SessionStorage - Los datos se almacenan para una sesión en particular. Los datos se perderán cada vez que se cierre la pestaña del navegador o después de alguna sesión en particular. El tamaño máximo almacenado puede ser de hasta 5 MB.
- Almacenamiento local - Los datos se almacenan sin fecha de vencimiento. Los datos solo pueden borrarse mediante JavaScript o borrando la memoria caché del navegador. El límite de almacenamiento es máximo que el sessionStorage y la cookie.
- Galletas - Almacena los datos que deben enviarse de vuelta al servidor con algunas solicitudes. La caducidad de la cookie varía según el tipo y la duración configurados del lado del servidor o del lado del cliente. El tamaño máximo almacenado puede ser inferior a 4 KB.
P # 12) ¿Cuál es el rol de $ routeProvider en AngularJS?
Responder: Es el $ routeProvider que ayuda a navegar entre diferentes páginas / enlaces sin cargar por separado la página / enlace cada vez que un usuario hace clic en un enlace.
El método ngRoute config () se utiliza para configurar routeProvider.
P # 13) ¿Cuál es la diferencia entre $ scope y scope?
Responder: En AngularJS, $ scope se usa para lograr la inyección de dependencia y el alcance se usa para vincular entre View (es decir, HTML) y Controller (es decir, JS).
P # 14) ¿Cómo se usan los prefijos $ y $$ de AngularJS?
Responder: La variable $$ en AngularJS se usa como una variable privada, ya que se usa para evitar la colisión accidental del código con el código del usuario.
Considerando que, $ prefix se puede usar para denotar funcionalidades del núcleo angular (como una variable, parámetro, propiedad o método).
P # 15) ¿Dónde podemos implementar la manipulación DOM en AngularJS?
Responder: La manipulación de DOM está en las directivas y, aparte de esto, no debería existir en los servicios del controlador ni en ningún otro lugar.
P # 16) ¿Cómo podemos mostrar que una variable de ámbito debe tener un enlace único?
Responder: Para mostrar la vinculación de una sola vez, debemos usar ' :: ”Delante del visor.
P # 17) ¿Qué es SPA (aplicación de página única) en AngularJS?
Responder: Es una aplicación web que carga una sola página HTML y actualiza dinámicamente la página a medida que el usuario se conecta con la aplicación.
Mediante el uso de AJAX y HTML, SPA puede crear una aplicación web fluida y receptiva sin recargas de página invariables. A través de esto, podemos hacer una interfaz de usuario receptiva sin parpadeo de página.
P # 18) ¿Cuántos tipos de enlaces de datos hay en AngularJS?
Responder: AngularJS admite enlaces unidireccionales y bidireccionales.
De una forma vinculante si cambiamos el modelo de datos, entonces no habrá ningún cambio dinámico que verá a la vista, pero en la vinculación bidireccional habrá un cambio dinámico siempre que se realice un cambio en el modelo de datos.
P # 19) ¿Cuáles son las directivas vinculantes en AngularJs?
Respuesta: Las directivas vinculantes incluyen:
- ng-bind
- ng-bind-html
- ng-bind-template
- de no enlazable
- ng-modelo
P # 20) Explique las directivas ng-bind y ng-bind-html.
Responder:
ng-bind : Es una directiva que reemplaza el contenido del elemento HTML con el valor de la variable o expresión asignada.
El contenido del elemento HTML cambiará al cambiar el valor de la variable o expresión.
Es como ({{expresión}}) y la sintaxis para esto es,
ng-bind-html : Es una directiva que vincula el contenido al elemento HTML (vista) de forma segura. El servicio $ sanitize se utiliza para desinfectar el contenido y enlazarlo en un elemento HTML. Para hacer esto, 'angular-sanitize.js' debe estar incluido en nuestra aplicación.
Sintaxis para escribir esto,
P # 21) Explique ng-bind-template y ng-non-bindable.
Responder:
ng-bind-template : Reemplaza el contenido de texto del elemento por interpolación de la plantilla. Puede contener múltiples marcas de doble rizado.
No enlazable : Especifica AngularJS para no compilar el contenido de este elemento HTML y sus nodos secundarios.
Q # 22) Explique la directiva ng-model en AngularJs.
Responder: Esto puede ser un salto con el control de formulario de entrada HTML personalizado (como entrada, área de texto y selección) a los datos de la aplicación. Proporciona un comportamiento de validación de formularios con enlace bidireccional.
|_+_|Q # 23) Defina el método Factory en AngularJS.
Responder: Es bastante similar al servicio, las fábricas implementan un patrón de módulo en el que usamos un método de fábrica para generar un objeto que se usa para construir modelos.
En una fábrica, un objeto de método se devuelve al final creando un nuevo objeto y agregando funciones como propiedades.
Sintaxis :
|_+_|P # 24) ¿Qué es la directiva ng-repeat en AngularJS?
Responder: Representa o itera sobre una colección de elementos y crea elementos DOM. Supervisa periódicamente la fuente de datos para volver a representar una plantilla en respuesta a un cambio.
Sintaxis:
|_+_|P # 25) ¿Qué es un controlador en AngularJS?
Responder: Un controlador es una función de JavaScript que está vinculada al ámbito especificado. Angular crea una instancia del nuevo objeto controlador e inyecta el nuevo alcance como una dependencia.
Se puede usar un controlador para configurar el estado inicial del objeto de alcance y para agregar comportamiento al objeto. No se puede usar un controlador para compartir código o estado entre controladores, pero en lugar de ese servicio Angular se puede usar.
P # 26) ¿Qué son los filtros en AngularJS?
Responder: El trabajo principal de los filtros es modificar los datos, de modo que se puedan fusionar en una expresión o directiva mediante el uso de un carácter de tubería (se utiliza para aplicar filtros en un símbolo angular de una tubería que es (|) o este es el símbolo).
Un filtro formatea el valor de una expresión para mostrar al usuario. Se pueden usar en plantillas de vista, controladores o servicios, y también podemos crear fácilmente nuestro propio filtro. Un filtro es un módulo proporcionado por AngularJS. Hay nueve componentes de un filtro que proporciona.
Ejemplos: moneda, fecha, filtro, JSON, limitTo, etc.
P # 27) ¿Qué es la directiva ng-App en AngularJS?
Responder: Se utiliza para definir la aplicación AngularJs. Designa el elemento raíz de la aplicación y se mantiene cerca de la etiqueta o.
Podemos definir cualquier número de directivas ng-app dentro del documento HTML, pero solo una aplicación AngularJS puede arrancarse automáticamente (autoarrancarse) y las otras aplicaciones deben arrancarse manualmente.
Ejemplo:
|_+_|Q # 28) ¿Qué es ng-switch en AngularJS?
Responder: Se utiliza para intercambiar condicionalmente la estructura de DOM en una plantilla que se basa en una expresión basada en el alcance.
cómo encontrar la clave de seguridad para el enrutador
Esta directiva le permite mostrar u ocultar el elemento HTML según la expresión.
P # 29) ¿Cuál es el uso de un evento de doble clic en AngularJs?
Responder: Le permite especificar el comportamiento personalizado en un evento de doble clic del mouse en una página web. Podemos usarlo (ng-dblclick) como un atributo del elemento HTML como,
|_+_|P # 30) ¿Qué son las directivas ng-include y ng-click en AngularJs?
Responder:
ng-include ayuda a incluir diferentes archivos en la página principal. La directiva ng-include incluye HTML de un archivo externo.
El contenido incluido se incluirá como nodos secundarios del elemento especificado. El valor del atributo ng-include también puede ser una expresión, que devuelve un nombre de archivo.
De forma predeterminada, el archivo incluido debe estar ubicado en el mismo dominio que el documento.
ng-click se puede utilizar en escenarios como cuando hace clic en un botón o cuando desea realizar cualquier operación. Le dice a AngularJS qué hacer cuando se hace clic en un elemento HTML.
Ejemplo:
|_+_|El código anterior aumentará la variable de recuento en uno cada vez que se haga clic en el botón.
P # 31) ¿Qué es una transferencia de estado representacional (REST) en AngularJs?
Responder: REST es un estilo de API que opera sobre la solicitud HTTP.
La URL solicitada identifica los datos sobre los que se va a operar y el método HTTP identifica la operación que se va a realizar. REST es un estilo de API en lugar de una especificación formal, y hay mucho debate y desacuerdo sobre qué es y qué no es RESTful, que es un término que se usa para indicar una API que sigue el estilo REST.
AngularJS es flexible sobre cómo se consumen los servicios web RESTful.
P # 32) ¿Qué son las API globales de AngularJs?
Responder: Es una combinación de función JavaScript global que se utiliza para realizar tareas como comparar objetos, iterar objetos y convertir datos.
Hay algunas funciones API comunes como:
- angular. minúscula: Convierte una cadena en una cadena en minúsculas.
- angular. mayúscula: Convierte una cadena en una cadena en mayúsculas.
- angular. isString: Devolverá verdadero si la referencia actual es una cadena.
- angular. isNumber: Devolverá verdadero si la referencia actual es un número.
P # 33) ¿Qué es un método de proveedor en AngularJs?
Responder: Un proveedor es un objeto que crea un objeto de servicio al permitir tomar más control.
El método $ get () se usa en el proveedor que devuelve el objeto de servicio. El nombre del servicio y la función de fábrica son los argumentos que se pasan al método del proveedor. AngularJS usa $ provide para registrar nuevos proveedores.
Sintaxis:
|_+_|P # 34) ¿Qué es el manejo de eventos?
Responder: El manejo de eventos en AngularJs es muy útil cuando desea crear aplicaciones avanzadas de AngularJs.
Necesitamos manejar eventos DOM como clics del mouse, movimientos, pulsaciones de teclado, eventos de cambio, etc. AngularJs tiene algunas directivas de escucha como ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup, etc.
P # 35) ¿Qué es DOM de AngularJs?
Responder: AngularJs tienen algunas directivas que se utilizan para encapsular los datos de la aplicación AngularJs en un atributo deshabilitado de los elementos HTML.
Ejemplo: La directiva ng-disabled encapsula los datos de la aplicación a los atributos deshabilitados del elemento DOM de HTML.
|_+_|P # 36) ¿Cuáles son los atributos que se pueden usar durante la creación de nuevas directivas AngularJs?
Responder: Hay varios atributos que se pueden utilizar durante la creación de una nueva directiva.
Incluyen:
- Plantilla: Describe una plantilla en línea como una cadena.
- URL de la plantilla: Este atributo especifica el compilador HTML de AngularJs para reemplazar la directiva personalizada dentro de una plantilla con el contenido HTML ubicado dentro de un archivo separado.
- Reemplazar: Reemplaza el elemento actual si la condición es verdadera; si es falso, agregue esta directiva al elemento actual.
- Transclude: Le permite mover los elementos secundarios originales de una directiva a una ubicación dentro de la nueva plantilla.
- Alcance: Crea un nuevo ámbito para esta directiva en lugar de heredar el ámbito principal.
- Controlador: Crea un controlador que publica una API para comunicarse a través de las directivas.
- Exigir: Requiere la presencia de otra directiva para que la directiva actual funcione de manera eficiente.
- Enlace: Modifica las instancias de elementos DOM resultantes, agrega detectores de eventos y configura el enlace de datos.
- Compilar: Modifica la plantilla DOM para características en copias de una directiva, como cuando se usa en otras directivas. Su función de compilación también puede devolver funciones de enlace para modificar las instancias de elementos resultantes.
P # 37) ¿Son posibles los controladores anidados o no en AngularJs?
Responder: Sí, es posible, ya que los controladores anidados están bien definidos de manera clasificada al usar una vista.
P 38) ¿AngularJS se adapta bien a todos los navegadores?
Responder: Sí, es compatible con todos los navegadores como Safari, Chrome, Mozilla, Opera, IE, etc., así como con los navegadores móviles.
Q 39) Defina servicios en AngularJS.
Responder: Los servicios de AngularJS son los objetos o funciones singleton que se utilizan para llevar a cabo tareas definidas. Abarca algunas ideas corporativas y estos propósitos pueden denominarse controladores, directivas, filtros, etc.
P 40) Explique las ventajas de AngularJS.
Respuesta: las ventajas incluyen:
- Es compatible con la forma MVC.
- Organice dos formas de enlace de datos usando AngularJS.
- Admite la comunicación mutua cliente-servidor.
- Soporta simulaciones.
Q # 41) Diferencia entre servicios y fábrica.
Responder: Las fábricas son funciones que devuelven el objeto, mientras que los servicios son funciones constructoras del objeto que utiliza una nueva palabra clave.
Sintaxis:
Fábrica - module.factory (`factoryName`, función);
Servicio - module.service (`serviceName`, función);
P # 42) Si tanto la fábrica como el servicio son equivalentes, ¿cuándo debería usarlos?
Responder: Se prefiere al proveedor de fábrica usando un objeto, mientras que se prefiere a un proveedor de servicios usar con clase.
Q # 43) Diferencia entre AngularJS y React.JS.
Responder: AngularJS es un marco JS basado en lenguaje TypeScript lanzado en octubre de 2010 por Google. Es un marco completamente gratuito y de código abierto que se utiliza en proyectos de SPA (es decir, proyectos de aplicación de una sola página).
React.JS es una biblioteca de JavaScript desarrollada por Facebook en marzo de 2013 para crear UI. Los componentes de React se pueden usar en varias páginas pero no como un SPA (es decir, una aplicación de una sola página).
Q # 44) Diferencia entre la directiva ng-bind y ng-model.
Responder: La directiva ng-bind tiene enlaces de datos unidireccionales, los datos fluyen solo desde el objeto a la interfaz de usuario, no al revés (es decir, $ scope >> view) y la directiva ng-model tiene enlaces de datos bidireccionales, los datos fluyen entre la interfaz de usuario al objeto y viceversa versa (es decir, $ alcance >> ver y ver >> $ alcance).
Q # 45) ¿Cuál es la diferencia entre AJAX y AngularJS?
Responder: AJAX significa JavaScript asincrónico que se utiliza para enviar y obtener respuestas del servidor sin cargar la página.
Considerando que, AngularJS es un marco de JavaScript basado en lenguaje mecanografiado que sigue el patrón MVC.
Q # 46) Defina ng-if, ng-show y ng-hide.
Responder: La directiva ng-if se usa como una cláusula que elimina el elemento HTML si la expresión se vuelve falsa.
Sintaxis
La directiva ng-show se usa para mostrar el elemento HTML si la expresión se vuelve verdadera. Y si la expresión se vuelve falsa, el elemento HTML se ocultará.
Sintaxis
La directiva ng-hide se usa para ocultar el elemento HTML si la expresión se vuelve falsa.
Sintaxis
Tanto ng-show como ng-hide utilizan el método de propiedad de visualización.
P # 47) ¿Cuál es la diferencia entre ngRoute y ui-router?
Responder: ngRoute es un módulo desarrollado por el equipo de angularJS que formaba parte del marco central de angularJS. Mientras que ui-router fue desarrollado por una comunidad de terceros para superar los problemas de ngRoute.
ngRoute es un enrutamiento basado en ubicación o URL, y ui-router es un enrutamiento basado en estado que permite vistas anidadas.
P # 48) ¿Cómo configurar, obtener y borrar cookies en AngularJs?
Responder: AngularJS tiene un módulo llamado ngCookies, por lo que antes de inyectar ngCookies debe incluirse angular-cookies.js en la aplicación.
- Configurar cookies - El método de colocación se utiliza para configurar cookies en un formato de valor clave.
- Obtener cookies - El método Get se utiliza para obtener cookies.
- Eliminar cookies - El método de eliminación se utiliza para eliminar las cookies.
Conclusión
Estoy seguro de que este artículo te habría ayudado a comprender los conceptos básicos y el nivel avanzado de AngularJS.
Este conjunto de preguntas y respuestas de la entrevista en AngularJS que se enumeran aquí le permitirá descifrar cualquier entrevista de AngularJS con éxito a un nivel más fresco y de experiencia. Estas son las preguntas frecuentes que se hacen en las entrevistas. Eso es todo por ahora.
¡Este artículo lo ayudará a resolver y enfrentar cualquier entrevista relacionada con AngularJS! ¡Espero que hayas disfrutado de toda la gama de tutoriales de esta serie AngularJS!
Lectura recomendada
- Preguntas y respuestas de la entrevista
- Preguntas y respuestas de la entrevista de prueba ETL
- Algunas preguntas y respuestas complicadas sobre pruebas manuales
- Las 25 mejores preguntas y respuestas de la entrevista de pruebas ágiles
- Preguntas de la entrevista de Spock con respuestas (las más populares)
- Algunas preguntas interesantes de la entrevista sobre pruebas de software
- Más de 20 preguntas y respuestas de entrevistas .NET
- Las 51 preguntas y respuestas principales de la entrevista de Bootstrap