Sinopsis

HTML, CSS y JavaScript son las tres tecnologías básicas en las que se sustenta el desarrollo de páginas web. Este libro le servirá de ayuda a la hora de adentrarse en el uso y aprendizaje de estas tecnologías.

Con este libro aprenderá a usar HTML para generar contenido en su sitio web, agregando bloques de texto, párrafos, tablas, listas, formularios, imágenes o cualquier elemento multimedia de forma sencilla. Del mismo modo, comprenderá cómo el uso de CSS le permitirá gestionar el aspecto de todo el contenido adaptándolo a sus necesidades o preferencias personales. Y, finalmente, aprenderá a programar funcionalidades básicas con JavaScript para proveer a su sitio web del nivel de interactividad adecuado.

En lo que al proceso de aprendizaje se refiere, partiremos de cero para estudiar los conceptos básicos de cada tecnología y seguidamente, de forma progresiva, iremos profundizando en las diferentes funcionalidades y características que cada tecnología nos ofrece. Todas las explicaciones estarán apoyadas en códigos de ejemplo bien documentados y en ejercicios resueltos.

Índice

Introducción
Cómo usar este libro
Estructura del libro
Convenios utilizados en este libro
Información de soporte

1. Conceptos básicos
Entorno de programación
Editor web
Navegador web
Estructura de un sitio web
Publicar nuestro sitio web

2. Introducción a HTML
Historia
El protocolo HTTP
Funcionamiento
El estándar W3C
Objetivo del W3C
Validación del código HTML
El validador del W3C

3. Estructura y componentes principales de un documento HTML
Conceptos básicos
Principales elementos HTML
Atributos de carácter general
Nuestra primera página web
Entidades HTML
Codificación de caracteres
Posicionamiento en buscadores

4. Creando contenido
Texto y párrafos
La etiqueta

Organizar texto
Otras etiquetas para marcado de texto
Tablas
Tablas simples
Tablas avanzadas
Listas
Listas ordenadas
Listas no ordenadas
Listas de definición
Listas anidadas

5. Web interactiva
Formularios
Elementos de un formulario
Otros elementos de formulario
Organizar y estructurar formularios
Ejemplo resumen
Enlaces o hipervínculos
Enlaces locales
Multimedia
Imágenes
Audio y vídeo

6. HTML5
Principales novedades en HMTL5
Estructura de un documento HTML5
Formularios
Nuevos tipos de controles de formulario
Nuevos elementos de formulario
Multimedia
Audio en HTML5
Vídeo en HTML5
Compatibilidad de formatos y tipos MIME

7. Conceptos básicos de CSS
Introducción
Historia del lenguaje CSS
Funcionamiento
Embeber CSS en un documento HTML
Conceptos básicos de CSS
Tamaños y colores
Comentarios

8. Selectores, herencia y cascada
Selectores
Selectores simples
Selectores avanzados
Herencia y cascada
Herencia
Cascada

9. Posicionamiento CSS
El modelo de cajas
Elementos de bloque y elementos en línea
Elementos de bloque
Elementos en línea
Posicionamiento de los elementos
Posicionamiento estático o normal
Posicionamiento relativo
Posicionamiento absoluto
Posicionamiento fijo o fixed
Posicionamiento inherit
Elementos flotantes

10. Configuración y apariencia en CSS
Uso de la herramienta para desarrolladores de Google Chrome
Texto y párrafo
Tipografía en CSS
Párrafos o bloques de texto
Ejercicio práctico
Enlaces e imágenes
Enlaces
Imágenes
Ejercicio práctico
Listas
Menús horizontales
Tablas
Formularios
Ejemplo práctico

11. CSS3
Esquinas redondeadas
Sombras
Texto en columnas
Texto y fuentes
Personalización del texto
Seleccionar tipo letra
Botones

12. Flexbox CSS
Conceptos básicos
Tipos de contenedores Flexbox
Dirección de los ejes principal y secundario
Alineación de los ítems hijos
Propiedades de los ítems hijos

13. Conceptos básicos de JavaScript
Historia
Evolución
Funcionamiento
Depuración del código
Sintaxis y buenas prácticas
Elementos básicos del lenguaje
Variables
Constantes
Operadores

14. Funciones y estructuras de control
Estructuras de control
Estructura de control if
Estructura de control if-else
Estructura de control switch
Bucle for
Bucle while
Bucle do while
Funciones
Retornar valores
Funciones predefinidas

15. Objetos y arrays
Objetos en JavaScript
Propiedades y métodos
Objetos predefinidos
El objeto Array
Uso y sintaxis
Matrices
Propiedades del objeto Array
Métodos del objeto Array

16. Eventos y formularios en JavaScript
Eventos, integración HTML y JavaScript
Eventos para elementos de formulario
Eventos para el documento web
Eventos de ratón
Eventos de teclado
Manejar eventos con JavaScript
Simular eventos con JavaScript
Formularios y JavaScript
Cuadros y áreas de texto
Listas desplegables
Casillas de verificación o checkbox
Botones de opción o radio button
Ejercicios resueltos
Ejercicio 1
Ejercicio 2
Ejercicio 3

17. JavaScript avanzado
Funciones flecha
Sintaxis
Funciones 'callback'
Promesas
Crear promesas
Consumir promesas

Glosario

Índice alfabético