A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar

Regístrate en 4Geeks

← Volver a ejercicios

Eventos de Javascript

Aprende a convertir tu aplicación interactiva, espera por el usuario para hacer click, usa el teclado, usa el mouse, cambia el tamaño de la ventana y mucho más!

Trabaja en entornos de codificación reales con LearnPack.

Obtén ayuda instantánea con nuestro mentor de IA: Rigobot.

Sin instalación, vas directamente a programar

Dificultad

  • beginner

Duración promedio

8 hrs

Dificultad

  • beginner

Duración promedio

8 hrs

Regístrate para obtener acceso al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • beginner

Duración promedio

8 hrs

Dificultad

  • beginner

Duración promedio

8 hrs

Dificultad

  • beginner

Duración promedio

8 hrs

Dificultad

  • beginner

Duración promedio

8 hrs

Aprenderás los siguientes conceptos:

  1. Eventos del ratón.
  2. Eventos del teclado.
  3. Eventos de ventana.
  4. Como reaccionar ante estos eventos para que tu aplicación web sea interactiva.

¿Cómo están organizados los ejercicios?

Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos:

  1. index.js: representa el archivo JavaScript de entrada que se ejecutará cuando se cargue el sitio web.
  2. index.html: representa la entrada HTML para el sitio web.
  3. style.css: los estilos de tu sitio web, deben importarse desde index.html
  4. README.md: contiene las instrucciones de los ejercicios.
  5. test.js: no tienes que abrir este archivo, contiene el script de test para el ejercicio.

Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (programador) 💻, (idea) 🤔, (build-tests) ⚠️, (pull-request-review), 🤓 (build-tutorial), ✅ (documentación) 📖

  2. Paolo (plucodev), contribución: (bug reports) 🐛, (programador) 💻, (traducción) 🌎

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.

Regístrate para obtener acceso al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • beginner

Duración promedio

8 hrs

Dificultad

  • beginner

Duración promedio

8 hrs