Sinopsis

Este libro ofrece al lector toda la experiencia docente acumulada por el autor en sus clases universitarias sobre las tecnologías más populares de desarrollo
web: HTML5, CSS3 y JavaScript/JQuery. Gracias a dicha experiencia, nos presenta una visión global que permitirá entender fácilmente cómo encajan las diferentes tecnologías en cualquier sistema web, para luego profundizar en aquellas fundamentales para desarrollar sistemas web de calidad.

Desde un espíritu pragmático, y centrándose solo en aquellos elementos que son realmente relevantes para el desarrollo, se detallan los contenidos necesarios para crear un sitio web profesional y moderno.

Se presta especial atención a las características más actuales del estándar HTML5 y al diseño adaptativo (responsive) mediante CSS3, que permite crear sistemas web que se adaptan a cualquier dispositivo (PC, tableta, teléfono, etc.). Además, se enseñan los conocimientos de programación necesarios para crear sitios web interactivos y con gran calidad visual gracias a las tecnologías JavaScript y JQuery.

Por último, se repasan varias librerías muy útiles para conseguir acabados profesionales en cualquier aplicación web: Bootstrap, JQuery UI, JQuery
Mobile e Isotope.

Todas las explicaciones del libro van acompañadas de ejemplos y ejercicios prácticos que permitirán al lector adquirir todas estas destrezas de una forma sencilla

Índice

ACERCA DEL AUTOR

PRÓLOGO.

CAPÍTULO 1. LAS TECNOLOGÍAS DE LA WEB

1.1 UN POCO DE HISTORIA.
1.2 ARQUITECTURA CLIENTE-SERVIDOR.
1.3 TECNOLOGÍAS DEL FRONT-END.
1.3.1 HTML
1.3.2 CSS
1.3.3 JavaScript
1.3.4 JQuery.
1.3.5 AJAX.
1.4 TECNOLOGÍAS DEL BACK-END
1.4.1 PHP
1.4.2 AJAX y PHP.
1.4.3 Java
1.5 TECNOLOGÍAS DE INTERCAMBIO DE INFORMACIÓN
1.5.1 XML
1.5.2 JSON.
1.6 TECNOLOGÍAS DE TRANSFERENCIA DE DATOS WEB
1.6.1 Anatomía de una URL.
1.6.2 El protocolo HTTP
1.6.3 Cookies
1.6.4 HTTPS.

CAPÍTULO 2. EL CONTENIDO: HTML5

2.1 HERRAMIENTAS DE DESARROLLO
2.2 INTRODUCCIÓN A HTML5
2.2.1 Etiquetas y atributos
2.2.2 Comentarios en el documento HTML.
2.2.3 Caracteres especiales.
2.3 LA CABECERA HTML.
2.3.1 Título del documento
2.3.2 Metadatos
2.3.3 Enlaces a otros archivos
2.3.4 Scripts
2.3.5 Estilos
2.4 EL CUERPO DEL DOCUMENTO HTML
2.4.1 Etiquetas de estructuración del documento.
2.4.2 Etiquetas de estructuración del texto.
2.4.3 Etiquetas de caracterización del texto.
2.5 OTROS ELEMENTOS ADICIONALES.
2.5.1 Listas.
2.5.2 Imágenes
2.5.3 Enlaces
2.5.4 Archivos multimedia.
2.5.5 Tablas.
2.6 FORMULARIOS
2.6.1 Etiquetas descriptivas
2.6.2 Elemento
2.6.3 Validación de formularios.
2.6.4 Otros elementos adicionales

CAPÍTULO 3. EL FORMATO: CSS3.

3.1 INTEGRACIÓN DE ESTILOS EN UNA PÁGINA
3.2 ESTRUCTURA DE LAS HOJAS DE ESTILO.
3.3 EL ÁRBOL DOM.
3.4 CASCADA DE ESTILOS
3.5 CSS RESET
3.6 SELECTORES
3.6.1 Selector universal
3.6.2 Selector de etiqueta HTML.
3.6.3 Selector de clase
3.6.4 Selector de identificador
3.6.5 Selectores descendentes y adyacentes.
3.6.6 Selectores de atributos.
3.6.7 Pseudoclases
3.6.8 Selectores en acción
3.7 PRINCIPALES LISTAS DE DECLARACIONES.
3.7.1 Unidades de medida y color
3.7.2 Propiedades de texto
3.7.3 Propiedades de fondo
3.7.4 Dimensiones y bordes.
3.7.5 Propiedades de listas.
3.7.6 Otras propiedades
3.8 POSICIONAMIENTO DE ELEMENTOS.
3.8.1 Modelo de bloque
3.8.2 Modelo flexible.
3.8.3 Modelo de rejilla.
3.9 MEDIA QUERIES
3.9.1 Importación condicional de hojas de estilo.
3.9.2 Reglas @media
3.10 DISEÑO ADAPTATIVO CON MEDIA QUERIES.
3.10.1 Diseño adaptativo con modelo flexible.
3.10.2 Diseño adaptativo con modelo de rejilla.
3.11 PREPROCESADORES CSS
3.11.1 Instalando LESS
3.11.2 Variables
3.11.3 Mixins
3.11.4 Código anidado.
3.11.5 Funciones de colores.
3.11.6 Operaciones.
3.11.7 Media queries

CAPÍTULO 4. LA INTERACCIÓN: JAVASCRIPT Y JQUERY
4.1 INCLUIR JAVASCRIPT EN UN DOCUMENTO HTML.
4.2 DESARROLLO
4.3 SEGURIDAD.
4.4 CONCEPTOS BÁSICOS DE JAVASCRIPT.
4.4.1 Variables y expresiones.
4.4.2 Entrada y salida del usuario con el navegador
4.4.3 Control de flujo
4.4.4 El objeto window
4.5 INTRODUCCIÓN A JQUERY.
4.5.1 Instalación y carga.
4.5.2 Sintaxis básica.
4.6 SELECTORES
4.6.1 Selector de elemento.
4.6.2 Selector por identificador
4.6.3 Selector por clase
4.6.4 Selectores en la práctica
4.6.5 Más ejemplos de selectores.
4.7 EVENTOS
4.7.1 Sintaxis para utilizar los eventos.
4.7.2 Eventos de elementos
4.7.3 Eventos de ratón
4.7.4 Eventos de teclado.
4.7.5 Eventos de touch.
4.7.6 Eventos de los formularios
4.8 MODIFICACIÓN DEL ESTILO
4.8.1 Añadir o eliminar propiedades CSS
4.8.2 Manipulación de las propiedades CSS
4.9 EFECTOS.
4.9.1 Hide y Show
4.9.2 Toggle
4.9.3 Fading
4.9.4 Sliding.
4.9.5 Animaciones
4.10 AJAX
4.10.1 El método load()

CAPÍTULO 5. ACABADO PROFESIONAL: LIBRERÍAS Y UTILIDADES.

5.1 BOOTSTRAP.
5.1.1 Elementos básicos.
5.1.2 Componentes.
5.1.3 JavaScript
5.2 JQUERY UI
5.2.1 Interacciones
5.2.2 Efectos.
5.3 JQUERY MOBILE.
5.3.1 Estructura
5.3.2 Navegación
5.3.3 Transiciones.
5.3.4 Widgets
5.4 ISOTOPE
5.4.1 Ejemplo.
5.4.2 Iniciación de la librería
5.4.3 Filtrado
5.4.4 Ordenación

MATERIAL ADICIONAL

ÍNDICE ALFABÉTICO