1
Q
Como se llama la estandarización de Javascript?
A
ECMA Script 262/ ES 2015
2
Q
Características de JS?
A
- Interpretado
- Dinámico
- Orientado a eventos
–> NO es orientado a objetos, pero trabaja con ellos (Objetos: navigator-> window-> Document) - BASADO en Prototipos
–> las funciones son objetos (añade funciones a un objeto)
3
Q
Interpretes de JS que conoces? Que sucede en el navegador?
A
- V8 (Chrome, edge, opera)
- SpiderMonkey (firefox)
- Nitro (Safari)
(Estos productos equivaldrían a la JVM)
- Le llega todo traducido sólo tiene que interpretarlo
4
Q
Nuevos lenguajes y herramientas de Transpilación (mundo JS). Que es la Transpilación?
A
- Lenguajes:
- Typescript
- CoffeeScript
- Dart (google)
- ClojureScript - Babel, Traceur, tsc
- Convierte un lenguaje de script(que no entiende el navegador) a uno que si entiende, como es el caso de JavaScript
5
Q
Nombre los frameworks MVVM(Model-View-ViewModel) (mundo JS) que conozca? para que sirven?
A
- Angular (google)
- React (facebook, libreria para manejar el DOM)
- Vue
- Ember
- Para hacer SPA (Single Page Applications)
6
Q
Como se ejecuta el código JS en un HTML 5?
A
- con la etiqueta
dentro de las páginas
- y por eventos (onClick, onFocus,…)
7
Q
que es NODE.js? Características
A
Es un entorno en tiempo de ejecución multiplataforma
- De código abierto
- Basado en JavaScript
- Asíncrono
- E/S de datos -> orientada a eventos
- Basado en V8
(Equivaldría a la JRE, hay que bajarlo para que funcione todo esto)
8
Q
Qué es un gestor de dependencias? Nombre las herramientas de gestión de dependencias asociadas con el desarrollo web que conozca? Comandos:
A
- Un gestor de dependencias es una herramienta de software que automatiza la gestión de las dependencias (componente de software (como una biblioteca o un paquete)) de un proyecto
- Herramientas:
- Bower (obsoleto)
- NPM (Node Package Manager)
–> init
–> install
–> update - Yarn
–> init
–> install
–> upgrade
–> add
9
Q
-> Que hace Bower?
A
Obsoleto
- Construida sonbre Node
- Gestionar dependencias de tus librerías
- Se instala con npm
10
Q
-> Que es Yeoman?
A
Obsoleta
- Construido sobre node
- Sirve para generar estructuras de directorios
–> en base a una serie de tipos de proyectos predefinidos
11
Q
-> Nombre las herramientas de automatización de tareas que conozca? Como estaban construidas y que hacían?
A
- Gulp
- Grunt
(Obsoletas)
- Construidas sobre node.js servían para automatizar tareas de desarrollo como minificar código JS, Transpilar SASS/LESS a CSS, ejecución de test,…)
12
Q
–> Estas tres equivalen a las tareas realizadas por Maven
A
13
Q
Qué son los Module Package Bundlers (empaquetadores)? donde se ponen? Productos
A
- Se encargan de empaquetar todos nuestros archivos, transformarlo, optimizarlos y minimizarlos para mejorar su funcionamiento tanto en desarrollo como en producción
- Ayuda a gestionar las dependencias permitiéndole importar y exportar módulos de forma clara y organizada. - En el fichero package.Json
- Productos:
- Webpack
- Parcel
- ESBuild
- Rollup
- Browserify
- Fusebox
- Vite
14
Q
Que son los Linters? productos
A
- Herramientas que mejoran el código mediante el analisis de Código Fuente
- Productos:
- ESLint
- JSHint
15
Q
Que es Vanilla JS?
A
un JS sin productos de terceros
16
Q
Herramientas de Test unitarios de JS?
A
- Jest
- Mocha
- Jasmine
17
Q
Que es el DOM API? Objetos??
A
Document Object Model (Appliccation Programming Interface)
- Podemos modificar/crear/eliminar nodos
- objetos:
- miElemento.onClick = function(evento){
…manejador de evento / callback / listener
}
- miElemento.addEventListener(“Click, function(evento){
… Crea un manejador de evento
})
18
Q
Que formas tenemos de realizar peticiones http asíncronas desde el cliente en JS?
A
- API Ajax (xmlhttprequest)
- API Fetch
- Libreria Axios
19
Q
Objeto XMLHTTPREQUEST (XHR)? para que sirve? Como recibimos el código?
A
- Realiza peticiones HTTP asíncronas (Recargas parciales de páginas)
- Presente en todos los navegadores
- Parte del API AJAX
- Desde ajax se hace una petición a una url del servidor
–> El servidor devuelve Código JSON o XML
20
Q
Atributos del objeto XHR (XMLHTTPREQUEST)
A
- Estado –> Indica si hay o no respuesta y el resultado de la mísma
–> readyState: estado del objeto (valores entre 0 y 4 –> 4 = datos cargados)
–> status: Estado como un número (codigo http) - Respuesta: Se guardan los datos de respuesta de la llamada
–> responseText -> donde se guarda la info si el serv te manda un JSON
–> responseXML -> donde se guarda la info si el serv te manda un XML
21
Q
Métodos del objeto XHR (XMLHTTPREQUEST). Síntaxis
A
- open (Metodo, URL [, asincrono [, nombreUsuario [, clave]]])
–> Especifica el método, URL y otros atributos opcionales de una petición - send([datos]) –> envía la petición
22
Q
Eventos del objeto XHR (XMLHTTPREQUEST)
A
onreadystatechange –> Se dispara con cada cambio de estado
23
Q
Que se usa ahora en vez de los métodos open/send en un XHR (XMLHTTPREQUEST)?
A
ahora se usa:
- Fetch API: Devuelve una promesa (no es un estandar, todos los navegadores los llevan)
- Axios: librería para hacer peticiones asíncronas (de terceros)
24
Q
Que son las promesas en JS? Estados
A
- Es un objeto que representa la terminación o el fracaso de una operación asíncrona
–> Puede cumplirse con un valor o rechazarse con un motivo (error) - Estados:
- Pending (estado inicial, ni cumplido ni rechazado)
- fulfilled (cumplida)
- rejected (la operación falló)
25
Que hace la promesa .then? y .catch? que sucede si encadenas muchos .then?
1. si sale bien se ejecuta .then cuando termine de ejecutarse hará otra cosa
2. si sale mal se ejecuta .catch
3. el codígo se vuelve complicado de mantener (ahora se usan los indicadores async y await)
26
Para que sirven los indicadores async y await? que pasa con ellas?
1. Mejoras de las promesas:
- async se utiliza para convertir una función en asícrona
- await se utiliza para esperar el resultado de una función asíncrona
2. por debajo se traducen a una promesa
27
Que son las Funciones de primera clase?
- Se tratan como cualquier otra variable
- Se pueden asignar a una variable
- Pueden pasarse como parametro
- y retornarse desde otra función
28
Que son los Clousures (clausuras) en JS?
Las funciones pueden acceder a valores fuera de su valor
29
Que funcionalidades añade el ES6?
- Promesas
- clases
- Array function (ForEach, map, filter)
- Arrow Functions (Equivanlen a las funciones lambda)
- Variables
30
Variables en JS? como se declara una constante? Como se puede nombrar una función?
Se declaran utilizando una de tres palabras clave (No es necesario declararlas ej. numero=3):
- let -> Variables a nivel de bloque (disponible en el bloque en el que es declarada )
- const -> valores pretendes nunca cambiar (Disponible a nivel de bloque)
- var -> declarar variable sin restricciones (disponible en la función que se declara)
2. el Nombre puede contener:
- Letras
- Números (PERO no puede empezar por un número)
- "$"
- "_"
31
Que tipos de datos hay en JS?
- Number
- String
- Booleanos
- Símbolos (nuevo de ES2015)
- Objectos (objects)
--> Funciones*
--> Array*
--> Date
--> RegExp*
- Null
- Undefined (cuando no le has dado valor)
- Algunos tipos de error (no profundizar)
32
Que es un Symbol (Símbolo) en JS?
Es un objeto incorporado cuyo constructor devuelve un symbol primitivo
- añadir claves de propiedades únicas
- ocultas de cualquier mecanismo para acceder al objeto
- permite una encapsulación débil
33
que es el objeto RegEx? para que sirve. Métodos
1. Se utiliza para hacer coincidir texto con un patrón
--> Flags (hay una lista de Flags)
2. Sirve para:
- Busca cadenas de texto dentro de otra cadena
- Extrae un trozo de texto
3. métodos:
- test: Prueba una coincidencia en su parámetro de cadena. Devuelve true/false
- exec: ejecuta una búsqueda de una coincidencia en su parámetro de cadena
34
Como son los Number en JS? Infinity y NaN
Permite representar y manipular valores numéricos
2. un valor numérico que representa el infinito-> .POSITIVE_Infinite/.NEGATIVE_infinite
3. Representa Not-A-Number, para expresar un resultado imposible de calcular
35
Que hace el método "push()" del tipo de objeto Array en JS?
mete el elemento al final de un array
36
Que hace el método "pop()" del tipo de objeto Array en JS? Como se hace el "opuesto"?
elimina el ultimo elemento del array y lo retorna
2. shift() -> elimina el primer elemeto y lo retorma
37
Que hace el método "unshift()" del tipo de objeto Array en JS?
Agrega por el principio y devuelve la nueva
38
Que hace el método "splice()" del tipo de objeto Array en JS?
añade y/o borra elementos
39
Que hace el método "forEach()" del tipo de objeto Array en JS?
recorre un array
40
Que hace el método "map()" del tipo de objeto Array en JS?
mapeo/correspondencia origen-destino
- Como resultado crea un nuevo array
41
Que hace el método "reduce()" del tipo de objeto Array en JS?
sumariza/reduce
- Devuelve un Cálculo
42
Que hace el método "filter()" del tipo de objeto Array en JS?
Devuelve un array filtrado con una condición
43
Que hace el método "slice()" del tipo de objeto Array en JS?
Devuelve un array con el rango de elementos indicado
44
Que hace el método "splice()" del tipo de objeto Array en JS? opciones?
Añade, borra o reemplaza (borra y añade) elementos de un array
- start
- deleteCount (si es '0' no borra)
45
Cual es el operador de Exponenciación en JS?
**
46
Cual es el operador de Resto de la división en JS?
%
47
Cual es el operador de Asignación en JS?
" = "
48
Cual es el operador de Comparación en JS?
(Compara valores pero no tipos)
"=="
49
Cual es el operador de Comparación extricta en JS?
(Compara tipos y valores)
"==="
50
Cuales son los operadores aritmeticos en JS?
- "+"
- "-"
- "*"
- "/"
- "%"
- "**"
51
Cuales son los operadores lógicos en JS?
- "!"
- "&&"
- "||" (cortocircuito)
52
Cuales son los operadores relacionales en JS?
- ">"
- "<"
- ">="
- "<="
- "=="
- "!="
53
que hace el operador "typeof" en JS?
devuelve una cadena que indica el tipo del operando sin evaluarlo
54
que hace el operador "delete" en JS?
remueve una propiedad de un objeto
55
que hace el operador "void" en JS?
especifica una expresión que se evalúa sin devolver un valor
56
que hace el operador "in" en JS?
devuelve true si la propiedad especificada está en el objeto especificado o su prototipo
57
Métodos JSON en JS y para que sirven?
- JSON.stringify() -> Pasa de Objeto JS a cadena
- JSON.parse() -> Pasa de cadena a JS
58
Que son los Eventos en JS?
- El sistema se encarga de producir una señal de cierto tipo cuando un evento ocurre, y proporciona un mecanismo para que una acción se lleve a cabo (ejecutar código) de forma automática cuando el evento ocurra.
- Los eventos se lanzan dentro de la ventana del navegador y usualmente están asociados a un elemento en específico dentro de dicha ventana
59
Clases de eventos en JS:
- Focus
- Blur
- Click
- Keypress
- input
- select
- Change
60
que hace el evento captura?
se recoge el evento en el root y baja hasta el objeto que ha generado el evento
61
que hace el evento target?
Se gestiona el evento en el objeto que ha generado el evento
62
que hace el evento bubble (burbuja/propagación)? Como se detiene?
El evento sube por los padres desde el objet hasta el root
2. con el método stopPropagation()
63
Para que sirve el método preventDefault()?
Evento que previene el comportamiento por defecto de un evento.
- Hay algunos que no son cancelables
64
Funciones en JS. que puede hacer una función? Funcionamiento
(es un tipo de objeto)
- Es un fragmento de código que puede ser llamado por otro código o por sí mismo, o por una variable que haga referencia a la función
--> se pueden asignar a una variable
--> se pueden pasar como parámetro
--> se pueden retornar desde otra función
- Cuando se llama a una función, los argumentos se pasan a la función como entrada
- La función puede devolver opcionalmente una salida.
65
Que son los prototypes en JS?
Son un mecanismo mediante el cual los objetos en JavaScript heredan características entre sí
- los objetos pueden tener un objeto prototipo, el cual actúa como un objeto plantilla del que hereda métodos y propiedades.
66
Como se puede definir una función?
function [nombre] ([param],...) { cuerpo }
...
