4Geeks logo
4Geeks logo

Courses

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Coding 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.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

Buscar en lecciones

IngresarEmpezar
← Volver a ejercicios

Eventos de Javascript

Star

Registrate para obtener acceso

Lo usaremos para darte acceso a la comunidad.

Dificultad

beginner

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs

Tecnologías

Aprenderás los siguientes conceptos:

  1. Mouse events

  2. Keyboard events

  3. Frame Events

  4. Como reaccioner antes esto eventos para que tu aplicación web sea interactiva.

Instalación en un clic (recomendado)

Puedes empezar estos ejercicios en pocos segundos haciendo clic en: Abrir en Codespaces (recomendado) o Abrir en Gitpod.

Una vez ya tengas abirto VSCode los ejercicios de LearnPack deberían empezar automáticamente, si esto no sucede puedes intentar empezar los ejercicios escribiendo este comando en tu terminal: $ learnpack start

Instalación local

Clona el repositorio en tu ambiente local y sigue los siguientes pasos:

  1. Asegúrate de tener instalado learnpack y node.js versión v14+ y jest v27. Este es el comando para instalar learnpack-cli y jest:
1$ npm i learnpack jest@27.0.6 -g
  1. Clona o descarga este repositorio. Una vez que termines de descargar, encontrarás una nueva carpeta con un subdirectorio "exercises" que contiene todos los ejercicios dentro.

  2. Instala el plugin de learnpack para probar y compilar vanillajs:

1$ learnpack plugins:install learnpack-dom
  1. Inicializa tutorial/exercises ejecutando el siguiente comando en la raíz del proyecto:
1$ learnpack start

¿Cómo están organizados los ejercicios?

Cada ejercicio es un pequeño sitio web de vanillajs 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 pero es un tanto rígida, te recomiendo ignorar los tests, considéralos como una recomendación 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 Curso de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.

Registrate para obtener acceso

Lo usaremos para darte acceso a la comunidad.

Dificultad

beginner

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs

Tecnologías