OPOS > html > Flashcards

html Flashcards

(141 cards)

Study These Flashcards
1
Q

Motor de renderizado

A

Interpreta el código: Toma el código HTML, CSS y JavaScript que recibe de un servidor y lo analiza para entender su estructura y estilo. Construye el DOM: estructura de árbol que refleja la jerarquía de los elementos HTML. Aplica los estilos: Utiliza las reglas CSS para aplicar estilos a los elementos del DOM, determinando su tamaño, color, posición, etc.

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

DevTools

A

conjunto de herramientas integradas en los navegadores web que permiten a los desarrolladores inspeccionar, depurar y modificar sitios web directamente en el navegador
-inspeccionar y editar HTML y CSS
-depurar JavaScript
-analizar rendimiento webs
-monitorear tráfico web

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

Motores de renderizado principales en navegadores

A

Navegador Motor de Renderizado

Mozilla Firefox Gecko

Apple Safari WebKit

Microsoft Edge Blink

Opera Blink (antes Presto)

Brave Blink

Google Chrome Blink

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

Vanilla Javascript

A

es Javascript puro sin añadidos. NO utiliza bibliotecas o frameworks adicionales como jQuery, React o Angular.

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

CGI Common Gateway Interface

A

fue un estándar fundamental en el desarrollo web para la creación de páginas web dinámicas. Hoy ha sido reemplazado por PHP, ASP, JSP, o frameworks como Ruby on Rails, Django, y Node.js

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

AJAX

A

Asynchronous JavaScript and XML permite crear aplicaciones web más interactivas y dinámicas. En lugar de recargar toda la página cada vez que el usuario realiza una acción (como enviar un formulario o hacer clic en un enlace), AJAX permite actualizar partes específicas de la página de forma asíncrona, es decir, en segundo plano, sin que el usuario lo note.

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

WAI-ARIA

A

Web Accessibility Initiative - Accessible Rich Internet Applications
especificación técnica desarrollada por el W3C (Consorcio World Wide Web) que tiene como objetivo mejorar la accesibilidad de las aplicaciones web dinámicas y complejas, especialmente para personas con discapacidades. Añade tres tipos de atributos a los elementos HTML: Roles, Estados y Propiedades

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

Framework

A

es una estructura de trabajo que proporciona una base sobre la que construir aplicaciones. Establece convenciones y reglas a seguir para el desarrollo. Incluye componentes y módulos reutilizables. Define un flujo de trabajo específico para desarrollar aplicaciones. Ejemplos: React, Angular, Django, Laravel

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

Librería

A

una colección de funciones y clases reutilizables que resuelven problemas comunes de programación. Ejemplos: Lodash, jQuery, Moment.js

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

API

A

(Interfaz de Programación de Aplicaciones)
un conjunto de reglas y especificaciones que define cómo diferentes programas pueden interactuar entre sí.
Permite que diferentes aplicaciones utilicen las mismas funcionalidades (poder cambiar de librería sin cambiar tu código). Ejemplos: API de Google Maps, API de Twitter.

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

Preprocesadores CSS

A

herramienta o lenguaje de scripting que extiende las capacidades de CSS
-variables: (definir valores reutilizables)
-anidamiento: organizan en código de forma jerárquica y legible.
-mixins: mecanismos de reusabilidad de código
-funciones y operaciones matemáticas
-importaciones: dividen el código en archivos más pequeños
Ejemplos: Sass (Syntactically Awesome Style Sheets) // LESS (Leaner Style Sheets) // Stylus

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

gestor de dependencia

A

es una herramienta que automatiza la descarga y gestión de librerías, módulos o paquetes externos que tu proyecto necesita para funcionar. Ejemplos: npm, (node.js y JavaScript); Yarn (Facebook); Maven (Java)

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

automatizador de tareas

A

es una herramienta que automatiza los procesos repetitivos y tediosos en el desarrollo, como la minificación de código, la compilación de preprocesadores o la ejecución de pruebas. Ejemplos: Gulp.js, Grunt, npm scripts

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

generador de proyectos

A

es una herramienta que crea automáticamente la estructura base de un nuevo proyecto, incluyendo los directorios, archivos y configuraciones iniciales. Te ayuda a empezar rápidamente y a seguir buenas prácticas. Ejemplos: Yeoman, Create React App, Vue CLI

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

minificación

A

es un proceso que consiste en eliminar todos los caracteres innecesarios del código fuente de un programa para reducir su tamaño, sin alterar su funcionalidad.

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

objeto XMLHttpRequest

A

(abreviado como XHR) es una API de JavaScript que se utiliza para intercambiar datos de forma asíncrona entre el navegador web (el cliente) y un servidor. Permite que una página web solicite datos de un servidor en segundo plano, sin necesidad de recargar la página completa. Este es el fundamento de AJAX

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

etiqueta inicio página html5

A

<!DOCTYPE html>

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

<!--...-->

A

define un comentario

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

<a></a>

A

define un hyperlink

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

<abbr></abbr>

A

define una abreviatura o acrónimo

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

<acronym></acronym>

A

NO SOPORTADA EN HTML5
define un acrónimo (usar <abbr>)</abbr>

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

<address>
</address>

A

define información de contacto del autor o dueño del documento

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

<applet>
</applet>

A

NO SOPORTADA EN HTML5
define una applet embebida. (usar <embed></embed> o <object>)</object>

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

<area></area>

A

define un área dentro de un mapa

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
define un artículo
26
define el contenido de un lateral de la página
27
define un sonido embebido en la página
28
define texto en negrita o importante
29
Define la URL base y el destino por defecto (target) para todos los enlaces relativos contenidos dentro de un documento HTML Solo puede haber una etiqueta por documento.
30
NO SOPORTADA EN HTML5 especifica un color, tamaño o fuente de texto por defecto en la web. Usar CSS en su lugar
31
significa Bi-Directional Isolation para manejar textos cuya dirección de lectura es desconocida o diferente a la del texto que le rodea
32
significa Bi-Directional Override anula forzosamente la dirección actual del texto y la sustituye por una dirección específica
33
NO SOPORTADA EN HTML5 define texto grande Usar CSS en su lugar
34
define una sección que es una cita que proviene de otra fuente
35
define el cuerpo del documento
36

(break row) define un salto de línea
37
define un botón clikable
38
define un espacio para dibujar (usa JavaScript)
39
define el título o descripción de una tabla
40
NO SOPORTADA EN HTML5 define texto centrado
41
define el título de una obra creativa
42
define un trozo de código de computadora
43
Define una columna dentro de una tabla y se utiliza para aplicar estilos (como el ancho o el color de fondo)
44
define un grupo de columnas dentro de una tabla para formatearlas
45
conectar el contenido que ve el usuario con un valor procesable por una máquina
46
Define una lista de opciones predefinidas para un autocompletado en un (usa el atributo list).
47
Description Data Se utiliza dentro de una lista de descripción (
) para proporcionar la definición o descripción de un término previamente declarado con
.
48
Deleted Text Representa texto que ha sido eliminado de un documento. Visualmente, el navegador suele mostrarlo tachado
49
Crea un acordeón o desplegable interactivo que el usuario puede abrir o cerrar.
50
Definition marcar la instancia de definición de un término. Indica que el texto que rodea a esta etiqueta contiene la explicación del término encerrado en ella.
51
Representa una caja de diálogo
52
Directory List NO SOPORTADA EN HTML5 Usar
    en su lugar
53
Division Se utiliza exclusivamente para agrupar elementos con fines de diseño (CSS) o manipulación (JavaScript)
54
Description List Define una lista de descripción
55
Description Term Se utiliza dentro de un
para marcar el término o nombre que se va a describir o definir.
56
Emphasis Marca un texto con énfasis semántico. Los navegadores lo muestran en cursiva
57
Contenedor para recursos externos, como aplicaciones interactivas o contenido multimedia que requiere un plugin externo
58
Se utiliza para agrupar lógicamente varios controles y etiquetas dentro de un formulario
59
Define la nota al pie o leyenda de un elemento. Proporciona una descripción textual para el contenido visual.
60
Representa contenido independiente (como imágenes, diagramas, fotos o fragmentos de código) que se referencia desde el texto principal.
61
NO SOPORTADA EN HTML5 Se usaba para cambiar el color, tamaño y tipo de letra Usar CSS en su lugar
62
Representa el pie de página de un documento o de una sección
63
Define una sección interactiva para que el usuario introduzca datos que serán enviados a un servidor. Es la base de cualquier trámite administrativo online.
64
NO SOPORTADA EN HTML5 Definía una ventana o región específica (un marco) dentro de un
65
NO SOPORTADA EN HTML5 Se usaba en lugar del para organizar la página en múltiples secciones o marcos Usar