Preguntas y respuestas de la entrevista de AngularJS

Posted on by Rudeus Greyrat

  1. ¿Qué es AngularJS y quién lo creó?
    AngularJs es un marco front-end de código abierto de Javascript que se utiliza principalmente para desarrollar aplicaciones web de una sola página (SPA). Es un marco en continuo crecimiento y expansión que proporciona mejores formas de desarrollar aplicaciones web. Cambia el HTML estático a HTML dinámico. Sus características como el enlace dinámico y la inyección de dependencia eliminan la necesidad de código que tenemos que escribir de otra manera. AngularJs está creciendo rápidamente y por esta razón, tenemos diferentes versiones de AngularJs con la última versión estable 1.7.7. También es importante tener en cuenta que Angular es diferente de AngularJs. Es un proyecto de código abierto que cualquiera puede usar y modificar libremente. Extiende los atributos de HTML con directivas y los datos se enlazan con HTML.

    AngularJs fue desarrollado originalmente en 2008-2009 por Misko hevery y Adam abrons , y ahora es mantenido por Google.

  2. ¿Cuáles son las características de AngularJS?
    Hay tantas funciones en AngularJS como MVC Framework, el exclusivo enrutador AngularJS, interfaz de usuario con HTML, directivas, alcance, enlace de datos, inyección de dependencia, compatibilidad, evita el trabajo pesado y alto rendimiento.
  3. Explique qué es el alcance y el enlace de datos en AngularJS.
    Alcance: El alcance en AngularJS es la parte vinculante de la vista HTML y el controlador de JavaScript. Cuando agrega propiedades al objeto de alcance en el controlador de JavaScript, solo entonces la vista HTML obtiene acceso a esas propiedades. Hay dos tipos de Scope en AngularJS.

    Enlace de datos: Angular proporciona una función de enlace de datos que nos ayuda a tener un reflejo casi en tiempo real de la entrada proporcionada por el usuario, es decir, crea una conexión entre el modelo y la vista.

  4. ¿Cuántos tipos de enlaces de datos hay en AngularJs?
    Hay cuatro tipos de enlaces de datos en AngularJS Event Binding , Property Binding , Two way Binding y Interpolation Binding
  5. Explique las diferencias entre el enlace unidireccional y el enlace bidireccional.
    Vinculación de propiedad: similar a Java, las variables definidas en la clase principal pueden ser heredadas por la clase secundaria que son plantillas en este caso. La única diferencia entre la interpolación y el enlace de propiedades es que no debemos almacenar valores que no sean strings en variables mientras usamos la interpolación. Entonces, si tenemos que almacenar booleanos u otros tipos de datos, use el enlace de propiedad.

    Enlace de interpolación : la interpolación angular se utiliza para mostrar una propiedad de componente en la plantilla de vista respectiva con la sintaxis de llaves dobles. La interpolación se utiliza para transferir las propiedades mencionadas en la clase de componente para que se reflejen en su plantilla.

  6. Explicar los servicios y la expresión en AngularJS.
    Servicios: los servicios se utilizan para crear variables/datos que se pueden compartir y se pueden utilizar fuera del componente en el que se definen.
    Expresión: las expresiones en AngularJS se utilizan para vincular datos de aplicaciones a HTML. Las expresiones se resuelven mediante Angular y el resultado se devuelve al lugar donde se escribió la expresión.
  7. Explique cuál es la diferencia clave entre las expresiones angulares y las expresiones de JavaScript.
    La expresión AngularJS se puede escribir en HTML pero la expresión JavaScript no y los filtros son compatibles con AngularJS pero no con JavaScript. No podemos usar iteraciones, bucles y excepciones condicionales en AngularJs, pero podemos usar todas estas propiedades condicionales en expresiones de JavaScript.
  8. ¿Escribe todos los pasos para configurar una aplicación angular (ng-app)?
    Paso 1: El angular.module se creará al principio.
    Paso 2: Se asignará un controlador al módulo.
    Paso 3: el módulo se vinculará con la plantilla HTML con una aplicación angular (ng-app).
    Paso 4: la plantilla HTML se vinculará con el controlador con una directiva ng-controller.
  9. Con las opciones en la carga de la página, ¿cómo puede inicializar un cuadro de selección?
    Puede inicializar un cuadro de selección usando la directiva ng-init cuando se cargan las opciones en la página. 
    <div ng-controller = " apps/dashboard/account " ng-switch
On = "! ! accounts" ng-init = " loadData ( ) ">
  10. ¿Qué son las Directivas en AngularJS y nombrar algunas de ellas?
    Directiva: las directivas son marcadores en el elemento DOM que le indican a Angular JS que adjunte un comportamiento específico a ese elemento DOM o incluso transforme el elemento DOM con sus elementos secundarios. Simple AngularJS permite extender HTML con nuevos atributos llamados Directivas. AngularJS tiene un conjunto de directivas integradas que ofrecen funcionalidad a las aplicaciones. También define sus propias directivas.
    Las directivas populares son ng-app , ng-controller , ng-bind , etc.
  11. ¿Cuáles son las ventajas de usar AngularJS?
    Hay varias ventajas para AngularJS. Admite el patrón MVC admite dos formas de enlace de datos usando AngularJS. Tiene validaciones de formularios definidas
    Admite tanto la comunicación entre el servidor y el cliente como las animaciones.
  12. ¿Qué hace el enrutamiento AngularJS?
    El enrutamiento en AngularJS se usa cuando el usuario quiere navegar a diferentes páginas en una aplicación pero aún quiere que sea una aplicación de una sola página. Las rutas de AngularJS permiten al usuario crear diferentes URL para diferentes contenidos en una aplicación. El módulo ngRoute ayuda a acceder a diferentes páginas de una aplicación sin recargar toda la aplicación.
  13. ¿Cómo podemos compartir los datos entre controladores en AngularJS?
    Primero tenemos que crear un servicio. Los Servicios se utilizan para compartir datos entre controladores en AngularJS. Usamos eventos, $parent, next sibling y controller usando $rootScope.
  14. ¿Cuáles son los pasos para el proceso de compilación de HTML?
    Paso 1: Usando la API del navegador estándar, primero, el HTML se analiza en DOM
    Paso 2: Usando la llamada al método $compile(), se realiza una compilación del DOM. El método atraviesa el DOM y luego coincide con las directivas.
    Paso 3: vincule la plantilla con un ámbito llamando a la función de vinculación devuelta en el paso anterior.
  15. ¿Qué es la interpolación de strings en AngularJS?
    En AngularJS, durante el proceso de compilación, hace coincidir el texto y los atributos mediante el servicio de interpolación para ver si contienen expresiones incrustadas. Como parte del ciclo de resumen normal, estas expresiones se actualizan y registran como relojes.
  16. ¿Cuántos tipos de directivas hay disponibles en AngularJS?
    Hay cuatro tipos de directivas en AngularJS que se describen a continuación:
    • Directivas de elementos
    • Directivas de atributos
    • Directivas de clase CSS
    • Directivas de comentarios
  17. ¿Qué es el inyector?
    El inyector en AngularJS es básicamente un localizador de servicios. Se utiliza para invocar métodos y para cargar módulos. Solo puede haber un inyector en una sola aplicación AngularJS.
  18. ¿Qué es el método de fábrica en AngularJS?
    AngularJS Factory Method hace que el proceso de desarrollo de la aplicación AngularJS sea más robusto. Una fábrica es una función simple que nos permite agregar algo de lógica a un objeto creado y devolver el objeto creado. La fábrica también se usa para crear/devolver una función en forma de código reutilizable que se puede usar en cualquier lugar dentro de la aplicación. Cada vez que creamos un objeto usando una fábrica, siempre devuelve una nueva instancia para ese objeto. El objeto devuelto por la fábrica puede ser integrado (inyectable) con diferentes componentes del framework Angularjs como controlador, servicio, filtro o directiva.
  19. ¿Qué es el ciclo de resumen en AngularJS?
    Es la parte más importante del proceso de enlace de datos en AngularJS. Básicamente compara las versiones antiguas y nuevas del modelo de alcance. El ciclo de resumen se activó automáticamente. Si queremos activar el ciclo de resumen manualmente, podemos usar $apply().
  20. ¿Cuál es la diferencia entre Angular y AngularJS?
    Angular: está escrito en el lenguaje TypeScript de Microsoft, que es un superconjunto de ECMAScript 6 (ES6). En Angular components son las directivas con una plantilla. Utiliza inyección de dependencia jerárquica.

    AngularJS: Está escrito en JavaScript. Admite el diseño de modelo-vista-controlador. La vista procesa la información disponible en el modelo para generar la salida. No utiliza inyección de dependencia.

Publicación traducida automáticamente

Artículo escrito por Sabya_Samadder y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *