Angular

1. �Cu�les son las diferencias entre AngularJS y Angular?
Angular est� orientado a m�viles y tiene mejor rendimiento

Angular ofrece m�s opciones a la hora de elegir lenguajes
Los controladores y el $scope de AngularJs han desaparecido
Angular ofrece para su desarrollo TypeScript
La sintaxis de las directivas estructurales ha cambiado
Angular usa directamente las propiedades de los elementos y los eventos est�ndar
del DOM
La directiva de datos enlazados en una sola direcci�n (one-way data binding) se
sustituye por [property]
Ha cambiado la sintaxis de la inyecci�n de dependencias
Ha cambiado la sintaxis para hacer routing
La forma de arrancar una Aplicaci�n Angular ha cambiado
2. �Qu� son las directivas?
permiten extender el HTML de una aplicaci�n, alteran la apariencia o comportamiento

de un elemento del DOM y son usados como atributos de los elementos, alteran la
estructura del DOM, agregando, eliminando y manipulando los elementos host a los
que est�n unidos. Las Directivas de Componente son directivas con un "Template"
3. �Qu� es un componente?
os componentes son como el bloque b�sico de construcci�n en una aplicaci�n Angular.

Los componentes son definidos usando el decorador @component . Un componente tiene
un selector , template , style y otras propiedades, usando el que especifican los
metadatos requeridos para procesar el componente.
4. �Qu� es Angular CLI?
Es el int�rprete de l�nea de comandos de Angular2 que te facilita el inicio de

proyectos y la creaci�n del esqueleto, o scaffolding, de la mayor�a de los
componentes de una aplicaci�n Angular
5. �Cu�l es la diferencia entre constructor y ngOnInit?
Constructor es un default method que siempre se ejecuta cuando se crea una clase,
se ejecuta cuando se crea una instancia de una clase es una especificaci�n de
EcmaScript6 y por ende JavaScript llama al constructor antes que a ninguno.
ngOnInit es propio de angular y se ejecuta despu�s del constructor. A diferencia
del constructor, ngOnInit pertenece al ciclo de vida propio de angular y es aqu�
donde le �decimos� que el componente ya est� listo para darle uso.
6. Menciona algunas directivas estructurales?
*ngIf: Permite mostrar / ocultar elementos del DOM.

*ngFor: Permite ejecutar bucles sobre elementos del DOM.
*ngSwitch: Permite ejecutar casos condicionales sobre elementos del DOM.
7. �Cu�l es el prop�sito de la directiva *ngIf?
*ngIf: Permite mostrar / ocultar elementos del DOM.
8. �Qu� es la interpolaci�n?
En la interpolaci�n de cadenas, es un mecanismo de Angular de sustituci�n de una

expresi�n por un valor de cadena en un template. Cuando Angular ve en un template
algo escrito entre dobles llaves {{}} lo eval�a y lo trata de convertir en una
cadena, para luego mostrarlo en el template.
9. �C�mo se realiza la comunicaci�n entre componentes desde un componente padre

hacia un hijo
Consiste en usar la etiqueta @Input de Angular. �sta etiqueta se pone en el

componente hijo para indicar que esa variable proviene desde fuera del componente,
es decir desde el componente padre se usa el selector del hijo para incluirlo en
el html y le pasamos el valor que queremos pasar al hijo
10. �C�mo se realiza la comunicaci�n desde un componente hijo hacia un padre?
Dentro del componente hijo se usan dos librer�as de Angular Output y

EventEmitter. El mensaje ser� enviado a forma de evento emitido por el componente
hijo.
11. �Para qu� nos sirve realizar esta comunicaci�n entre componentes?
Las aplicaciones web en las que destaca Angular suelen ser complejas y con
mucha variedad funcional en diversas p�ginas. A menudo esas p�ginas est�n repletas
de formularios, informes y botones, para esto, angular permite y recomienda
repartir el trabajo en m�ltiples componentes de responsabilidad �nica.
12. �Qu� es la sanitizaci�n?
Si incluye el script de sanitizaci�n en angular, las entradas se desinfectan

analizando el HTML en tokens. Luego, todos los tokens seguros (de una lista blanca)
se serializan nuevamente en una cadena html correctamente asignada de origen. Esto
significa que ninguna entrada insegura puede convertirse en la cadena devuelta.
13. C�mo se protegen las urls cuando no se tiene autenticaci�n
Con guard, los guards pueden ser extensibles para que permitan acceder bajo las
condiciones que se requieran, se puede incluso hacer peticiones a un backend antes
de que el usuario entre en la p�gina.
14. C�mo se manejan las peticiones cuando se tiene token como medio de
autenticaci�n
Con JSON Web Token (JWT) es b�sicamente un objeto representado por tres cadenas
que se utilizan para transmitir informaci�n de usuario. Las tres cadenas son:
encabezamiento
carga �til
firma
Cuando un usuario inicia sesi�n en cualquier p�gina web con su nombre de usuario y
contrase�a, el servidor de autenticaci�n generalmente crea y env�a un JWT. Este JWT
se pasa junto con las subsiguientes llamadas de API al servidor. El JWT sigue
siendo v�lido a menos que caduque o el usuario cierre sesi�n en la aplicaci�n.
15. �Qu� son los pipes y para que se utilizan?
Las pipes son filtros o funciones que se ponen directamente en la vista para el dar
formato a un dato que se est� publicando Los pipes se usan poniendo el car�cter |
al pintar una variable, por ejemplo podemos poner: {{ 459.67 | currency: 'USD' |
lowercase }}
16. C�mo se maneja la internacionalizaci�n en angular
Con la librer�a ngx-translate permite la carga din�mica de archivos de

traducciones en nuestras aplicaciones angular, esta capacidad de carga din�mica de
archivos nos permite cambiar el idioma de la aplicaci�n sin necesidad de recargar
la pantalla.
17. Diferencia RestController Vs Controller
Controller es crear un mapa del objeto modelo y encontrar una vista, pero el
RestController simplemente devuelve el objeto y los datos del objeto se escriben
directamente en la respuesta HTTP como JSON o XML.
18. Anotaciones m�s comunes de JPA para entidades
@Entity
@Table
@Id
@GeneratedValue
@GenericGenerator
@Column
@ManyToMany
@JoinTable
@ManyToMany
@JoinTable
19. Validaci�n de campos de entrada desde un controller
Por ejemplo cuando Spring Boot encuentra un argumento anotado con @Valid,
autom�ticamente ejecuta la implementaci�n predeterminada de Hibernate Validator -
y valida el argumento.
20. Manejo de la seguridad con spring security (a grandes rasgos como se

implementa)
Poner la etiqueta@EnableWebSecurity es para especificar que se quiere que se

active la seguridad Web, realmente esta etiqueta no es obligatorio ponerla porque
Spring Boot que es muy listo, en cuanto ve que tenemos el paquete security (en el
pom.xml, recordad) en nuestro proyecto la incluye, pero no es mala cosa ponerla por
claridad, aunque sea redundante.
Ahora se especifica crear una clase, que la clase va a heredar de

WebSecurityConfigurerAdapter y se va sobrescribir algunas de las funciones de esa
clase.
B�sicamente Spring mira a ver si hay alguna clase que implemente el interface
WebSecurityConfigurer,
el cual implementa la clase WebSecurityConfigurerAdapter ,
y si lo hay pues utiliza las funciones que tiene ese interface para configurar
la seguridad de la aplicaci�n.
Ejemplo de configuraci�n
@Override
protected void configure(HttpSecurity http) throws Exception {
http
.csrf().disable()
.authorizeRequests()
.antMatchers("/","/index","/webpublico").permitAll()
.antMatchers("/webprivado").authenticated()
.antMatchers("/webadmin").hasRole("ADMIN").and()
.formLogin()
.loginPage("/login")
.permitAll()
.and()
.logout() // Metodo get pues he desabilitado CSRF
.permitAll();
21. Para que sirve Optional en java 11
Optional es un objeto contenedor que puede o no contener un valor no nulo. Si el

valor es presente, isPresent() devuelve true y get() retorna el valor.
22. Para que se utilizan los streams (no se refiere a streams de archivos)
Los Streams son una secuencia de elementos que soportan operaciones de

agregaci�n secuencial y paralela.
Son una forma de iterar todos los elementos de la colecci�n de una forma
simple, y que adem�s mientras los iteras se pueden realizar operaciones sobre la
colecci�n de forma declarativa. Es decir, se realizan operaciones pero cetr�ndose
en el objetivo que se busca, no en c�mo implementar el algoritmo para que funcione.
23. �C�mo se debe anotar un m�todo de un componente @Service que realice

actualizaciones a la BD?
el M�todo se esccribe con las anotaciones @Transactional @Service y dentro de

la clase que invoca al metoros se escribe @Autowired a una variable tipo
reposotorrio
que haga el llamado a lasoperacionres CRUD, en este caso update.
24. �C�mo se realizan consultas con paginaci�n y /o ordenamiento con JpaRepository
omo ya he comentado antes, Spring Data nos brinda soporte completo para esta
paginaci�n. Crea toda la l�gica para implementarlo, como por ejemplo el n�mero de
filas y p�ginas que queremos mostrar. Hacer la implementaci�n es tremendamente
sencillo, solamente tendremos que tocar en un par de sitios de nuestra aplicaci�n.
se usa la calse extendienda a PagingAndSortingRepository y en el servicio que

implementa dicho repositorio.
Creando un objeto PageRequest que implementa la interfaz Pageable. Este objeto
PageRequest incluye el n�mero de p�gina y el tama�o de la misma.
@Repository
public interface MiRepository extends JpaRepository<Trip, Integer>,
PagingAndSortingRepository<Trip, Integer> {
@Query("select c.columna from tabla c where c.id = ?1")

Collection<ObjetoModel> getAuditByTrip(int tripId);
@Query("select c.columna from tabla c where c.id = ?1")

Collection<Note> getColumnaById(int tripId);
@Query("select c.columna from tabla Category c where c = ?1")

Collection<ObjetoModel> tripsGivenACategory(ObjetoModel objetoModel);
El repositorio ya tendr� disponible dicha funcionalidad.

Angular

Cargado por

Copyright:

Formatos disponibles

Angular

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Angular

Cargado por

Copyright:

Formatos disponibles

1. �Cu�les son las diferencias entre AngularJS y Angular?

Angular est� orientado a m�viles y tiene mejor rendimiento

2. �Qu� son las directivas?

permiten extender el HTML de una aplicaci�n, alteran la apariencia o comportamiento

os componentes son como el bloque b�sico de construcci�n en una aplicaci�n Angular.

4. �Qu� es Angular CLI?

Es el int�rprete de l�nea de comandos de Angular2 que te facilita el inicio de

5. �Cu�l es la diferencia entre constructor y ngOnInit?

6. Menciona algunas directivas estructurales?

*ngIf: Permite mostrar / ocultar elementos del DOM.

7. �Cu�l es el prop�sito de la directiva *ngIf?

*ngIf: Permite mostrar / ocultar elementos del DOM.

En la interpolaci�n de cadenas, es un mecanismo de Angular de sustituci�n de una

9. �C�mo se realiza la comunicaci�n entre componentes desde un componente padre

Consiste en usar la etiqueta @Input de Angular. �sta etiqueta se pone en el

10. �C�mo se realiza la comunicaci�n desde un componente hijo hacia un padre?

Dentro del componente hijo se usan dos librer�as de Angular Output y

12. �Qu� es la sanitizaci�n?

Si incluye el script de sanitizaci�n en angular, las entradas se desinfectan

13. C�mo se protegen las urls cuando no se tiene autenticaci�n

15. �Qu� son los pipes y para que se utilizan?

Con la librer�a ngx-translate permite la carga din�mica de archivos de

17. Diferencia RestController Vs Controller

18. Anotaciones m�s comunes de JPA para entidades

19. Validaci�n de campos de entrada desde un controller

20. Manejo de la seguridad con spring security (a grandes rasgos como se

Poner la etiqueta@EnableWebSecurity es para especificar que se quiere que se

Ahora se especifica crear una clase, que la clase va a heredar de

21. Para que sirve Optional en java 11

Optional es un objeto contenedor que puede o no contener un valor no nulo. Si el

Los Streams son una secuencia de elementos que soportan operaciones de

23. �C�mo se debe anotar un m�todo de un componente @Service que realice

el M�todo se esccribe con las anotaciones @Transactional @Service y dentro de

24. �C�mo se realizan consultas con paginaci�n y /o ordenamiento con JpaRepository

se usa la calse extendienda a PagingAndSortingRepository y en el servicio que

@Query("select c.columna from tabla c where c.id = ?1")

@Query("select c.columna from tabla c where c.id = ?1")

@Query("select c.columna from tabla Category c where c = ?1")

El repositorio ya tendr� disponible dicha funcionalidad.

También podría gustarte