Frontend Flashcards

(38 cards)

1
Q

¿Qué significa HTML?

A

HyperText Markup Language

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

¿Qué significa CSS?

A

Cascading Style Sheets

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

¿Qué significa DOM?

A

Document Object Model

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

¿Qué diferencia hay entre id y class en HTML?

A

id es único para un elemento

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

¿Cómo se enlaza un archivo CSS a un HTML?

A

<link></link>

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

¿Qué hace el atributo “alt” en una etiqueta <img></img>?

A

Proporciona texto alternativo si la imagen no carga.

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

¿Qué etiqueta se usa para crear un enlace?

A

<a>Texto</a>

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

¿Qué etiqueta se usa para crear una lista ordenada?

A

<ol><li>Elemento</li></ol>

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

¿Qué etiqueta se usa para una lista no ordenada?

A

<ul><li>Elemento</li></ul>

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

¿Qué etiqueta define una tabla?

A

<table>
</table>

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

¿Qué significa responsive design?

A

Diseño que se adapta automáticamente a distintos tamaños de pantalla.

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

¿Qué es el viewport en HTML?

A

El área visible de la página web en un dispositivo.

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

¿Qué hace meta name=”viewport” content=”width=device-width

A

initial-scale=1.0”>?

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

¿Qué es JavaScript?

A

Lenguaje de programación que permite interacción dinámica en páginas web.

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

¿Qué diferencia hay entre var

A

let y const?

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

¿Qué es el hoisting?

A

Comportamiento donde las declaraciones de variables y funciones se elevan al inicio del scope.

17
Q

¿Cómo seleccionas un elemento del DOM por id?

A

document.getElementById(“id”)

18
Q

¿Cómo seleccionas un elemento del DOM por clase?

A

document.querySelector(“.class”)

19
Q

¿Cómo seleccionas múltiples elementos por clase?

A

document.querySelectorAll(“.class”)

20
Q

¿Cómo cambias el contenido de un elemento?

A

element.textContent = “Nuevo texto”

21
Q

¿Cómo agregas una clase CSS a un elemento?

A

element.classList.add(“clase”)

22
Q

¿Cómo eliminas una clase CSS?

A

element.classList.remove(“clase”)

23
Q

¿Cómo escuchas un evento de clic?

A

element.addEventListener(“click”

24
Q

¿Qué hace innerHTML?

A

Permite leer o escribir el contenido HTML dentro de un elemento.

25
¿Qué es el event bubbling?
Proceso donde un evento se propaga desde el elemento interno al externo.
26
¿Qué es Bootstrap?
Framework CSS que facilita la creación de interfaces responsivas.
27
¿Qué sistema de diseño usa Bootstrap?
Sistema de rejilla (grid system) basado en 12 columnas.
28
¿Cómo se crea una fila en Bootstrap?
29
¿Cómo se define una columna en Bootstrap?
30
¿Qué hace la clase container en Bootstrap?
Centra y agrega márgenes horizontales al contenido.
31
¿Qué es AJAX?
Asynchronous JavaScript and XML
32
¿Cómo se hace una petición AJAX en JS moderno?
fetch("url").then(res => res.json()).then(data => console.log(data))
33
¿Qué es jQuery?
Librería JavaScript que simplifica el manejo del DOM y las peticiones AJAX.
34
¿Cómo haces una petición GET con jQuery?
$.get("url"
35
¿Cómo haces una petición POST con jQuery?
$.post("url"
36
¿Qué es JSON?
Formato de texto para intercambio de datos entre cliente y servidor.
37
¿Qué hace JSON.stringify()?
Convierte un objeto JS en una cadena JSON.
38
¿Qué hace JSON.parse()?
Convierte una cadena JSON en un objeto JS.