The Essential Guide to HTML5, 3rd Edition
Jeanine Meyer
- Editorial
- Apress
- Año
- 2023
- Páginas
- ~501
- Nivel
- Intermedio
De qué trata
Tercera edición del libro de Jeanine Meyer, profesora emérita de Purchase College (SUNY), que enseña HTML5, CSS y JavaScript programando juegos sencillos. Esta edición actualiza los juegos y los ejercicios para los navegadores actuales. Está pensada para principiantes absolutos y para quienes tienen algo de experiencia en programación y quieren aprender desarrollo web de forma práctica y entretenida; no exige conocimientos previos.
Cada capítulo gira en torno a un juego y presenta, a partir de él, los conceptos de programación y las funciones del navegador que necesita: variables, funciones, eventos de ratón y teclado, temporizadores, generación de números aleatorios, arreglos y objetos, dibujo y animación con el elemento Canvas, manejo de imágenes, audio y vídeo nativos, formularios, detección de colisiones y física básica de trayectorias, manipulación del DOM y persistencia de datos con localStorage. Todo se hace con HTML, CSS y JavaScript puros, sin frameworks ni librerías externas.
El libro se aprende construyendo: cada juego se explica con su planteamiento, la lógica del programa y el código comentado línea a línea, y se proponen ejercicios para modificarlo y ampliarlo. Su valor está en que motiva y en que enseña a pensar como programador. Lo que deja fuera: no hay Flexbox, Grid ni diseño adaptable a fondo, ni herramientas modernas (módulos, npm, bundlers o frameworks), y el estilo de JavaScript es deliberadamente sencillo. Es ideal como primer contacto con la programación web antes de pasar a textos más profesionales.
- HTML5
- JavaScript
- CSS
- Canvas
- Animación
- Eventos
- Audio y vídeo
- localStorage
- Programación de juegos
- Lógica de programación
¿Cómo enseña?
Con proyectos
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Juego de dados (craps)
Primer juego del libro: simula el lanzamiento de dados con números aleatorios y dibuja las caras en Canvas, aplicando las reglas del craps con JavaScript.
Pelota que rebota (pelota, imagen y vídeo)
Animación con temporizadores en la que una pelota, una imagen o un vídeo rebotan dentro de una caja dibujada en Canvas, con controles de formulario para cambiar la velocidad.
Bala de cañón y tirachinas
Juego de puntería con física básica de trayectorias, detección de colisiones y arrastre con el ratón para apuntar el tirachinas.
Juego de memoria (Concentration)
Juego de emparejar cartas que usa polígonos dibujados en Canvas o fotografías, con barajado aleatorio y control del tiempo.
Cuestionario con recompensa de audio y vídeo
Quiz construido sobre el DOM en el que las respuestas correctas desbloquean audio y vídeo nativos de HTML5.
Laberintos
Editor y juego de laberintos: el usuario dibuja paredes, recorre el laberinto con el teclado y lo guarda y recupera con localStorage.
Piedra, papel o tijera
Juego contra la computadora con botones gráficos, elección aleatoria del rival, marcador y efectos de sonido.
Adivina la palabra
Variante del ahorcado que genera el teclado de letras de forma dinámica y dibuja el progreso del jugador en Canvas.
Blackjack
Juego de cartas contra la banca con baraja barajada, imágenes de las cartas y la lógica completa de reparto y puntuación en JavaScript.
