Angular Español Flashcards

1
Q

¿Qué es AngularJS?

A

AngularJS es un framework JavaScript para construir aplicaciones a larga escala y de alto rendimiento mientras se mantiene su facilidad de mantenimiento. Se pueden construir aplicaciones Cross-browser, es Open Source y utilizado por muchos desarrolladores alrededor del mundo.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Cómo se define una aplicación AngularJS?

A

ng-app=”nombreApp”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

¿A qué nos referimos con data-binding?

A

Nos referimos con data-binding a la sincronización automática entre la vista y el modelo, ng-model es la directiva utilizada para esto.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

¿Qué es scope en AngularJS?

A

Son objetos que se refieren al modelo. Ellos unen por decirlo así los datos entre el controlador y la vista.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Qué son controladores en AngularJS?

A

Son funciones vinculadas al scope, que básicamente interactúan con la vista y el modelo para la presentación de datos.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

¿Qué son los servicios en AngularJS?

A

Son objetos singleton que solo se instancian una sola vez y que nos sirven para realizar funciones o definir variables que interactúan con el controller. AngularJS viene con servicios por defecto, por ejemplo el $http que se utiliza para hacer llamadas asíncronas.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

¿Qué son directivas en AngularJS?

A

Las directivas básicamente extienden el funcionamiento del marcado HTML. AngularJS viene con directivas por defecto como ng-bind, ng-model por ejemplo, pero se pueden crear directivas custom de acuerdo a las necesidades del desarrollador y del proyecto.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

¿Qué son templates en AngularJS?

A

Básicamente es donde se hace el render de la información manejada por el controlador y mantenida en los modelos o bien el scope. Pueden ser únicas o divididas en “partials”.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

¿Qué es routing en AngularJS?

A

Básicamente nos referimos al sistema de intercambio de vistas del lado del cliente. Podemos utilizar por ejemplo ngRoute o ui-router. ngRoute es parte del core de Angular, pero ui-router solventa deficiencias que tiene la del core de Angular como vistas anidadas o vistas complejas.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

¿Qué es Deep Linking en AngularJS?

A

El Deep Linking permite codificar el estado de la aplicación en la URL para permitir ponerla en marcadores y así poder restaurar el estado de la aplicación al ser accesada la URL.

To remove #
We have to Enable html5Mode

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

¿Qué directiva utilizarías para mostrar diferentes imágenes basadas en status, siendo rojo, café o verde?

A

ng-switch y ng-switch-when.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Defina características de AngularJS

A
  1. Sigue el patrón MVC.
  2. Tiene Sencillo y potente sistema de Data Binding, que nos sincroniza automáticamente los datos con el DOM.
  3. Modularización de aplicaciones, permite tener un código bien organizado y testeable, separado en responsabilidades y en donde fácilmente podemos incluir módulos de terceros o distribuir módulos propios.
  4. Inyección de dependencias, en donde las dependencias que necesitamos en nuestros módulos son instanciadas y proporcionadas por AngularJS.
  5. Construcción de componentes y/o modificación de comportamiento mediante directivas. Es decir, con un marcado a nivel de elemento, atributo, clase css o comentario podemos hacer que en tiempo de ejecución esa parte se sustituya por otro HTML con su comportamiento asociado,
  6. Funciona correctamente con otras librerías.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

¿Ventajas de utilizar AngularJS?

A
  • AngularJS permite crear Single Page Applications fáciles de mantener.
  • AngularJS posee data-binding lo que brinda una experiencia de respuesta en la aplicación en tiempo real.
  • Se pueden aplicar unit testing.
  • Se pueden crear componentes reutilizables.
  • Utiliza inyección de dependencias y separation of concerns (separar la App en diferentes secciones).
  • Menos código, más funcionalidad.
  • Cross-browser
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

¿Desventajas de usar AngularJS?

A

Inseguro para Single Page Applications que requieran autenticación y no se validen por el lado del servidor.
No es degradable, si se deshabilita Javascript del navegador se pierde toda la funcionalidad.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

¿Qué directiva utilizaría para inicializar un Select Box con opciones cuando se realiza la carga de la página?

A

ng-init.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

¿Qué directivas utilizaría para ocultar o mostrar botones condicionalmente?

A

ng-show y ng-hide.

17
Q

¿Qué directiva utilizaría para recorrer una colección y listar cada ítem?

A

ng-repeat

18
Q

Explique el proceso de booteo de AngularJS

A

El documento HTML es leído y evaluado en el browser. AngularJS es cargado en el navegador y el objeto global angular es creado. Angular escanea el HTML en busca de apps y vistas, y conecta las vistas con su correspondiente controlador. Finalmente Angular ejecuta las funciones del controlador y renderiza las vistas con datos que provienen del modelo.

19
Q

¿Que es MVC?

A

Patrón de diseño en el que se separa la lógica (controlador), de la vista y del modelo de datos.

20
Q

Explique la diferencia entre ng-model y ng-bind

A

ng-model es two-way-data binding, ng-bind is one-way.