Chuletario > B3T8 Scripting Front > Flashcards

B3T8 Scripting Front Flashcards

(46 cards)

Study These Flashcards
1
Q

Estandar internacional de JavaScript

A

ECMAScript
ECMAScript es el estándar técnico (la especificación formal) y ECMA-262 es el número de referencia del documento que define ese estándar

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

Qué otros lenguajes de scripting se crearon a parte de JS

A

typeScript (Microsoft) y CoffeeScript

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

Motores de JS

A
  • SpiderMonkey
  • V8
  • Nitro
  • Chakra
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Transpiladores

A
  • Babel
  • Traceur
  • TSC
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Qué es un transpilador?

A

Es una herramienta que transforma código fuente a código fuente. Si tu navegador no soporta las características más recientes que ofrece el lenguaje que has elegido para programar, ese código tiene que pasar antes por un proceso de transpilación, es decir, los navegadores que van a descargar esa appweb que has programado tienen que ser capaces de ejecutar ese código.

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

Herramientas de gestión de dependencias o paquetes JS

A
  • Bower (antigua)
  • NPM
  • Yarn
    Son herramientas esenciales para desarrolladores JavaScript que facilitan la instalación, gestión y compartición de librerías y módulos (paquetes) para proyectos, permitiendo reutilizar código y acelerar el desarrollo sin escribir todo desde cero.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

En JS cuál es la herramienta homóloga a la JRE de Java, el runtime

A

NodeJS

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

Herramientas de automatización de construcción en JS

A
  • Gulp (se centra en la automatización de tareas repetitivas como compilación y minificación)
  • Grunt (se centra en la automatización de tareas repetitivas como compilación y minificación)
  • Webpack (enfocado a empaquetar módulos)
  • Pacel (enfocado a empaquetar módulos)
  • Rollup (enfocado a empaquetar módulos)
  • Browserify (enfocado a empaquetar módulos)
  • ESBuild (enfocado a empaquetar módulos)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Cómo se llama el fichero donde se especifican todas las dependencias en NodeJS

A

package.json

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

Cómo se llama el fichero donde se especifican todas las dependencias en Maven

A

pom.xml

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

Opciones de Framework

A
  • vue (es de un chino que se salió de angular)
  • react (no es un framework, si no más bien, una librería de componentes que liberó Facebook para manejar el DOM)
  • angular (es de Google)
  • ember (otro framework)
    Son herramientas muy potentes para hacer componentes que separan, por ejemplo, la parte html de tu parte JS para reutilización, etc.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Diferencia entre JQuery y React

A
  • JQuery es una librería de funciones
  • React vale para hacer componentes web (SPA), que son aplicaciones en las que todo lo tenemos en una sola página, como GMAIL.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

¿Cómo se llama la herramienta CLI (Comand Line Interface) de Angular?

A

ng

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

Comando para crear un proyecto nuevo en Angular

A

ng new mi-primer-proyecto

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

Tras crear el proyecto, ¿qué preguntas te hace Angular?

A

Te preguntará si deseas agregar el módulo de enrutamiento y tendrás que responder (sí) o n (no) según tus necesidades. Después, te preguntará también por el formato de la hoja de estilos, dando a elegir entre CSS, SCSS, Sass, Less, etc. CSS es una opción clásica y sencilla.

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

¿Cómo se navega a la carpeta del proyecto tras realizar el proceso de creación de la carpeta del proyecto y descargar todas las dependencias?

A

Con el comando CD:
cd mi-primer-proyecto

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

En Angular, ¿Cómo se ejecuta la aplicación, para iniciar el servidor de desarrollo y abrirlo automáticamente en tu navegador?

A

ng serve –open (o también ng serve -o)

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

¿Con qué comando de la Angular CLI se automatiza la creación de un nuevo componente en tu proyecto Angular?

A

ng generate component mi-componente
(forma abreviada: ng g c <mi-componente>)
ng generate service mi-servicio (si es un servicio)
ng generate module mi-modulo (si es un módulo)

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

¿Qué versiones de ECMAScript se corresponden con ECMAScript 2015 y ECMAScript 2016?

Study These Flashcards
A
  • ES6 se corresponde con ECMAScript 2015
  • ES7 se corresponde con ECMAScript 2016
    Hay que tener cuidado con eso, por si juegan en el examen con ello.
20
Q

¿En qué consisten las funciones como ciudadanos de primera clase?

Study These Flashcards
A

Es un concepto de programación que significa que las funciones se tratan como cualquier otro valor (como números o cadenas), permitiendo asignarlas a variables o almacenarlas en estructuras de datos, pasarlas como argumentos a otras funciones y devolverlas como resultados (que el valor de retorno de una función, sea otra función)

21
Q

¿Qué quiere decir que un lenguaje es funcional?

Study These Flashcards
A

Que tratas a las funciones como ciudadanos de primera clase (puedes asignarla a una variable, etc)

22
Q

Tipos de datos en JS

Study These Flashcards
A
  • Number
  • String
  • Boolean
  • Array
  • Null
  • Undefined
23
Q

¿Existe diferencia entre Null y Undefined?

Study These Flashcards
A

Sí. Null quiere decir que tiene valor nulo, y undefined que no tiene valor definido. No es lo mismo.

24
Q

Operadores. Diferencia entre == y ===

Study These Flashcards
A

=== (compara valor y tipo, operador de igual a igual estricto)
== (compara únicamente valor, operador no estricto)

25
¿Qué se entiende como "cortocircuito" en los operadores?
Un operador de cortocircuito es una optimización en programación donde los operadores lógicos && (AND) y || (OR) dejan de evaluar la expresión tan pronto como se determina el resultado final, ahorrando procesamiento y evitando efectos secundarios; con &&, si el primer valor es falso, no evalúa el segundo; y con ||, si el primer valor es verdadero, no evalúa el segundo.
26
Operadores lógicos en JS
En JavaScript, **! (NOT), && (AND) y || (OR)** son operadores lógicos que permiten combinar o negar condiciones, evaluando valores booleanos (verdadero/falso) para controlar el flujo del programa
27
Operadores aritméticos en JS
+, -, *, /, %, ** % (módulo o resto de la división) ** (exponenciación)
28
Operadores relacionales en JS
[](http://)>, <[](http://), [](http://)>=, <[](http://)=, ==, !=
29
Operador de asignación en JS
=
30
Qué operador devuelve el tipo de dato de una variable
typeof
31
Qué operador verifica si un objeto es una instancia de una clase
instanceof
32
Qué operador elimina una propiedad de un objeto
delete
33
Qué operador evalúa una expresión sin devolver un valor (retornando undefined)
void
34
Qué operador comprueba si una propiedad existe en un objeto o su cadena de prototipos
in
35
Métodos importantes del Objeto JSON
- **JSON.stringify(objeto):** Convierte un objeto JavaScript en una cadena de texto JSON. - **JSON.parse(cadenaJSON):** Convierte una cadena de texto JSON de vuelta a un objeto JavaScript.
36
Qué es JSON
Formato de texto ligero para intercambio de datos, basado en la sintaxis de objetos de JS pero más estricto (claves y textos entre comillas dobles, sin métodos)
37
¿Qué producto se trata de una herramienta de verificación de calidad o análisis estático (un "linter") de código abierto para JavaScript?
ESlint (es un linter o lintador)
38
En JS, las funciones son objetos ¿qué propiedad se les añade?
**Prototype**. Se les añade esta propiedad para implementar la herencia prototípica, permitiendo a los objetos compartir métodos y propiedades sin duplicarlos, optimizando memoria y facilitando la creación de "clases" o familias de objetos
39
Métodos del objeto RegExp
- text(text) : búsqueda (devuelve un boolean: true o false) - exec(text) : extracción (devuelve un array) Las expresiones regulares valen para hacer búsquedas de una cadena dentro de otra y también valen para extraer.
40
¿Qué son las promesas?
Es un objeto que representa el resultado eventual de una operación asíncrona, actuando como un "contrato" para un valor que estará disponible en el futuro, ya sea con éxito (cumplida/resuelta) o con un error (rechazada) Otra: Una Promise (promesa en castellano) es un objeto que representa la terminación o el fracaso de una operación asíncrona
41
¿En qué estados pueden estar las promesas?
pending (pendiente), fulfilled (cumplida) o rejected (rechazada)
42
¿Qué indicadores se usan para no encadenar muchos .then de cara a hacer más fácil el código?
- **async** se utiliza para convertir una función en asíncrona - **await** se utiliza para esperar el resultado de una función asíncrona. Así no utilizamos el then **await** pausando la función **async** hasta que una Promise se resuelva, mientras que **.then()** ejecuta callbacks al resolver o rechazar.
43
En Angular, comando que levanta el servidor local de desarrollo (con live-reload).
ng serve
44
En Angular, comando que muestra la versión de Angular CLI instalada
ng version / ng v
45
En Angular, qué comando compila la aplicación, tanto en la carpeta dist/. como para producción.
**ng build**: Compila la aplicación en la carpeta dist/. **ng build --configuration production**: Compila para producción.
46
Diferencia entre Frameworks Frontend y Frameworks Backend
**Frameworks frontend** (como React, Vue, Angular) se especializan en construir interfaces interactivas basadas en componentes **Frameworks backend** (como Django, Express, Laravel) gestionan la lógica del servidor, bases de datos y seguridad para aplicaciones web completas
Chuletario
flashcards
Decks in class (81)
# Cards
Brainscape helps you reach your goals faster, through stronger study habits.
© 2026 Bold Learning Solutions. Terms and Conditions