1. ¿Qué es un manejador de estados?

R/ Son valores que se almacenan de forma temporal en el estado de la aplicación

y van cambiando conforme la interacción del usuario

2. ¿Qué manejadores de estados conoces?

R/ NGRX, NGXS, Redux (Estos son los más comunes para angular)

3. ¿Qué es Redux?

R/ Es una librería de JavaScript que permite manejar el estado de una aplicación.

Podríamos decir que es un patrón de arquitectura de datos que permite
manejar estados.

4. ¿Cómo está tu nivel de Redux?

R/ “Tengo buen dominio de la metodología Redux, me considero en un nivel alto”

5. ¿Qué es el Front?

R/ Es la parte de una web que conecta e interactúa con los usuarios que la
visitan. Es la parte visible, la que muestra el diseño, los contenidos y la que
permite a los visitantes navegar por las diferentes páginas mientras lo deseen.

6. ¿Cómo se les brinda seguridad a los datos del Front?

R/ La seguridad en los datos que se encuentran en el front, dependen de la

información y seguridad que tenga el backend, desde el front, solamente se puede
encriptar la data que viene del backend

7. ¿Qué es cryptoJs?

R/ Es una biblioteca de JavaScript que permite encriptar y desencriptar

información.

8. ¿Quién se debe encargar de la parte de seguridad de la aplicación?

R/ El programador back-end, por parte del front, solamente se encriptan los datos
para su proceso de envío al API.

9. ¿Qué es una API?

R/ Interfaz de Programación de Aplicaciones (Application Programming Interfaces)

Las API son mecanismos que permiten a dos componentes de software

comunicarse entre sí mediante un conjunto de definiciones, reglas y protocolos.

10. ¿Qué es un Backend?

R/ El Back-End, CMS o Backoffice, es la parte del desarrollo web encargada de
que toda la lógica de una página funcione. Consiste en el conjunto de acciones que
pasan dentro de una web, pero que el usuario final no puede ver. Su función es
acceder a la información que se solicita, a través de la app, para luego combinarla
y devolverla al usuario final.

11. ¿Qué es el protocolo http y qué otro existe? (Hypertext Transfer

Protocol)

R/ Es el nombre de un protocolo el cual nos permite realizar una petición de datos

y recursos, como pueden ser documentos HTML. Es la base de cualquier
intercambio de datos en la Web.

12. ¿Qué es Soap? (Simple Object Access Protocol)

R/ Es un protocolo ligero para el intercambio de información en entornos

descentralizados y distribuidos. Los mensajes SOAP son las transmisiones de
información de remitentes a destinatarios. Los mensajes SOAP se pueden
combinar para crear patrones de petición/respuesta.

13. ¿De qué maneras se pueden pasar datos de un componente hijo a un

componente padre?

R/ Input, Output, manejadores de estados, Storage.

14. ¿Qué diferencia hay entre input y output?

R/ Input envía información del componente padre al componente hijo, y el output

envía información del componente hijo al componente padre.

15. ¿Para qué se usa el método emit en el output?

R/ Este método recibe como parámetro aquel dato que queramos hacer llegar al
padre. Lógicamente, el tipo del dato que enviemos hacia el padre debe concordar
con el que hayamos declarado en el genérico al instanciar la el objeto
EventEmitter.

16. ¿Qué diferencia hay entre JavaScript y Typescript?

R/ TypeScript es un lenguaje de tipado estricto, dispone de una escritura estática,

mientras que JavaScript es un lenguaje dinámico. JavaScript no admite módulos,
mientras que TypeScript sí que les da soporte. TypeScript dispone de interfaz,
mientras que JavaScript no. En TypeScript sí que hay que compilar el código, en
JavaScript no es necesario.
17. ¿Qué diferencia hay entre las variables let, var y const?

R/ Las variables var pueden ser modificadas y re-declaradas dentro de su ámbito;

las variables let pueden ser modificadas, pero no re-declaradas; las variables const
no pueden ser modificadas ni re-declaradas. Todas ellas se elevan a la parte
superior de su ámbito.

18. ¿Qué diferencia hay entre Bootstrap y Angular Material?

R/ Ambos son librerías de estilo, bootstrap por su parte está más enfocado en el
diseño, mientras que angular material está enfocado en tablas

19. ¿Qué es Angular Material?

R/ Es un conjunto de módulos y componentes que facilita el desarrollo de un

proyecto Angular. Proporciona distintos tipos de componentes testeados y
desarrollados por el equipo de Angular y dispone de componentes y módulos que,
una vez implementados facilitan la reutilización de código y se comportan
correctamente en las distintas resoluciones.

20. ¿Qué es Bootstrap?

R/ Bootstrap ayuda a los desarrolladores a construir sitios web más rápidamente.

Consta de scripts basados en HTML, CSS y JS para diversas funciones y
componentes relacionados con el diseño web, proporcionando una colección de
sintaxis para diseños de plantillas.

21. ¿Qué es UX? (User Experience)

R/ Básicamente es cómo una persona se siente mientras usa cualquier producto o

servicio digital que tu empresa ofrece. UX tiene que ver también con la sensación
de esta persona después de usar tu producto.

22. ¿Qué es UI? (User Interface)

R/ La idea del UI es guiar al usuario por tu aplicación durante el tiempo que él la

usa. En el momento que una persona entra en tu sitio web, existen algunas
acciones específicas que deseas que ellas tomen. Entonces, un buen trabajo de
diseño UI te permitirá guiar a los usuarios por la navegación y los llevará a tomar
dichas acciones de manera natural.

23. ¿Qué son los patrones de diseño?

R/ Son elementos reutilizables creados para resolver problemas comunes. Es decir
que con su aplicación y utilización podremos corregir diferentes problemas que
presenta nuestro código de una manera segura, estable y testeada.

24. ¿Qué son los pipes en Angular y cómo se usan?

R/ Son una herramienta de Angular que nos permite transformar visualmente la

información, como cambiar un texto a mayúsculas o minúsculas, o darle formato
de fecha y hora. -Uppercase y lowercase -Slice -Decimal -Percent -Currency -Json
-Async -Date, y a continuación de la variable, se escribe el carácter |

25. ¿Qué es ViewChild en Angular y para qué sirve?

R/ Es un decorador en Angular, un decorador de propiedades que configura una

consulta de vista.

26. ¿Qué son los microservicios?

R/ Son tanto un estilo de arquitectura como un modo de programar software. Con

los microservicios, las aplicaciones se dividen en sus elementos más pequeños e
independientes entre sí. El software está compuesto por pequeños servicios
independientes que se comunican a través de API bien definidas.

27. ¿Qué se usa para hacer test en Angular?

R/ jasmine y karma, son librerías que permiten hacer test de la aplicación para
cada funcionalidad

28. ¿Qué es un endpoint?

R/ Un punto final o Endopint es un dispositivo informático remoto que se

comunica a través de una red a la que está conectado. Normalmente se refiere a
los dispositivos que utilizamos a diario como ordenadores de escritorio, portátiles,
teléfonos inteligentes, tablets o dispositivos de internet de las casas.

29. ¿Qué son los webhook, dar un ejemplo?

R/ Un Webhook es también un endpoint pero en nuestra aplicación, y en lugar de

iniciar la llamada nosotros, es la aplicación con la que nos coordinamos la que nos
notifica cuándo ocurre algo de interés. Le da la vuelta a la comunicación.

30. ¿Cuáles son los lenguajes de programación que existen, menciona los
30 más usados?

R/ Es un lenguaje que le proporciona al programador, la capacidad de programar

una serie de instrucciones o secuencias de órdenes en forma de algoritmos con el
fin de controlar el comportamiento físico o lógico de un sistema informático.
Existen más de 675, que se emplean según los objetivos del software que se
quieren cumplir.

1. Java 11. Rust 21. Postscript

2. C 12. TypeScript 22. Haskell

3. Python 13. Swift 23. Objective-C

4. C++ 14. Perl 24. Scala

5. C# 15. Lenguaje de 25. Lava

programación Go
6. Visual Basic. NET 26. AVA
16. Kotlin
7. SQL 27. Basic
17. Scheme
8. PHP 28. Cobol
18. Erlang
9. Ruby 29. JavaScript
19. Elixir
10. Lenguaje de 30. Action Script
programación R 20. Pascal

31. ¿Cuáles lenguajes de programación usas tú?

R/ JavaScript y TypeScript

32. ¿Cuáles son las bases de datos más usadas?

R/ Oracle, DB2, MySQL, Microsoft SQL Server, PostgreSQL, MongoDB, Redis, IBM
DB2, Elasticsearch, SQLite, Cassandra.

33. ¿Cuáles son los dos tipos de bases de datos más usados?

R/Oracle y MySQL

34. ¿Cuáles bases de datos has usado?

R/MongoDB

35. ¿Qué es Figma?

R/ Es una herramienta de prototipado web y editor de gráficos vectorial, que a

diferencia de las otras herramientas, se aloja en la web. Además, una de las
características que tiene es que, al estar basada en el navegador, puedes compartir
el proyecto con tu equipo y hacer modificaciones en la misma mesa de trabajo.

figma es como paint con esteroides

36. Mira un video de cómo funciona GIT

R/ ✔

37. ¿Qué es GIT?

R/ Es un sistema de control de versiones distribuido, lo que significa que un clon

local del proyecto es un repositorio de control de versiones completo. Estos
repositorios locales plenamente funcionales permiten trabajar sin conexión o de
forma remota con facilidad. Los desarrolladores confirman su trabajo localmente y,
a continuación, sincronizan su copia del repositorio con la copia en el servidor.

38. ¿Qué es Firebase y por qué es tan usado?

R/ Se trata de una plataforma móvil creada por Google, cuya principal función es
desarrollar y facilitar la creación de apps de elevada calidad de una forma rápida,
con el fin de que se pueda aumentar la base de usuarios y ganar más dinero. La
plataforma está subida en la nube y está disponible para diferente plataformas
como iOS, Android y web.

39. ¿Qué es React?

R/ Es una librería open source de JavaScript para desarrollar interfaces de usuario.

React (también llamada React.js o ReactJS) es una biblioteca Javascript de código

abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el
desarrollo de aplicaciones en una sola página.

40. ¿Qué es Angular?

R/ Es un framework opensource desarrollado por Google para facilitar la creación

y programación de aplicaciones web de una sola página, (Single Page Application).
Evita escribir código repetitivo y mantiene todo más ordenado gracias a su patrón
MVC (Modelo-Vista-Controlador) asegurando los desarrollos con rapidez, a la vez
que posibilita modificaciones y actualizaciones.

41. ¿Qué es MongoDb?

R/ Es una de las bases de datos NoSQL y está orientada a documentos. Una base
de datos MongoDB se puede utilizar para almacenar los datos de la aplicación,
cada registro es un documento que consta de pares clave-valor que son similares a
los objetos JSON (JavaScript Object Notation). Permite a sus usuarios crear
esquemas, bases de datos, tablas, etc.

42. ¿Qué es Html? (HyperText Markup Language)

R/ Es el componente más básico de la Web. HTML es el lenguaje con el que se
define el contenido y la estructura de las páginas web.

43. ¿Qué es CSS? (Cascading Style Sheets)

R/ Permiten crear páginas web atractivas. Maneja el diseño y presentación de las

páginas web, es decir, cómo lucen cuando un usuario las visita. Funciona junto con
el HTML. Se les denomina hojas de estilo «en cascada» porque puedes tener
varias hojas y unas de ellas con las propiedades heredadas de otras.

44. ¿Qué es SCSS?

R/ Es un tipo especial de archivo para SASS, un programa escrito en Ruby que

ensambla hojas de estilo CSS para un navegador, y para información SASS agrega
muchas funciones adicionales a las variables de tipo CSS, anidamiento y más, lo
que hace que escribir CSS sea más fácil y más rápido. Los archivos SCSS son
procesados ​por el servidor que ejecuta una aplicación web para generar un CSS
tradicional que su navegador puede entender.

45. ¿Qué es Javascript?

R/ Es el único lenguaje de programación que funciona en los navegadores de

forma nativa (lenguaje interpretado sin necesidad de compilación). Por tanto se
utiliza como complemento de HTML y CSS para crear páginas webs. Es un lenguaje
de secuencias de comandos que permite crear contenido de actualización
dinámica, controlar multimedia, animar imágenes, etc.

46. ¿Qué es TypeScript?

R/ Es un superconjunto de JavaScript, que esencialmente añade tipos estáticos y

objetos basados en clases. El tipado se refiere a cómo se declaran los tipos de
variables. Estos pueden variar desde tipos simples hasta estructuras complejas. Es
una especie de superset de JavaScript, cuyo resultado final es un código de
JavaScript. Un superset es un lenguaje que se escribe sobre otro lenguaje.

47. ¿Qué es Kanban?

R/ Se basa en el desarrollo y entrega continuos, abordando un pequeño número

de tareas de forma fluida y simultánea. Los equipos Kanban utilizan una
herramienta de planificación visual, el tablero Kanban (ese con los post-its), que
muestra cada proyecto (historia del usuario) en una tarjeta y mueve esas tarjetas
a través de columnas que representan etapas progresivas de finalización.
48. ¿Qué es Scrum?

R/ Scrum también divide tareas complejas en historias de usuarios y las visualiza

en un flujo de trabajo (muchas veces en un tablero Kanban). Los equipos de
Scrum se comprometen a generar software al final de los intervalos establecidos,
Sprints. Scrum es una metodología de trabajo, o framework usada por los equipos
de desarrollo de software.

49. ¿Qué es Postman y para qué sirve?

R/ Es una plataforma de API para que los desarrolladores diseñen, construyan,

prueben e iteren sus API. Permite realizar peticiones de una manera simple para
testear APIs de tipo REST propias o de terceros, testear colecciones o catálogos de
APIs tanto para Frontend como para Backend, organizar en carpetas,
funcionalidades y módulos los servicios web, gestionar el ciclo de vida de nuestra
API.

50. ¿Qué es un Análisis de requerimientos?

R/ Es un estudio profundo de una necesidad tecnológica que tiene una empresa,

organización o negocio. En este proceso, se realiza un análisis exhaustivo del
sistema que se va a desarrollar. Se definen y aplican técnicas que permitan analizar
los requisitos necesarios para su buen desarrollo. De esta forma, se logra
reconocer y entender cuáles son las verdaderas necesidades que el sistema debe
solucionar.

51. ¿Qué es freelance?

R/ Un freelancer trabaja por cuenta propia, es decir, sin una relación de

dependencia laboral, y puede hacerlo para varios clientes que contratan sus
servicios profesionales. La mayoría de trabajos freelance se realizan por proyecto.
Es decir que son contratos para tareas puntuales y tienen una duración corta.

52. ¿Qué es un desarrollador web?

R/ Los Desarrolladores Web diseñan, crean y realizan mantenimiento a páginas y

aplicaciones web, en tal sentido, trabajan en sitios de internet y de intranet. Esto
lo hacen escribiendo líneas de código, y utilizando una variedad de lenguajes de
programación.

53. ¿Qué es el manejo de peticiones API’S con protocolos http?

R/ Son solicitudes al backend, el protocolo http es el protocolo de trasferencia de

información, en conclución, es el material en el que se envuelve el mensaje que se
enviará al backend

54. ¿Qué es el desarrollo de pantallas en React y Ángular con redux?

R/ qué es redux? una de las formas de almacenar datos es a través de redux,

analiza eso e intenta responder

55. ¿Cómo es la gestión de bases de datos en MongoDb?

R/ al no ser un modelo sql, simplemente se envía el objeto a la base de datos y se

almacena de esa forma, es muy fácil de usar, pero eso no lo requiere saber el front

56. ¿Qué son Hooks y Mern?

R/ HOOKS: Estos te permiten usar el estado y otras características de React sin

escribir una clase.

MERN: Es un conjunto de marcos/tecnologías utilizadas para el desarrollo web de

aplicaciones que consta de MongoDB, React JS, Express JS y Node JS como sus
componentes.

57. ¿Qué es el hosting?

R/ Un hosting es un servicio de alojamiento para sitios web. Un hosting es un

servicio online que hace que se pueda acceder a tu sitio web en Internet. Cuando
obtienes un hosting, básicamente alquilas un espacio en un servidor que almacena
todos los archivos y datos de tu sitio web para que funcione correctamente.

58. ¿Qué son los decoradores?

R/ Es una función que nos permitirá la manipulación o retorno de datos. Los
decoradores son parte del core de Typescript. En Angular los decoradores se crean
anteponiendo una @.

59. ¿Qué son las bases de datos relacionales y no relacionales?

R/ Una base de datos relacional es un tipo de base de datos que almacena y

proporciona acceso a puntos de datos relacionados entre sí. Las bases de datos
relacionales se basan en el modelo relacional, una forma intuitiva y directa de
representar datos en tablas. Cada fila en una tabla es un registro con una ID
única, llamada clave. Las columnas de la tabla contienen los atributos de los datos
y cada registro suele tener un valor para cada atributo, lo que simplifica la creación
de relaciones entre los puntos de datos.

Las bases de datos no relacionales son un sistema de almacenamiento de

información que se caracteriza por no usar el lenguaje SQL para las consultas. Esto
no significa que no puedan usar el lenguaje SQL, pero no lo hacen como
herramienta de consulta, sino como apoyo. Por ello también se les suele llamar
NoSQL o «no solo SQL».

60. ¿Qué programa has usado para diseño?

R/ figma, Photoshop

61. ¿Qué es noSql?

R/ NoSQL se refiere a una base de datos no relacional o no SQL.

62. ¿Quién da soporte a Angular y quién da soporte a React?

R/ Google da soporte a Angular. React es mantenido por Facebook y la comunidad

de software libre.

63. ¿Qué pros y contras tiene Angular vs React?

R/ Angular es un framework de desarrollo web y móvil completo. React es una

librería solo para el desarrollo de UI, que se puede convertir en una solución
completa con la ayuda de librerías adicionales. React parece más simple a primera
vista y lleva menos tiempo el comenzar a trabajar en un proyecto con React.

Angular es un marco de desarrollo completo, mientras que React es una biblioteca

de interfaz de usuario.

64. ¿Qué son los useEffect, useMemo, useState, useCallback en React?

(Ver video y tomar notas de conceptos).
R/ USEEFFECT: Al usar este Hook, le estamos indicando a React que el
componente tiene que hacer algo después de renderizarse. React recordará la
función que le hemos pasado (nos referiremos a ella como nuestro “efecto”), y la
llamará más tarde después de actualizar el DOM. Poner useEffect dentro del
componente nos permite acceder a la variable de estado count (o a cualquier
prop) directamente desde el efecto. No necesitamos una API especial para acceder
a ella. Por defecto se ejecuta después del primer renderizado y después de cada
actualización.

USEMEMO Y USECALLBACK: Las funciones useCallback, useMemo y memo se

usan para optimizar aplicaciones de React usando memoización, evitando
renderizaciones inútiles, cada uno con sus diferencias, similitudes y casos de uso.
Estas tres funciones no deben ser usadas de manera indiscriminada, sino
exclusivamente en aquellas situaciones en las que su impacto sea mucho menor
que los beneficios que ofrecen.

La diferencia clave es que useMemo devuelve un valor memoizado, mientras que

useCallback devuelve una función memoizada. Esto significa que useMemo se
utiliza para almacenar un valor calculado, mientras que useCallback devuelve una
función que puedes llamar más tarde.

Las diferencias básicas entre uno y otro son: useCallback, memoriza funciones, es
un hook. useMemo, memoriza valores, es un hook.

USESTATE: Es un Hook que te permite añadir el estado de React a un

componente de función.

65. Del uno al diez ¿Cuál es tu nivel de Angular? Justifica tu respuesta.

R/Diez. Es la herramienta en la que más trabajo, y me gusta, así que con toda
seguridad puedo decir que mi nivel es un diez.

66. ¿Cuáles son los pasos o el camino que sigues cuando hay un error?

R/ 1. Se identifica el error.

2. Se intenta solucionar con los conocimientos propios.

3. Se buscan soluciones en google.

4. Comento el error con el grupo.

5. Comento el error con mi agenda de contactos que son desarrolladores.

67. Si llevas dos horas solucionando un error, ¿qué haces?

R/ Siempre sigo esos mismos pasos para solucionar errores, y hasta ahora me
funciona muy bien.

68. Si llevas una semana intentando solucionar un error que nadie ha

podido solucionar ¿qué haces?

R/ Mi último recurso es informar a mis contactos para saber si alguien me puede

colaborar. Imagino que si aún así no lograra resolverlo (cosa que no me ha
pasado) informaría al líder de proyecto para no perder más tiempo.

69. A lo largo de tu carrera ¿has adquirido una agenda de contactos de

desarrolladores que te ayuden en algunos errores?

R/ Por supuesto, se me hace fácil socializar y afortunadamente he encontrado

personas que ahora son cercanas, y con las que me puedo apoyar para dar
solución a errores.

70. Ver segundo video de GIT.

R/ Herramienta para el control de versiones. Sus actividades principales son

LOCAL (Proyecto, código, en una carpeta), STAGING (Vamos a poder añadir los
archivos locales que queremos que se le de seguimiento en el modo de versiones),
REPOSITORIO (Lo que crea git para poder hacer el seguimiento de todo lo que se
hace en nuestro código), REMOTO (Es cómo subimos nuestro repositorio a un
servicio de repositorios como github o gitlab).

Éstos son los comandos que vamos a utilizar:

Git init para inicializar nuestro repositorio en la carpeta local.

Todos los comandos en git comienzan con la palabra git.

A partir de ahí vamos a ver cómo añadir los archivos en el staging y

posteriormente saber el estatus por revisar los cambios a nivel de código de qué es
lo que estamos añadiendo y qué estamos eliminando, para por último hacer el
commit que es una nueva versión de nuestro código de los archivos que estamos
añadiendo al staging. Ese sería el proceso inicial.
Una de las herramientas de git es el git bash. Y ésta es una consola adicional y
funciona como cualquier otra consola.

71. ¿Cómo funcionan las acciones, efectos y reducers en Redux?

R/ Las acciones son un bloque de información que envia datos desde tu aplicación
a tu store. Son la única fuente de información para el store. Las envias al store
usando store.dispatch().

Las acciones son objetos planos de JavaScript. Una acción debe tener una
propiedad type que indica el tipo de acción a realizar. Los tipos normalmente son
definidos como strings constantes.

La solución que proponen NgRX es usar un artificio llamado efecto, porque será
encargado de los efectos secundarios que provocan las las instrucciones
asíncronas. De una forma simplista, diremos que las acciones asíncronas se
multiplicarán por tres. El comando que genera la llamada, y los dos potenciales
eventos con la respuesta correcta o el error.

Para manejarlo todo incluyen en la librería el módulo EffectsModule que ha de

registrarse junto al StoreModule. Desde ese momento NgRX activa un sistema de
seguimiento que trata las acciones como un stream de RxJS y permite subscribirse
a la invocación de dichas acciones y tratarlas adecuadamente.

Los reducers se caracterizan por ser funciones puras, es decir, funciones que no
producen efectos secundarios y manejan estructuras inmutables. Esto quiere decir
que dentro de un reducer, no puedes hacer peticiones AJAX, usar timers,
intervalos, o modificar variables externas al reducer, ya que todas estas
operaciones se considera que producen efectos secundarios.
 72. Diferencia entre SASS, CSS, SCSS
73. Cuáles son los 5 frameworks más usados en el front y en el backend.
74.

Si preguntan si has trabajado del lado del backend, di que sí, pero muy
poco, en lo posible, debes responder de forma afirmativa.