Crea una cuenta y continúa aprendiendo 🚀

Regístrate o inicia sesión para continuar aprendiendo:

Javascript Aprendiz

El elemento Canvas de HTML5

¿Qué es el elemento Canvas de HTML5? ¿Y qué nos permite hacer?

Esta lección no cuenta con recursos adicionales.

Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.

Aún estamos trabajando en esta sección.

Si esta lección es muy importante para ti, puedes solicitar aquí su transcripción, para que sea prioridad.

¿Tienes dudas?

Publicar pregunta

¡Comparte conocimiento!

Volver al índice

Regístrate

Inicia sesión para llevar un control de tu progreso.

Capítulos

Presentación del curso y recomendaciones

¿Qué herramientas vamos a necesitar?

Emmet en Sublime Text 3

¿Cuál es la diferencia exacta entre HTML, CSS y JS?

Consola de desarrollo de Chrome

Variables, valores y operadores

Tipos de datos y comentarios

Javascript es un lenguaje débilmente tipado

Conversión entre tipos de datos

Constantes

Condicionales

Bucles

Funciones

Ámbitos (Scopes)

Primeros pasos

Una tecla

Varias teclas

Repaso y refactorización

Pulsaciones del teclado

7 tipos de datos disponibles

Objetos

Arreglos

Funciones

Métodos y propiedades predefinidos

Esquema general

Añadiendo estilos CSS básicos

Diseño base y referencias

Elección del jugador y de la computadora

¡Y el ganador es!

Mostrando resultados finales

Diferencias entre var, let y const

Template literals

Tagged template literals

Operador rest

Operador spread

Desestructuración (destructuring)

El elemento Canvas de HTML5

Detectar pulsaciones del teclado (Flechas)

Cómo generar movimiento

¿Qué es el Main loop o Game loop?

Generar alimento para la snake

Colores y cómo consumir el alimento

Aumentar el tamaño de la snake

Detección de colisiones

Evitar dirección contraria

Límites del contexto

Game over

Validar posición aleatoria del alimento

Última dirección aplicada

Parámetros por defecto

Generadores e Iteradores

Programación Orientada a Objetos (POO)

Clases

Herencia entre clases

Getters y setters

¿Qué son los módulos? ¿Por qué usarlos?

Módulos en Javascript

Módulos en ES6

Import y Export

De ES6 a ES5 por compatibilidad

Webpack y Babel

Repaso acerca de node_modules y npm

Eliminando dependencias con npm uninstall

Webpack Dev Server y Live Reloading

Aplicando: Webpack, Babel, Preset, Serve

Square: Primer módulo y clase

Snake: Reemplazar funciones por métodos

Clase Game y fin de la refactorización

JS no es JQuery. ¿Es malo aprender JQuery?

Biblioteca VS Módulo VS Paquete

Ajax: ¿Qué es? ¿Requiere JQuery? Ejemplo.

Qué sigue, y palabras finales

Proyecto disponible en Github

Introducción a las Promesas en JS

Cómo crear una Promesa

Async y Await

Fetch API

Imagen de la serie Javascript 2025: El curso práctico y completo

Estás viendo un capítulo de la serie Javascript 2025: El curso práctico y completo

Espera un momento 🎁 ...

¿Te gustaría aprender a programar, gratis?

Sólo debes registrarte 😉.