Bienvenida a Platzi: ¿qué necesitas para tomar el curso?

Programación en Navegadores: Primeros Pasos

Crea tu primer sitio web

Sitios web con HTML

Estructura de árbol en HTML

Instalando tu primer editor de código

Cómo declarar variables y usar prompt

Algoritmo de piedra, papel o tijera

Algoritmo avanzado de piedra, papel o tijera

Aleatoriedad

Refactor del código usando funciones

Ciclos

Gana 3 veces

Archivos de HTML y JavaScript

¿Qué es el DOM?

Maquetación con HTML

Sección de elegir mascota

¿Dónde ubicar la etiqueta script? Conectando HTML con JavaScript

Escuchando eventos con JavaScript

addEventListener

Manipulación del DOM

Enemigos aleatorios

Ataques en JavaScript

Ataques aleatorios del enemigo

Imprimiendo ataques del enemigo

¿Ganaste, perdiste o empataste?

Tablas de verdad

Creando el contador de vidas

¿Quién ganó el juego?

Reiniciando el juego

Ocultando elementos HTML con JS para mejorar la UX del juego

Anatomía de CSS

Tipos de display

Flexbox

Modelo de caja

Imágenes para los Mokepones

Estilos del botón

Adaptando HTML al diseño del juego

Adaptando JavaScript al diseño del juego

CSS Grid

Responsive Design

Detalles finales

Revisión de código

Don't repeat yourself (DRY)

Clases y objetos

Clases y objetos de Mokepon

Arrays o arreglos

Objetos vs. arreglos

Ciclos: manipulando el DOM con iteradores

Declaración lenta de variables

Una sola fuente de la verdad

Mascotas aleatorias con arreglos

Ataques dinámicos por cada mascota: extraer

Renderizado dinámico en HTML

Eventos de click dinámicos

Secuencia de ataques del enemigo

Iniciando el combate

Resolviendo el reto de condicionales

Optimizando el frontend del juego

Introducción a canvas: dibujando con JavaScript

Moviendo a Capipepo hacia la derecha

Movimiento hacia todas las direcciones

Movimientos con el teclado

Imágenes y personajes de fondo

Métodos en las clases

Obstáculos y colisiones

Combate entre mokepones colisionados

Mapa responsive

Botones bonitos y viewport

¿Qué es backend?

Instalación de Node.js y NPM

Terminal de comandos y Node.js

Servidor web con Express.js

HTTP, localhost, servidores y puertos

Express.js y fetch: API REST con JavaScript

JSON y POST: mokepon online

Transmisión de coordenadas

Mokepones dinámicos en el mapa

Optimizando el mapa del juego

Batalla entre jugadores

Consumiendo la API de ataques del enemigo

Probando el juego en varios dispositivos

¿Y ahora qué curso tomar?