estandares w3c
Guia de trabajo 1 - Tecnologia IIICristian Stiven Gonzalez Pirir6to / computacion / "A" / 16
EMPEZAR
introduccion.
Los estandares W3C son recomendaciones y/o consejos de distintos paradigmas, practicas y parametros enfocados en desarrollo web, esto con el objetivo de normalizar las paginas web e impulsar la evolucion del entorno web al cumplir con los estandares.Estos estandares son estipulados por la W3C que es un acronimo de World Wide Web Consorsium, una organizacion fuertemente involucrada en el desarrollo web a nivel mundial, fue fundada por Tim Berners-Lee un cientifico computacional britanico, conocido como el padre de la World Wide Web.
next!
1. EPUB Reading Systems 3.4
Este estandar consiste en los lineamientos para la presentacion estetica y funcionalidad de libros o contenidos muy extensos en webs. Para cumplir con esto se pueden utilizar librerias como epub.js o soluciones de terceros como "magicScroll". Se suele aplicar en librerias virtuales o paginas educativas que utilizan libros de texto o imagenes especificas.
2. CSS Color Module Level 5
El estandar CSS Color Module Level 5 consiste en los parametros para uso de colores en la web, desde como colocarlos en la programacion hasta como usarlos de manera responsiva. Utiliza funciones como: contrast-color(), color-mix() and light-dark() y extiende el uso de algunas funciones preexistentes. Para aplicarlo los colores se deben de programar en un documento css por aparte y de manera relativa en la sintaxis, se deben de evitar los colores absolutos, esto se puede lograr utilizando RGBA en vez de RGB por ejemplo.
Next!
3. DID Methods
Los DID Methods son las recomendaciones para crear, resolver, actualizar y desactivar identificadores desesntralizados para permitir gestionar una identidad sobrerana y verificable en lugarde depender de autoridades centrales.Estos se aplican definiendo reglas para tipos especificos de DID y asi poder utilizar criptografia y tecnologias como blockchain para demostrar propiedad. Se utilizan cuando es necesario gestionar identidad digital por parte de organizaciones o personas.
4. Digital Credentials
Las Digital Credential son documentos veridicos y verificables que representan logros, habilidades o conocimientos como diplomas, certificados o licencias.Estas se aplican por medio de API´s al definir si el usuario puede utilizar las caracteristicas necesarias, esto se pude hacer por medio de userAgentAllowsProtocol() static method. Estas se utilizan en la programacion cuando es necesario realizar verificaciones, comprobaciones y demas con los datos del usuario.
Next!
5. Web User Agents
Esta regulacion gestiona a las entidades de software que interactuan con otras es decir, los Web user Agents, estos son cadenas de texto que se envia a un servidor para identificarse informando sobre el sistema operativo y dispositivo entre otras cosas. Este estandar dicta que un Web user agent debe de describir al dispositivo, si bien no cuenta con un formato rigido de este (porque varia por razones de compatibilidad) se utiliza mozilla/5.0 como base estandar para la verificacion y estructura de descripcion. Se aplica durante toda la navegacion web debido a que al ingresar a una pagina el navegador envia el UA.
6. Attribution Level 1
Los DID Methods son las recomendaciones para crear, resolver, actualizar y desactivar identificadores desesntralizados para permitir gestionar una identidad sobrerana y verificable en lugarde depender de autoridades centrales.Estos se aplican definiendo reglas para tipos especificos de DID y asi poder utilizar criptografia y tecnologias como blockchain para demostrar propiedad. Se utilizan cuando es necesario gestionar identidad digital por parte de organizaciones o personas.
Next!
7. HTML Standard (HTML5+)
Este estandar especifica el lenguaje HTML 5 (el mas reciente) como el principal para crear contenido, estructura semantica y formularios o multimedia en el entorno web.se aplica utilizando una estructura semantica en el proyecto lo que significa utilizar etiquetas como <article>, <section> y <nav>, etc, asi como las respectivas etiquetas de contenido como <audio> y <video>. se utiliza para desarrollo web estandar, aplicaciones con contenido multimedia y creacion de contenido accesible.
8. WAI-ARIA (Accessible Rich Internet Applications)
DDetermina atributos y roles para hacer mas accesibles las paginas conplejas para usuarios discapacidatos, en especial para usuarios lectores de pantalla. Para aplicarse se definen roles en los elementos, por ejemplo: (`role="button"`, `role="navigation"`), tambien se incluyen aplicar atributos de estado, etiquetas con descripciones y live regions que son utiles para cambiar contenido dinamicamente. Se aplica cuando es necesario crear dashboards y en aplicaciones complejas con interfaces dinámicas, compliance legal y aplicaciones financieras y medicas donde la inclusion es un punto de inflexion critico.
NEXT!
9. Web Accessibility Guidelines (WCAG) 2.1 / 3.0
Las wcag consisten en directrices tecnicas que W3c estipula para definir como crear contenido web accesible para personas con discapacidades y tiene niveles de conformidad desde A, AA hasta el AAA. Para aplicarse el contenido web creado debe de ser perceptible (visible/audible), contraste para tecto normal, transcripciones para audio y video y alternativas de color; El contenido debe de ser operable, es decir que debe de funcionar con el teclado, tiempo suficiente para realizacion de tareas y evitar el contenido con riesgo epileptico, el contenido debe de ser entendible y compatible con software de asistencia. Todas estas consideraciones son obligadas por leyes como ADA en EE.UU o la AODA en Canada.
10. Web Components
Conjunto de estandares que permite crear componentes web reutilizables, encapsulados o incluso interoperables funcionales en cualquier framework, se aplica utilizando "Custom elements" y definiendo nuevas etiquetas HTML, encapsulando el documento CSS aparte del HTML para evitar conflictos, uso de HTML template y uso de componentes modulo para JavaScript. Este estandar siempre se aplica para componentes funcionales en cualquier proyecto, combinar equipos y tecnologias, materiales web y proyectos agnosticos a framework.
NEXT!
11. Service Workers / Web Workers
Son JavaScripts que corren en segundo plano, separados del hilo principal correspondiente al navegador, los servirce workers permiten offline-first, sincronizacion en background y notificaciones push. Para aplicarlos se utiliza Servirce worker que actua como un proxy entre app y red asi como Javascript para cachear respuestas: navigator.serviceWorker.register('sw.js');se aplica para apps de web progresivas, aplicaciones con conexion intermitente, procesamiento intensivo y notificaciones en tiempo real, asi como con las sincronizaciones de datos.
12. JSON-LD (JSON Linked Data)
Este estandar existe para incrustar datos estructurados en JSON lo que permite describir entidades, relaciones y propiedades de manera semantica lo que le facilita a las maquinas la comprencion. se aplica utilizando Schema.org el cual es un vocabulario estandar para tipos de datos; tambien aplicando linked data, SEO mejorado e implementando interoperabilidad. SEO se refiere al conjunto de tecnicas que mejoran visibilidad y el posicionalmiento de una pagina web para los resultados de buscadores como Google; Todo esto se aplica cuando se busca una mejor coincidencia en los motores de busqueda, descripcion de productos, difuncion de informacion y demas.
NEXT!
13. Media Queries Level 4+
Especificacion de CSS la cual impone aplicar estilos de manera condicional basandose en caracteristicas del dispositivo lo que es una base del diseño web responsivo. Para conseguirlo se aplican breakpoints de tamaño en el documento CSS como condicionales en contraste y demas, incluso reduciendo el movimiento si hay componentes que lo apliquen; casi todos los sitios web lo utilizan para verse igual de bien en moviles y desktop al igual que muchas aplicaciones
14. Fetch API & XMLHttpRequest
Estandar para solicitar HTTP desde Javascript, fetch api es la version mas reciente que desplazo a legacy XMLHttpRequest, debido a que permite una comunicacion cliente-servidor asincronica.se aplica con el siguiente javascript: fetch('/api/usuarios')
.then(r => r.json())
.then(data => console.log(data)) para compartir CORS (recursos entre dominios) manejar errores y procesamiento de respuestas. se aplica para cargar y no recargar datos, obtener datos en background y APIs Rest.
Next!
15. IndexedDB & Storage APIs
Estandar para almacenamiento en el navegador del cliente, indexeddb permite bases de datos (no SQL) completas y Storage API controla limites y gestion del almacenamiento.IndexedDB es una base de datos transaccional para el navegador y se programa en Javascript, utiliza claves y valores simples asincronos de entre 5 y 10MB usa LocalStorage por sesion de navegador y consulta el espacio disponible para solicitar mas. Muchas aplicaciones Offline lo utilizan para guardar datos localmente asi como PWAs con cache de datos complejos y tambien es muy usado en E-learning, notas y documentos y temas de usuario.
16. WebGL & Canvas API
Es el estandar para graficos 2 y 3D en navetgadores, canvas 2D para graficos y WebGL para 3D acelerado gracias al GPU del dispositivo; se aplica al dibujar formas, imagenes o texto, WebGL tambien necesita implementar shaders, librerias como Three.js y Babylon.js, esto tambien es util para el uso de requestAnimationFrame en smooth rendering. se aplica para visualizacion de graficos o mapas, videojuegos en navegador e incluso simuladores de fisica o editores multimedia.
Next!
17. WebRTC (Real-Time Communication)
Este estandar determina un conjunto de tecnologias y APIs los cuales permiten comunicacion peer-to-peer en tiempo real, esto significa directamente entre navegadores sin un servidor intermediario. Se aplica por medio de mediaStream, el uso de RTCPeerConnection para establecer la conexion entre Peers y la implementacion de protocolos tipo NAT transversal; Esto casi siempre se aplica en proyectos que involucran videollamadas, Streaming en vivo, Juegos multijuador y loT para que los dispositivos se comuiniquen directamente entre si.
18. Payment Request API
Estandar que proporciona una interfaz unificada para el proceso de pagos en navegadores, esto soporta multiples metodos (tarjetas, billeteras virtuales y transferencias bancarias) pero no expone los datos sensibles al comerciante, se aplica utilizando solicitudes de pago con const request, esto permite metodos de pago variados asi como provee informacion de envio, datos de tarjeta que no llegan al servidor del comerciante y validaciones por parte del navegador antes de procesar.Esto lo aplican muchos e-commerce, aplicaciones SPA y los pagos de suscripciones.
Next!
19. CSP (Content Security Policy) Headers
Establece el sistema de seguridad para definir que recursos se pueden recargar en una pagina web, esto previene inyecciones de codigo malicioso como XSS. Se aplica al utilizar un encabezado HTTP junto a directivas default, nonces que permiten scripts inline especificos a manera de token unico y diversos niveles de seguridad. Estos lineamientos y precauciones son obligatorios para aplicaciones que interactuan con recursos sensibles, sitios publicos y aplicaciones empresariales.
20. Geolocation API & Permissions API
Este estandar permite acceder a la ubicacion geografica del usuario (coordenadas) y manejar permisos del navegador de forma segura pero el usuario tiene el control total sobre que compartir. se aplica con navigator.geolocation.getCurrentPosition(success, error); en Javascript e incluye los sistemas de grant/deny con UI del navegadorr; se aplica principalmente en paginas de mapas y navegacion, redes sociales para enriquecer publicaciones o algoritmos y ofertas personalizadas influenciadas por la ubicacion geografica del usuario.
Next!
conclusion.
lLos estandares w3c son herramientas, lineamientos y recomendaciones muy utiles en desarrollo web ya que abarcan desde el proceso de interactuar con el usuario hasta el procesamiento de solicitudes con el navegador y la propia forma de implementacion del codigo lo que los hace factores muy importantes a tomar en cuenta al momento de desarrollar una pagina segun sus capacidades y planeaciones de funciones en el proceso de creacion y despliegue o para actualizaciones y expansiones futuras, al tener un enfoque en sostenibilidad y escalabilidad son ideales para paginas a gran escala o con gran potencial para incluir distintos servicios o secciones, ademas, crean paginas mas amigables con el usuario y por ende hacen que consigan mas distribucion de manera organica.
final!
estandares w3c
Cristian Stiven González Pirir
Created on January 14, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Retro Bits Quiz
View
Corporate Icebreaker
View
Christmas Spirit Test
View
Timer Quiz
View
Stopwatch Quiz
View
How much do you know quiz
View
Santa's Helpers Quiz
Explore all templates
Transcript
estandares w3c
Guia de trabajo 1 - Tecnologia IIICristian Stiven Gonzalez Pirir6to / computacion / "A" / 16
EMPEZAR
introduccion.
Los estandares W3C son recomendaciones y/o consejos de distintos paradigmas, practicas y parametros enfocados en desarrollo web, esto con el objetivo de normalizar las paginas web e impulsar la evolucion del entorno web al cumplir con los estandares.Estos estandares son estipulados por la W3C que es un acronimo de World Wide Web Consorsium, una organizacion fuertemente involucrada en el desarrollo web a nivel mundial, fue fundada por Tim Berners-Lee un cientifico computacional britanico, conocido como el padre de la World Wide Web.
next!
1. EPUB Reading Systems 3.4
Este estandar consiste en los lineamientos para la presentacion estetica y funcionalidad de libros o contenidos muy extensos en webs. Para cumplir con esto se pueden utilizar librerias como epub.js o soluciones de terceros como "magicScroll". Se suele aplicar en librerias virtuales o paginas educativas que utilizan libros de texto o imagenes especificas.
2. CSS Color Module Level 5
El estandar CSS Color Module Level 5 consiste en los parametros para uso de colores en la web, desde como colocarlos en la programacion hasta como usarlos de manera responsiva. Utiliza funciones como: contrast-color(), color-mix() and light-dark() y extiende el uso de algunas funciones preexistentes. Para aplicarlo los colores se deben de programar en un documento css por aparte y de manera relativa en la sintaxis, se deben de evitar los colores absolutos, esto se puede lograr utilizando RGBA en vez de RGB por ejemplo.
Next!
3. DID Methods
Los DID Methods son las recomendaciones para crear, resolver, actualizar y desactivar identificadores desesntralizados para permitir gestionar una identidad sobrerana y verificable en lugarde depender de autoridades centrales.Estos se aplican definiendo reglas para tipos especificos de DID y asi poder utilizar criptografia y tecnologias como blockchain para demostrar propiedad. Se utilizan cuando es necesario gestionar identidad digital por parte de organizaciones o personas.
4. Digital Credentials
Las Digital Credential son documentos veridicos y verificables que representan logros, habilidades o conocimientos como diplomas, certificados o licencias.Estas se aplican por medio de API´s al definir si el usuario puede utilizar las caracteristicas necesarias, esto se pude hacer por medio de userAgentAllowsProtocol() static method. Estas se utilizan en la programacion cuando es necesario realizar verificaciones, comprobaciones y demas con los datos del usuario.
Next!
5. Web User Agents
Esta regulacion gestiona a las entidades de software que interactuan con otras es decir, los Web user Agents, estos son cadenas de texto que se envia a un servidor para identificarse informando sobre el sistema operativo y dispositivo entre otras cosas. Este estandar dicta que un Web user agent debe de describir al dispositivo, si bien no cuenta con un formato rigido de este (porque varia por razones de compatibilidad) se utiliza mozilla/5.0 como base estandar para la verificacion y estructura de descripcion. Se aplica durante toda la navegacion web debido a que al ingresar a una pagina el navegador envia el UA.
6. Attribution Level 1
Los DID Methods son las recomendaciones para crear, resolver, actualizar y desactivar identificadores desesntralizados para permitir gestionar una identidad sobrerana y verificable en lugarde depender de autoridades centrales.Estos se aplican definiendo reglas para tipos especificos de DID y asi poder utilizar criptografia y tecnologias como blockchain para demostrar propiedad. Se utilizan cuando es necesario gestionar identidad digital por parte de organizaciones o personas.
Next!
7. HTML Standard (HTML5+)
Este estandar especifica el lenguaje HTML 5 (el mas reciente) como el principal para crear contenido, estructura semantica y formularios o multimedia en el entorno web.se aplica utilizando una estructura semantica en el proyecto lo que significa utilizar etiquetas como <article>, <section> y <nav>, etc, asi como las respectivas etiquetas de contenido como <audio> y <video>. se utiliza para desarrollo web estandar, aplicaciones con contenido multimedia y creacion de contenido accesible.
8. WAI-ARIA (Accessible Rich Internet Applications)
DDetermina atributos y roles para hacer mas accesibles las paginas conplejas para usuarios discapacidatos, en especial para usuarios lectores de pantalla. Para aplicarse se definen roles en los elementos, por ejemplo: (`role="button"`, `role="navigation"`), tambien se incluyen aplicar atributos de estado, etiquetas con descripciones y live regions que son utiles para cambiar contenido dinamicamente. Se aplica cuando es necesario crear dashboards y en aplicaciones complejas con interfaces dinámicas, compliance legal y aplicaciones financieras y medicas donde la inclusion es un punto de inflexion critico.
NEXT!
9. Web Accessibility Guidelines (WCAG) 2.1 / 3.0
Las wcag consisten en directrices tecnicas que W3c estipula para definir como crear contenido web accesible para personas con discapacidades y tiene niveles de conformidad desde A, AA hasta el AAA. Para aplicarse el contenido web creado debe de ser perceptible (visible/audible), contraste para tecto normal, transcripciones para audio y video y alternativas de color; El contenido debe de ser operable, es decir que debe de funcionar con el teclado, tiempo suficiente para realizacion de tareas y evitar el contenido con riesgo epileptico, el contenido debe de ser entendible y compatible con software de asistencia. Todas estas consideraciones son obligadas por leyes como ADA en EE.UU o la AODA en Canada.
10. Web Components
Conjunto de estandares que permite crear componentes web reutilizables, encapsulados o incluso interoperables funcionales en cualquier framework, se aplica utilizando "Custom elements" y definiendo nuevas etiquetas HTML, encapsulando el documento CSS aparte del HTML para evitar conflictos, uso de HTML template y uso de componentes modulo para JavaScript. Este estandar siempre se aplica para componentes funcionales en cualquier proyecto, combinar equipos y tecnologias, materiales web y proyectos agnosticos a framework.
NEXT!
11. Service Workers / Web Workers
Son JavaScripts que corren en segundo plano, separados del hilo principal correspondiente al navegador, los servirce workers permiten offline-first, sincronizacion en background y notificaciones push. Para aplicarlos se utiliza Servirce worker que actua como un proxy entre app y red asi como Javascript para cachear respuestas: navigator.serviceWorker.register('sw.js');se aplica para apps de web progresivas, aplicaciones con conexion intermitente, procesamiento intensivo y notificaciones en tiempo real, asi como con las sincronizaciones de datos.
12. JSON-LD (JSON Linked Data)
Este estandar existe para incrustar datos estructurados en JSON lo que permite describir entidades, relaciones y propiedades de manera semantica lo que le facilita a las maquinas la comprencion. se aplica utilizando Schema.org el cual es un vocabulario estandar para tipos de datos; tambien aplicando linked data, SEO mejorado e implementando interoperabilidad. SEO se refiere al conjunto de tecnicas que mejoran visibilidad y el posicionalmiento de una pagina web para los resultados de buscadores como Google; Todo esto se aplica cuando se busca una mejor coincidencia en los motores de busqueda, descripcion de productos, difuncion de informacion y demas.
NEXT!
13. Media Queries Level 4+
Especificacion de CSS la cual impone aplicar estilos de manera condicional basandose en caracteristicas del dispositivo lo que es una base del diseño web responsivo. Para conseguirlo se aplican breakpoints de tamaño en el documento CSS como condicionales en contraste y demas, incluso reduciendo el movimiento si hay componentes que lo apliquen; casi todos los sitios web lo utilizan para verse igual de bien en moviles y desktop al igual que muchas aplicaciones
14. Fetch API & XMLHttpRequest
Estandar para solicitar HTTP desde Javascript, fetch api es la version mas reciente que desplazo a legacy XMLHttpRequest, debido a que permite una comunicacion cliente-servidor asincronica.se aplica con el siguiente javascript: fetch('/api/usuarios') .then(r => r.json()) .then(data => console.log(data)) para compartir CORS (recursos entre dominios) manejar errores y procesamiento de respuestas. se aplica para cargar y no recargar datos, obtener datos en background y APIs Rest.
Next!
15. IndexedDB & Storage APIs
Estandar para almacenamiento en el navegador del cliente, indexeddb permite bases de datos (no SQL) completas y Storage API controla limites y gestion del almacenamiento.IndexedDB es una base de datos transaccional para el navegador y se programa en Javascript, utiliza claves y valores simples asincronos de entre 5 y 10MB usa LocalStorage por sesion de navegador y consulta el espacio disponible para solicitar mas. Muchas aplicaciones Offline lo utilizan para guardar datos localmente asi como PWAs con cache de datos complejos y tambien es muy usado en E-learning, notas y documentos y temas de usuario.
16. WebGL & Canvas API
Es el estandar para graficos 2 y 3D en navetgadores, canvas 2D para graficos y WebGL para 3D acelerado gracias al GPU del dispositivo; se aplica al dibujar formas, imagenes o texto, WebGL tambien necesita implementar shaders, librerias como Three.js y Babylon.js, esto tambien es util para el uso de requestAnimationFrame en smooth rendering. se aplica para visualizacion de graficos o mapas, videojuegos en navegador e incluso simuladores de fisica o editores multimedia.
Next!
17. WebRTC (Real-Time Communication)
Este estandar determina un conjunto de tecnologias y APIs los cuales permiten comunicacion peer-to-peer en tiempo real, esto significa directamente entre navegadores sin un servidor intermediario. Se aplica por medio de mediaStream, el uso de RTCPeerConnection para establecer la conexion entre Peers y la implementacion de protocolos tipo NAT transversal; Esto casi siempre se aplica en proyectos que involucran videollamadas, Streaming en vivo, Juegos multijuador y loT para que los dispositivos se comuiniquen directamente entre si.
18. Payment Request API
Estandar que proporciona una interfaz unificada para el proceso de pagos en navegadores, esto soporta multiples metodos (tarjetas, billeteras virtuales y transferencias bancarias) pero no expone los datos sensibles al comerciante, se aplica utilizando solicitudes de pago con const request, esto permite metodos de pago variados asi como provee informacion de envio, datos de tarjeta que no llegan al servidor del comerciante y validaciones por parte del navegador antes de procesar.Esto lo aplican muchos e-commerce, aplicaciones SPA y los pagos de suscripciones.
Next!
19. CSP (Content Security Policy) Headers
Establece el sistema de seguridad para definir que recursos se pueden recargar en una pagina web, esto previene inyecciones de codigo malicioso como XSS. Se aplica al utilizar un encabezado HTTP junto a directivas default, nonces que permiten scripts inline especificos a manera de token unico y diversos niveles de seguridad. Estos lineamientos y precauciones son obligatorios para aplicaciones que interactuan con recursos sensibles, sitios publicos y aplicaciones empresariales.
20. Geolocation API & Permissions API
Este estandar permite acceder a la ubicacion geografica del usuario (coordenadas) y manejar permisos del navegador de forma segura pero el usuario tiene el control total sobre que compartir. se aplica con navigator.geolocation.getCurrentPosition(success, error); en Javascript e incluye los sistemas de grant/deny con UI del navegadorr; se aplica principalmente en paginas de mapas y navegacion, redes sociales para enriquecer publicaciones o algoritmos y ofertas personalizadas influenciadas por la ubicacion geografica del usuario.
Next!
conclusion.
lLos estandares w3c son herramientas, lineamientos y recomendaciones muy utiles en desarrollo web ya que abarcan desde el proceso de interactuar con el usuario hasta el procesamiento de solicitudes con el navegador y la propia forma de implementacion del codigo lo que los hace factores muy importantes a tomar en cuenta al momento de desarrollar una pagina segun sus capacidades y planeaciones de funciones en el proceso de creacion y despliegue o para actualizaciones y expansiones futuras, al tener un enfoque en sostenibilidad y escalabilidad son ideales para paginas a gran escala o con gran potencial para incluir distintos servicios o secciones, ademas, crean paginas mas amigables con el usuario y por ende hacen que consigan mas distribucion de manera organica.
final!