Construcción y diseño de páginas web con HTML, CSS y JavaScript

Tabla de contenido

GLOSARIO DE TÉRMINOS
CAPÍTULO 1. CONCEPTOS PREVIOS
1.1 ENTORNOS DE PROGRAMACIÓN
1.2 HISTORIA DE LA WEB
1.3 CÓMO FUNCIONA LA WEB
1.4 DISEÑO GRÁFICO Y EL PAPEL DEL DISEÑADOR
1.5 ARQUITECTURA DE LA INFORMACIÓN Y EL PAPEL DEL ARQUITECTO
1.6 ESTRUCTURA BÁSICA DE UNA PÁGINA WEB
1.7 LOS ESTÁNDARES W3C
CAPÍTULO 2. INTRODUCCIÓN A HTML5
2.1 INTRUDUCCIÓN
2.2 ELEMENTOS BÁSICOS DE HTML
2.2.1 Definición del tipo de documento DTD (!DOCTYPE)
2.2.2 Etiqueta html
2.2.3 Etiqueta head
2.2.4 Etiqueta body
2.2.5 Comentarios
2.3 INFORMACIÓN DEL DOCUMENTO
2.3.1 Elemento base
2.3.2 Elemento link
2.3.3 Elemento meta
2.3.4 Elemento title
2.3.5 Elemento style
2.3.6 Elemento script
2.3.7 Principales metadatos a definir
2.4 ATRIBUTOS GLOBALES
2.4.1 Atributo accesskey
2.4.2 Atributo autocapitalize
2.4.3 Atributo autofocus
2.4.4 Atributo class
2.4.5 Atributo contenteditable
2.4.6 Atributo draggable
2.4.7 Atributo dir
2.4.8 Atributo enterkeyhint.
2.4.9 Atributo hidden
2.4.10 Atributo inputmode
2.4.11 Atributo id
2.4.12 Atributo lang
2.4.13 Atributo nonce
2.4.14 Atributo slot
2.4.15 Atributo style
2.4.16 Atributo tabindex
2.4.17 Atributo title
2.4.18 Atributo translate
2.4.19 Atributos personalizados
2.5 PRACTICA Y JUEGA
CAPÍTULO 3. DEFINICIÓN DE CONTENIDOS
3.1 ELEMENTOS SEMÁNTICOS DE HTML
3.1.1 Elemento article
3.1.2 Elemento aside
3.1.3 Elemento div
3.1.4 Elemento footer
3.1.5 Elementos h1..h6
3.1.6 Elemento header
3.1.7 Elemento hgroup
3.1.8 Elemento main
3.1.9 Elemento nav
3.1.10 Elemento section
3.2 FORMATEANDO EL TEXTO
3.2.1 Elemento abbr
3.2.2 Elemento address
3.2.3 Elemento bdo
3.2.4 Elementos blockquote y cite
3.2.5 Elemento code
3.2.6 Elemento data
3.2.7 Elemento dfn
3.2.8 Elemento em
3.2.9 Elemento i
3.2.10 Elementos ins y del
3.2.11 Elemento kbd
3.2.12 Elemento mark
3.2.13 Elemento math
3.2.14 Elemento pre
3.2.15 Elementos sub y sup
3.2.16 Elemento var
3.3 LISTAS
3.3.1 Elemento ul
3.3.2 Elemento ol
3.3.3 Elemento dl
3.4 ENLACES
3.4.1 Elemento a
3.5 PRACTICA Y JUEGA
CAPÍTULO 4. INTRODUCCIÓN AL CSS3
4.1 SOPORTE A LOS NAVEGADORES
4.2 /CÓMO FUNCIONA CSS
4.3 DEFINICIÓN DE SELECTOR Y CLASIFICACIÓN
4.4 UNIDADES DE MEDIDA
4.4.1 Unidades absolutas o fijas
4.4.2 Unidades relativas
4.5 SELECTORES
4.5.1 Simples y combinados
4.5.2 Pseudo-clases
4.5.3 Pseudo-elementos
4.5.4 Especificidad de los selectores
4.6 PROPIEDADES
4.6.1 Texto, fuentes y tipos de letra
4.6.2 Listas
4.6.3 Márgenes internos y externos
4.6.4 Bordes internos y externos
4.6.5 Colores
4.6.6 Posicionamiento
4.6.7 Comportamientos y tamaños
4.6.8 Reglas arroba y media queries
4.7 FUNCIONES
4.7.1 Funciones de pseudo-elementos
4.7.2 Funciones de cálculo
4.7.3 Funciones gráficas
4.8 VARIABLES
4.9 PRACTICA Y JUEGA
CAPÍTULO 5. IMÁGENES Y MULTIMEDIA
5.1 TIPOS DE IMÁGENES
5.2 ELEMENTOS DISPONIBLES EN HTML5
5.2.1 Elemento audio
5.2.2 Elementos figure y figcaption
5.2.3 Elemento img
5.2.4 Elemento picture
5.2.5 Elemento source
5.2.6 Elemento video
5.3 PROPIEDADES DISPONIBLES EN CSS
5.3.1 Propiedad background-attachment
5.3.2 Propiedad background-clip
5.3.3 Propiedad background-image
5.3.4 Propiedad background-origin
5.3.5 Propiedad background-position
5.3.6 Propiedad background-repeat
5.3.7 Propiedad background-size
5.3.8 Propiedad object-position
5.4 IMÁGENES RECEPTIVAS Y ADAPTATIVAS
5.4.1 Adaptación de imágenes mediante propiedades CSS
5.4.2 Adaptación de imágenes mediante consultas de medios
5.4.3 Selección de imágenes mediante IMG y SRCSET
5.4.4 Selección de imágenes mediante PICTURE y SOURCE
5.5 VIDEOS RECEPTIVOS
5.6 PRACTICA Y JUEGA
CAPÍTULO 6. DISEÑOS BASADOS EN DIMENSIONES
6.1 TABLAS
6.1.1 Elementos disponibles en HTML5
6.1.2 Elementos disponibles en CSS
6.1.3 Creación de tablas responsive
6.2 DISEÑO BASADO EN CAJAS FLEXIBLES (FLEXBOX)
6.2.1 Principales elementos disponibles en CSS
6.2.2 Creación de flexbox responsive
6.3 DISEÑO BASADO EN CUADRÍCULAS (GRID LAYOUT
6.3.1 Principales elementos disponibles en CSS
6.3.2 Creación de grid responsive
6.4 PRACTICA Y JUEGA
CAPÍTULO 7. FORMULARIOS
7.1 TIPOS DE FORMULARIO
7.1.1 Formularios de contacto
7.1.2 Formularios de suscripción
7.1.3 Formularios de acceso
7.1.4 Formularios de registro
7.1.5 Formularios de entrada general
7.2 ELEMENTOS DISPONIBLES EN HTML5
7.2.1 Elemento form
7.2.2 Elemento button
7.2.3 Elemento datalist
7.2.4 Elemento fieldset
7.2.5 Elemento input
7.2.6 Elemento label
7.2.7 Elemento legend
7.2.8 Elemento meter
7.2.9 Elemento optgroup
7.2.10 Elemento option
7.2.11 Elemento output
7.2.12 Elemento progress
7.2.13 Elemento select
7.2.14 Elemento textarea
7.3 ELEMENTOS DISPONIBLES EN CSS
7.3.1 Propiedad box-sizing
7.3.2 Propiedad resize
7.4 PRACTICA Y JUEGA
CAPÍTULO 8. INTRODUCCIÓN A JAVASCRIPT
8.1 VARIABLES Y ÁMBITOS
8.1.1 Declaración de variables
8.1.2 Ámbito de las variables
8.2 TIPOS DE DATOS
8.2.1 Tipo String
8.2.2 Tipo Number
8.2.3 Tipo BigInt
8.2.4 Tipo Boolean
8.2.5 Tipo Symbol
8.2.6 Literal null
8.2.7 Literales undefined y typeof
8.3 OPERADORES Y EXPRESIONES
8.3.1 Operadores generales
8.3.2 Operadores bit a bit
8.4 CONTROL DE FLUJO Y GESTIÓN DE ERRORES
8.4.1 Estructura if
8.4.2 Estructura if...else
8.4.3 Estructura switch
8.4.4 Control de errores por tipo de dato
8.4.5 Control de errores por presencia
8.4.6 Manejo de excepciones
8.5 BUCLES Y LA ITERACIÓN
8.5.1 Estructura for
8.5.2 Estructura for...in
8.6 ESTRUCTURA FOR...OF
8.7 ESTRUCTURA FOREACH
8.8 ESTRUCTURA DO...WHILE
8.9 ESTRUCTURA WHILE
8.10 SENTENCIA BREAK
8.11 SENTENCIA CONTINUE
8.12 PRACTICA Y JUEGA
CAPÍTULO 9. OBJETOS DE JAVASCRIPT
9.1 TIPOS DE OBJETO
9.2 PROPIEDADES
9.3 MÉTODOS
9.4 ARRAYS
9.4.1 Creación de arrays
9.4.2 Acceso a elementos de un array
9.4.3 Inserción y almacenamiento de elementos en un array
9.4.4 Eliminación de elementos de un array
9.4.5 Propiedades
9.4.6 Métodos
9.5 JSON
9.5.1 Sintaxis
9.5.2 Creación de JSON
9.5.3 Acceso a elementos de un JSON
9.5.4 Inserción y almacenamiento de elementos en un JSON
9.5.5 Eliminación de elementos de un JSON
9.5.6 Envío y recepción de JSON
9.6 ESPECIALES
9.6.1 El objeto window
9.6.2 El objeto document
9.6.3 El objeto Screen
9.6.4 La interfaz Navigator
9.6.5 La interfaz Location
9.6.6 La interfaz HTMLElement
9.6.7 El objeto History
9.6.8 El objeto this
9.6.9 El objeto globalThis
9.6.10 El objeto prototype
9.7 OTRAS COSAS QUE SABER SOBRE LOS OBJETOS DE JAVASCRIPT
9.7.1 La herencia
9.7.2 Sentencias get y set
9.8 PRACTICA Y JUEGA
CAPÍTULO 10. FUNCIONES EN JAVASCRIPT
10.1 CREACIÓN DE FUNCIONES
10.1.1 Diferencia entre modo estricto o modo no estricto
10.2 PASO DE PARÁMETROS
10.2.1 Por asignación directa
10.2.2 El objeto arguments
10.3 FUNCIONES ANÓNIMAS
10.3.1 Ventajas e inconvenientes
10.4 FUNCIONES CLAUSURA
10.4.1 Ventajas e inconvenientes
10.5 FUNCIONES FLECHA
10.5.1 Ventajas e inconvenientes
10.6 FUNCIONES ESPECIALES
10.6.1 Función de prototipo bind
10.6.2 Función de prototipo call
10.6.3 Función de prototipo apply
10.6.4 Diferencias entre call y apply
10.7 CONTEXTOS Y ENCAPSULAMIENTO
10.8 PRACTICA Y JUEGA
CAPÍTULO 11. CLASES EN JAVASCRIPT
11.1 CREACIÓN DE CLASES
11.2 INSERCIÓN DE MÉTODOS
11.2.1 Sentencias get y set
11.3 EXTENSIÓN DE CLASES
11.3.1 Extensión a través de species
11.3.2 Extensión a través de super
11.4 CLASES ABSTRACTAS Y MIXINS
11.5 PRACTICA Y JUEGA
CAPÍTULO 12. EVENTOS EN JAVASCRIPT
12.1 PRINCIPIO FUNDAMENTAL DE PROPAGACIÓN
12.2 EL OBJETO EVENT
12.2.1 Propiedades más frecuentes
12.3 LA INTERFAZ TOUCHEVENT
12.3.1 El objeto Touch
12.4 LA INTERFAZ KEYBOARDEVENT
12.4.1 Propiedades más importantes
12.5 LA INTERFAZ MOUSEEVENT
12.5.1 Propiedades más importantes
12.6 PRINCIPALES MANEJADORES DE EVENTOS
12.6.1 Eventos de ratón
12.6.2 Eventos de formulario
12.6.3 Eventos de HTML
12.6.4 Eventos de tratamiento táctil
12.7 OYENTES O LISTENERS
12.7.1 Método addEventListener
12.7.2 Método removeEventListener
12.7.3 Otras formas de establecer listeners
12.8 PRINCIPALES EVENTOS DEL DOM
12.8.1 Document DOMContentLoaded
12.8.2 Window load
12.8.3 Window resize
12.8.4 El evento scroll
12.9 PRACTICA Y JUEGA
CAPÍTULO 13. EL DOM DE JAVASCRIPT
13.1 PROCESO DE CARGA
13.2 LOS NODOS Y SUS TIPOS
13.3 SELECCIÓN DE ELEMENTOS
13.3.1 Interfaz NodeList
13.3.2 Los selectores
13.3.3 Métodos para acceder a los nodos y elementos
13.4 MANUPULACIÓN DE NODOS Y ELEMENTOS
13.4.1 Interfaz DOMTokenList
13.4.2 Método createElement
13.4.3 Propiedad id
13.4.4 Propiedad innerHTML
13.4.5 Propiedad value
13.4.6 Método setAttribute
13.4.7 Propiedad classList
13.4.8 Propiedad previousElementSibling
13.4.9 Propiedad nextElementSibling
13.4.10 Propiedad parentElement
13.4.11 Método appendChild
13.4.12 Método insertBefore
13.5 ELIMINACIÓN DE NODOS Y ELEMENTOS
13.5.1 Método remove
13.5.2 Método removeChild
13.6 DEFINICIÓN DE ESTILOS
13.6.1 La interfaz CSSStyleDeclaration
13.6.2 La interfaz CSSStyleSheet
13.6.3 Propiedad style
13.6.4 Método insertRule
13.6.5 Método deleteRule
13.7 PRACTICA Y JUEGA
CAPÍTULO 14. JAVASCRIPT ASÍNCRONO
14.1 EL ESTÁNDAR CORS
14.1.1 Encabezados de solicitud HTTP
14.1.2 Encabezados de respuesta HTTP
14.2 CONEXIONES HTTP
14.2.1 Objeto XMLHttpRequest
14.2.2 Eventos
14.2.3 Ejemplo sencillo de XMLHttpRequest
14.3 PROMESAS
14.3.1 Objeto Promise
14.3.2 La API fetch
14.4 PRACTICA Y JUEGA
CAPÍTULO 15. VALIDACIÓN DE FORMULARIOS CON JAVASCRIPT
15.1 PROPIEDADES DE LOS FORMULARIOS
15.2 PROPIEDADES DE LOS ELEMENTOS DE FORMULARIO
15.3 CREACIÓN Y ENVÍO DE FORMULARIOS
15.4 VALIDACIÓN DE FORMULARIOS
15.4.1 La interfaz ValidityState
15.4.2 Propiedades y métodos
15.4.3 Eventos
15.4.4 Ejemplo de validación
15.5 PRACTICA Y JUEGA
REFERENCIAS
MATERIAL ADICIONAL