desarrollo web Flashcards
¿Cuáles son las tres capas que pueden alterar el contenido de una página web?
Estructura, Presentación y Comportamiento.
¿Qué tecnologías se utilizan para definir la estructura, presentación y comportamiento de una página web?
HTML define la estructura, CSS controla la presentación y JavaScript crea el comportamiento.
¿Qué beneficios aportan las buenas prácticas en programación web?
Accesibilidad, Portabilidad, Mantenibilidad y Reducción de la latencia.
¿Qué es Progressive Enhancement?
Es una técnica de desarrollo, que consiste en primero crear un sitio web básica funcional para todos los usuarios, y luego mejorar esta experiencia añadiendo capas adicionales de funcionalidades para aquellos que utilizan navegadores y dispositivos más modernos.
que garantiza que web sean utilizables incluso si el soporte para JavaScript está desactivado o el CSS se despliega lentamente.
¿Qué es un servidor web?
Es un software que entrega páginas en respuesta a las peticiones de los navegadores.
Diferencia entre una página web estática y una dinámica.
Las páginas estáticas no cambian su contenido cuando son solicitadas por el navegador, mientras que las páginas dinámicas son generadas por un servidor de aplicaciones en respuesta a las solicitudes del navegador.
¿Qué son las RIA (Rich Internet Applications)?
Son aplicaciones web que tienen características de aplicaciones de escritorio. Reducen la carga al sevidor web cargano una o varias paginas y actulizando elemntos con AJAX. Por cuestiones de rendimeinto, compatibilidad y seguridad fueron remplazadas por las SPA
¿Qué es AJAX y cuáles son sus beneficios?
AJAX es una técnica de desarrollo web que permite crear sitios interactivos mediante la actualización de partes de la página sin necesidad de recargarla completamente, mejorando la interactividad, velocidad y usabilidad.
¿Qué es JSON y para qué se utiliza?
JSON (JavaScript Object Notation) es un formato de intercambio de información que es una alternativa ligera al XML, utilizado para transmitir datos entre el navegador y el servidor web.
¿Qué es un objeto XMLHttpRequest?
Es un objeto que permite la comunicación entre el navegador y el servidor web, utilizado para realizar solicitudes y procesar respuestas en aplicaciones AJAX.
¿Qué es el modelo clásico de sitios web?
Es un modelo donde cada petición de datos realizada por el usuario requiere de una recarga completa de la página, lo cual puede ser lento y frustrante para el usuario.
¿Qué es el modelo Ajax de sitios web?
En el modelo Ajax, no es necesario recargar la página completa para cada petición de datos; solo se actualizan las partes necesarias de la página, ofreciendo una experiencia más interactiva y rápida.
¿Qué es Vue.js?
Vue.js es una librería de JavaScript multiplataforma de código abierto que facilita y simplifica la construcción de interfaces de usuario web.
¿Qué es Vue Router?
Vue Router es el sistema de ruteo oficial de Vue.js, que soporta características como:
- Rutas anidadas y con parámetros,
- Ruteo dinámico,
- Configuración modular basada en componentes,
- Querys
- Efectos de transiciones basadas en el sistema de transiciones de Vue.js,
- Total control sobre la navegación,
- Customización del comportamiento del desplazamiento vertical,
¿Qué es Vuex?
Vuex es una librería para el manejo del estado en aplicaciones Vue.js, permitiendo administrar un estado compartido de forma centralizada.
¿Qué son las propiedades CSS y cómo se estructuran?
Las propiedades CSS definen cómo se muestran los elementos. Se estructuran en dos partes: la propiedad y el valor, separados por dos puntos.
¿Qué es el pseudo-elemento en CSS?
Un pseudo-elemento actúa como si existiera un elemento extra en el código HTML, permitiendo aplicar estilos a partes específicas de un elemento, como la primera letra o la primera línea de un texto.
¿Qué es la propiedad ‘display’ en CSS?
La propiedad ‘display’ determina cómo se debe mostrar un elemento. Puede transformar un elemento en línea a bloque y viceversa, o eliminarlo de la página.
La propiedad display define cómo se muestra un elemento y cómo interactúa con otros elementos en términos de disposición y flujo. Los valores principales de display son:
* block: El elemento se muestra como un bloque, ocupando todo el ancho disponible y comenzando en una nueva línea. Ejemplos incluyen div, h1, p. * inline: El elemento se muestra en línea con el texto circundante y solo ocupa el espacio necesario. Ejemplos incluyen span, a. * inline-block: Combina características de block y inline. El elemento se muestra en línea con el texto, pero se comporta como un bloque, permitiendo especificar su ancho y alto. * none: El elemento no se muestra en la página y no ocupa espacio en el layout. * flex: El elemento se convierte en un contenedor flexible, utilizando el modelo de diseño Flexbox para sus elementos hijos. * grid: El elemento se convierte en un contenedor de cuadrícula, utilizando el modelo de diseño CSS Grid para sus elementos hijos.n
¿Qué es la pseudo-clase en CSS?
Una pseudo-clase se utiliza para definir un estado especial de un elemento, como :hover para aplicar estilos cuando el usuario posiciona el cursor sobre el elemento.
se utiliza para defini una propiedead adiciona de una clase, segun el estado o accion
¿Qué es la propiedad ‘position’ en CSS y cuáles son sus valores posibles?
se usa para controlar la posición de un elemento dentro de su contenedor y en el documento.
* static: Es el valor por defecto. El elemento se posiciona según el flujo normal del documento y no se pueden usar top, right, bottom o left. * relative: El elemento se posiciona según el flujo normal del documento, pero se pueden usar top, right, bottom y left para desplazarlo desde su posición original. * absolute: El elemento se retira del flujo normal y se posiciona en relación a su contenedor más cercano que tenga una posición distinta de static. Se usan top, right, bottom y left para definir su posición. * fixed: Similar a absolute, pero el elemento se posiciona en relación a la ventana del navegador y permanece fijo en su lugar cuando se hace scroll. * sticky: El elemento se comporta como relative hasta que su contenedor se desplaza a un punto específico, después de lo cual se comporta como fixed.
¿Qué es el modelo de caja en CSS?
El modelo de caja en CSS trata a cada elemento HTML como si estuviera contenido dentro de una caja, permitiendo controlar sus dimensiones, bordes, márgenes y rellenos.
¿Qué es el esquema de posicionamiento absoluto en CSS?
En el esquema de posicionamiento absoluto, un elemento se posiciona respecto de su contenedor más cercano con posición relativa, removiéndolo del flujo normal del documento.
¿Qué es el esquema de posicionamiento relativo en CSS?
En el esquema de posicionamiento relativo, un elemento se desplaza respecto de su posición original en el flujo normal sin afectar la posición de otros elementos.
¿Qué es el esquema de posicionamiento fijo en CSS?
En el esquema de posicionamiento fijo, un elemento se posiciona respecto de la ventana del navegador y no se mueve cuando el usuario desplaza la página.
¿Qué es la propiedad ‘float’ en CSS?
La propiedad ‘float’ permite que un elemento flote a la izquierda o derecha dentro de su contenedor, haciendo que el contenido circundante fluya alrededor de él.
¿Qué es AJAX y cuáles son sus componentes clave?
AJAX es una técnica de desarrollo web que permite actualizar partes de una página sin recargarla completamente. Sus componentes clave son HTML, CSS, DOM, JavaScript y XML.
¿Qué es JSONP y para qué se utiliza?
JSONP (JSON with Padding) es un patrón que permite hacer solicitudes de datos entre diferentes dominios, utilizando elementos
para cargar datos en formato JSON.
¿Qué es Fetch API y cuáles son sus ventajas?
Fetch API es una interfaz para recuperar recursos, ofreciendo un conjunto de características más potente y flexible que XMLHttpRequest, como el uso de Promises.
¿Qué es una aplicación de una sola página (SPA)?
Una SPA es una aplicación web que carga una sola página HTML y actualiza dinámicamente el contenido según las interacciones del usuario, sin recargar la página completa.
¿Qué es la técnica de Cross-Origin Resource Sharing (CORS)?
CORS es una técnica que extiende el estándar HTTP para permitir que los servidores web controlen qué orígenes pueden acceder a sus recursos mediante encabezados de solicitud y respuesta específicos.
