Este libro se dirige a aquellos desarrolladores que debutan en informática y que no han programado nunca con HTML5, CSS3 y JavaScript. El autor guía al lector mostrándole los métodos más eficaces y actuales para crear su primer sitio web, partiendo desde cero hasta permitirle adquirir un nivel suficiente de autonomía.

En el primer capítulo, el autor presenta una visión general del desarrollo en la web; los lenguajes del lado cliente y servidor, los formatos de las imágenes, los navegadores... para que el lector pueda comprender los mecanismos que permiten mostrar en pantalla el contenido de la página. El siguiente capítulo muestra las reglas generales que deben respetarse para poder desarrollar de manera eficaz: legibilidad del código, organización de las carpetas, uso de editores de código, posicionamiento...

A continuación, el autor entra de lleno en el tema del libro y presenta, en primer lugar, el lenguaje HTML5 que permite estructurar una página y distribuir los elementos visuales con precisión. El segundo lenguaje que se presenta es CSS3, que permite aplicar estilos, animaciones y efectos visuales que evitan tener que utilizar imágenes y adaptan el diseño tanto a teléfonos móviles como a ordenadores. Para conocer bien los lenguajes utilizados en el lado cliente, el tercer lenguaje que se presenta en el libro es JavaScript. Este lenguaje permite añadir interactividad a las páginas, realizar comparaciones, repetir acciones, utilizar una base de datos en el lado cliente…
Mediante ejemplos concretos y más allá del aspecto puramente técnico de este aprendizaje, el autor transmite a los lectores las principales reglas de representación para conseguir que el sitio web sea atractivo, agradable y fácil de usar, así como las buenas prácticas de desarrollo y los errores más comunes que se deben evitar. Cuando haya acabado el libro, el lector será capaz de crear un sitio web funcional del que sentirse, sin duda, orgulloso.

La Web

1. 1. ¿Qué es la Web?
   1. 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL
   2. 1.2 Lado cliente: HTML, CSS, JavaScript
2. 2. Los lenguajes y su utilidad
   1. 2.1 HTML
   2. 2.2 CSS
   3. 2.3 JavaScript
   4. 2.4 Ejemplo general con los tres lenguajes
3. 3. Los formatos de imagen
   1. 3.1 Formato Bitmap
   2. 3.2 Formato vectorial
4. 4. Los navegadores y sus herramientas

Reglas generales

1. 1. Preservar la legibilidad: la indentación, los comentarios
   1. 1.1 La indentación
   2. 1.2 Los comentarios
2. 2. Pensar en el posicionamiento
3. 3. Carpetas y rutas hasta los archivos
4. 4. Los editores de código
5. 5. Algunos atajos prácticos
   1. 5.1 Guardar y probar una página
   2. 5.2 Seleccionar texto o desplazarse más rápido sin el ratón

HTML

1. 1. Creación de una página web
2. 2. Código HTML obligatorio
3. 3. El doctype
4. 4. La etiqueta
   1. 4.1 Enlazar una hoja de estilo
   2. 4.2 Enlazar un archivo JavaScript
5. 5. La etiqueta
   1. 5.1 Métodos y etiquetas para estructurar una página
   2. 5.2 El texto en la página HTML
   3. 5.3 Los caracteres especiales

CSS3

1. 1. Los tres estilos básicos posibles
   1. 1.1 El estilo de etiqueta
   2. 1.2 El estilo de clase
   3. 1.3 El estilo de ID
   4. 1.4 Combinación de los tres métodos
2. 2. La tipografía y la Web
3. 3. Los selectores
4. 4. Las pseudoclases
   1. 4.1 Para los enlaces
   2. 4.2 Para el texto
   3. 4.3 Para los selectores
5. 5. Los colores en hexadecimal, en RGBA o en HSLA
6. 6. Las imágenes y los bordes
7. 7. Botones con imágenes o tipografías especiales
8. 8. Los fondos y fondos múltiples
9. 9. El posicionamiento
10. 10. El desbordamiento
11. 11. Uso de padding y margin
12. 12. Las variables
13. 13. Las propiedades decorativas (sombra, degradado, redondeo...)
14. 14. Las columnas en el texto
15. 15. Las transformaciones 3D
16. 16. Las transiciones y animaciones
17. 17. El diseño responsivo y las media queries
18. 18. El menú hamburguesa
19. 19. El donut

JavaScript

1. 1. Introducción
2. 2. La lista de tareas
3. 3. Variables y asignaciones
4. 4. Los tipos de variables
   1. 4.1 Los valores numéricos
   2. 4.2 El texto y la concatenación
   3. 4.3 Los arrays
   4. 4.4 Los valores booleanos
   5. 4.5 Los objetos
5. 5. Los operadores
6. 6. Las condiciones
   1. 6.1 if, else y las llaves
   2. 6.2 switch case
7. 7. Iteraciones
   1. 7.1 El bucle for
   2. 7.2 while
   3. 7.3 do ... while
   4. 7.4 break y continue
   5. 7.5 Foreach
8. 8. Depurar un programa
9. 9. Las funciones
   1. 9.1 Declaración
   2. 9.2 Nueva notación para las funciones
   3. 9.3 Llamada
   4. 9.4 Las variables locales y globales
   5. 9.5 El resultado de una función
10. 10. Las cookies
11. 11. El drag and drop
12. 12. Mostrar el sitio HTML en pantalla completa
13. 13. Interacciones entre JavaScript, HTML y CSS
14. 14. Las bases de datos locales
    1. 14.1 Creación de una base de datos
    2. 14.2 Creación de una tabla
    3. 14.3 Insertar registros
    4. 14.4 Leer información
15. 15. Generar PNG en JavaScript
16. 16. Ajax
17. 17. Gestión de temporizadores (setTimeout(), setInterval(), Date)
18. 18. Desplazar un elemento con el teclado

Representación HTML y CSS

1. 1. Los bloques y su posición en pantalla
   1. 1.1 Las tablas
   2. 1.2 Los div y las nuevas etiquetas HTML5
2. 2. Las listas

Los métodos de diseño

1. 1. La etiqueta Canvas
2. 2. La etiqueta SVG
3. 3. Ventajas e inconvenientes de ambas tecnologías

El multimedia

1. 1. La etiqueta
2. 2. Los codecs de vídeo
3. 3. La etiqueta
4. 4. Los codecs de audio

Los formularios

1. 1. Introducción
2. 2. Funcionamiento de un formulario cliente/servidor
3. 3. Las distintas etiquetas del formulario
4. 4. Las expresiones regulares
5. 5. La validación del formulario
6. 6. Agregar un script CGI en el servidor

Los enlaces y menús en HTML5

1. 1. Introducción
2. 2. Creación de enlaces
   1. 2.1 Abrir una página HTML
   2. 2.2 Abrir una imagen
   3. 2.3 Navegación en la página
   4. 2.4 Permitir descargar un archivo
   5. 2.5 Enviar un correo electrónico
   6. 2.6 Invocar un script JavaScript
3. 3. Creación de un menú (lista + enlaces + CSS)
4. 4. Modificar la página con la ayuda del menú
5. 5. Agregar "datos" en los enlaces
6. 6. Lista compleja organizada por JavaScript y el CSS

Corrección de ejercicios

1. 1. Ejercicio sobre los selectores CSS
2. 2. Ejercicio: un reloj que se balancea
3. 3. Ejercicio: modificar la hora en JavaScript
4. 4. Ejercicio: posición del personaje
5. 5. Ejercicio: crear la animación de un personaje que camina
6. 6. Ejercicio: creación de donuts
7.  
8. Conclusión
9. índice