Índice. Capítulo 1. Documentos HTML5... 1

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Índice. Capítulo 1. Documentos HTML5... 1"

Dolores Sosa Jiménez
hace 10 años
Vistas:

1 Índice Capítulo 1. Documentos HTML Componentes básicos Estructura global... 2 <!DOCTYPE>... 2 <html>... 2 <head>... 3 <body>... 4 <meta>... 5 <title>... 6 <link> Estructura del cuerpo... 8 Organización... 9 <header> <nav> <section> <aside> <footer> Dentro del cuerpo <article> <hgroup> <figure> y <figcaption> Nuevos y viejos elementos <mark> <small> <cite> <address> <time> Referencia rápida Capítulo 2. Estilos CSS y modelos de caja CSS y HTML Estilos y estructura Elementos Block Modelos de caja Conceptos básicos sobre estilos Estilos en línea Estilos embebidos Archivos externos... 36

.. 22 <figure> y <figcaption>... 24 1.5 Nuevos y viejos elementos... 26 <mark>... 26 <small>... 27 <cite>... 27 <address>... 27 <time>... 28 1.6 Referencia rápida... 28 Capítulo 2.

2 Referencias Referenciando con palabra clave Referenciando con el atributo id Referenciando con el atributo class Referenciando con cualquier atributo Referenciando con pseudo clases Nuevos selectores Aplicando CSS a nuestra plantilla Modelo de caja tradicional Plantilla Selector universal * Nueva jerarquía para cabeceras Declarando nuevos elementos HTML Centrando el cuerpo Creando la caja principal La cabecera Barra de navegación Section y aside Footer Últimos toques Box-sizing Referencia rápida Selector de atributo y pseudo clases Selectores Capítulo 3. Propiedades CSS Las nuevas reglas CSS3 se vuelve loco Plantilla Border-radius Box-shadow Text-shadow Gradiente lineal Gradiente radial RGBA HSLA Outline Border-image Transform y transition Transform: scale Transform: rotate Transform: skew... 80

.. 49 Nueva jerarquía para cabeceras... 50 Declarando nuevos elementos HTML5... 51 Centrando el cuerpo... 51 Creando la caja principal... 52 La cabecera... 53 Barra de navegación... 54 Section y aside.

3 Transform: translate Transformando todo al mismo tiempo Transformaciones dinámicas Transiciones Referencia rápida Capítulo 4. Javascript La relevancia de Javascript Incorporando Javascript En línea Embebido Archivos externos Nuevos selectores queryselector() queryselectorall() Manejadores de eventos Manejadores de eventos en línea Manejadores de eventos como propiedades El método addeventlistener() APIs Canvas Drag and Drop Geolocation Storage File Communication Web Workers History Offline Librerías externas jquery Google Maps Referencia rápida Elementos Selectores Eventos APIs Capítulo 5. Video y audio Reproduciendo video con HTML El elemento <video> Atributos para <video>

4 Manejadores de eventos... 95 Manejadores de eventos en línea... 95 Manejadores de eventos como propiedades... 95 El método addeventlistener()... 96 4.5 APIs... 97 Canvas... 98 Drag and Drop.

4 5.2 Programando un reproductor de video El diseño El código Los eventos Los métodos Las propiedades El código en operación Formatos de video Reproduciendo audio con HTML El elemento <audio> Programando un reproductor de audio Referencia rápida Elementos Atributos Atributos de video Eventos Métodos Propiedades Capítulo 6. Formularios y API Forms Formularios Web El elemento <form> El elemento <input> Tipo Tipo search Tipo url Tipo tel Tipo number Tipo range Tipo date Tipo week Tipo month Tipo time Tipo datetime Tipo datetime-local Tipo color Nuevos atributos Atributo placeholder Atributo required Atributo multiple Atributo autofocus Atributo pattern Atributo form

.. 120 Atributos de video... 121 Eventos... 121 Métodos... 121 Propiedades... 122 Capítulo 6. Formularios y API Forms... 123 6.1 Formularios Web... 123 El elemento <form>... 123 El elemento <input>.

5 6.3 Nuevos elementos para formularios El elemento <datalist> El elemento <progress> El elemento <meter> El elemento <output> API Forms setcustomvalidity() El evento invalid Validación en tiempo real Propiedades de validación willvalidate Referencia rápida Tipos Atributos Elementos Métodos Eventos Estado Capítulo 7. API Canvas Preparando el lienzo El elemento <canvas> getcontext() Dibujando en el lienzo Dibujando rectángulos Colores Gradientes Creando trazados Estilos de línea Texto Sombras Transformaciones Restaurando el estado globalcompositeoperation Procesando imágenes drawimage() Datos de imágenes Patrones Animaciones en el lienzo Procesando video en el lienzo Referencia rápida Métodos Propiedades

.. 142 Eventos... 143 Estado... 143 Capítulo 7. API Canvas... 145 7.1 Preparando el lienzo... 145 El elemento <canvas>... 145 getcontext()... 146 7.2 Dibujando en el lienzo... 147 Dibujando rectángulos.

6 Capítulo 8. API Drag and Drop Arrastrar y soltar en la web Nuevos eventos datatransfer dragenter, dragleave y dragend Seleccionando un origen válido setdragimage() Archivos Referencia rápida Eventos Métodos Propiedades Capítulo 9. API Geolocation Encontrando su lugar getcurrentposition(ubicación) getcurrentposition(ubicación, error) getcurrentposition(ubicación, error, configuración) watchposition(ubicación, error, configuración) Usos prácticos con Google Maps Referencia rápida Métodos Objetos Capítulo 10. API Web Storage Dos sistemas de almacenamiento La sessionstorage Implementación de un sistema de almacenamiento de datos Creando datos Leyendo datos Eliminando datos La localstorage Evento storage Espacio de almacenamiento Referencia rápida Tipo de almacenamiento Métodos Propiedades Eventos

.. 193 getcurrentposition(ubicación)... 193 getcurrentposition(ubicación, error)... 195 getcurrentposition(ubicación, error, configuración)... 197 watchposition(ubicación, error, configuración).

7 Capítulo 11. API IndexedDB Una API de bajo nivel Base de datos Objetos y Almacenes de Objetos Índices Transacciones Métodos de Almacenes de Objetos Implementando IndexedDB Plantilla Abriendo la base de datos Versión de la base de datos Almacenes de Objetos e índices Agregando Objetos Leyendo Objetos Finalizando el código Listando datos Cursores Cambio de orden Eliminando datos Buscando datos Referencia rápida Interface Environment (IDBEnvironment y IDBFactory) Interface Database (IDBDatabase) Interface Object Store (IDBObjectStore) Interface Cursors (IDBCursor) Interface Transactions (IDBTransaction) Interface Range (IDBKeyRangeConstructors) Interface Error (IDBDatabaseException) Capítulo 12. API File Almacenamiento de archivos Procesando archivos de usuario Plantilla Leyendo archivos Propiedades de archivos Blobs Eventos Creando archivos Plantilla El disco duro Creando archivos Creando directorios

.. 223 Leyendo Objetos... 225 Finalizando el código... 225 11.3 Listando datos... 226 Cursores... 226 Cambio de orden... 229 11.4 Eliminando datos... 230 11.5 Buscando datos... 231 11.

8 Listando archivos Manejando archivos Moviendo Copiando Eliminando Contenido de archivos Escribiendo contenido Agregando contenido Leyendo contenido Sistema de archivos de la vida real Referencia rápida Interface Blob (API File) Interface File (API File) Interface FileReader (API File) Interface LocalFileSystem (API File: Directories and System) Interface FileSystem (API File: Directories and System) Interface Entry (API File: Directories and System) Interface DirectoryEntry (API File: Directories and System) Interface DirectoryReader (API File: Directories and System) Interface FileEntry (API File: Directories and System) Interface BlobBuilder (API File: Writer) Interface FileWriter (API File: Writer) Interface FileError (API File y extensions) Capítulo 13.API Communication Ajax nivel Obteniendo datos Propiedades response Eventos Enviando datos Solicitudes de diferente origen Subiendo archivos Aplicación de la vida real Cross Document Messaging Constructor Evento message y propiedades Enviando mensajes Filtros y múltiples orígenes Web Sockets Configuración del servidor WS Constructor Métodos Propiedades

.. 272 Interface FileReader (API File)... 272 Interface LocalFileSystem (API File: Directories and System)... 272 Interface FileSystem (API File: Directories and System).

9 Eventos Plantilla Iniciar la comunicación Aplicación completa Referencia rápida XMLHttpRequest Level API Web Messaging API WebSocket Capítulo 14. API Web Workers Haciendo el trabajo duro Creando un trabajador Enviando y recibiendo mensajes Detectando errores Deteniendo trabajadores APIs síncronas Importando códigos Trabajadores compartidos Referencia rápida Trabajadores Trabajadores dedicados (Dedicated Workers) Trabajadores compartidos (Shared Workers) Capítulo 15. API History Interface History Navegando la Web Nuevos métodos URLs falsas Siguiendo la pista Ejemplo real Referencia rápida Capítulo 16. API Offline Caché El archivo manifiesto Categorías Comentarios Usando el archivo manifiesto API Offline Errores Online y offline Procesando el caché

.. 312 APIs síncronas... 314 Importando códigos... 315 Trabajadores compartidos... 315 14.2 Referencia rápida... 320 Trabajadores... 320 Trabajadores dedicados (Dedicated Workers).

10 Progreso Actualizando el caché Referencia rápida Archivo manifiesto Propiedades Eventos Métodos Conclusión Trabajando para el mundo Las alternativas Modernizr Librerías Google Chrome Frame Trabajando para la nube Recomendaciones finales

.. 348 Conclusión... 349 Trabajando para el mundo... 349 Las alternativas.

Documentos relacionados

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General: