4Geeks logo
4Geeks logo

Bootcamps

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.

Academia

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.

Full-Stack Software Developer - 16w

Data Science and Machine Learning - 16 wks

Buscar en lecciones


IngresarEmpezar
← Volver a Proyectos

Generador de Excusas en Javascript

Dificultad

  • easy

Duración promedio

4 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

4 hrs

Regístrate para obtener acceso a archivos y video de la solución

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

Dificultad

  • easy

Duración promedio

4 hrs

Dificultad

  • easy

Duración promedio

4 hrs

Weekly Coding Challenge

Todas las semanas escogemos un proyecto de la vida real para que construyas tu portafolio y te prepares para conseguir un trabajo. Todos nuestros proyectos están construidos con ChatGPT como co-pilot!

Únete al reto

Podcast: Code Sets You Free

Un podcast de cultura tecnológica donde aprenderás a luchar contra los enemigos que te bloquean en tu camino para convertirte en un profesional exitoso en tecnología.

Escuchar el podcast

Disneylandia para procrastinadores y perezosos.

Este proyecto es ideal para evitar alguien molestoso. No toma más de 20 líneas de código y puede salvarte por el resto de tu vida.

Objetivo

Queríamos un proyecto que usara muy poco JavaScript, pero que tuviese una aplicación muy divertida, el generador de excusas toma 20 líneas de código, es super simple de entender y es el primer proyecto perfecto para cualquier desarrollador principiante.

📝 Instrucciones:

  1. Por favor, crea un pequeño sitio web que genere una excusa cada vez que se refresca la página, debe verse así: Vea la animación de demostración.

Discute con tus compañeros de clase la estrategia primero

¿Cómo podemos generar una excusa? ¿Cómo se construyen las oraciones?

explicación del generador de excusas

¡La idea es generar cada parte de la oración al azar para encontrar grandes excusas!

🌱 Cómo comenzar este proyecto

No clones este repositorio porque vamos a usar una plantilla diferente.

Recomendamos abrir el repositorio vanillajs-hello utilizando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Alternativamente, puedes clonarlo en tu computadora local usando el comando git clone.

Este es el repositorio que necesitas abrir o clonar:

1https://github.com/4GeeksAcademy/vanillajs-hello

👉 Por favor sigue estos pasos sobre cómo comenzar un proyecto de programación..

💡 Pistas:

  • En el archivo index.html inventa una excusa nueva, sin JS, solo una excusa en HTML puro y simple.
  • La excusa debe estar dentro de una etiqueta HTML que tenga un id asignado, por ejemplo:
1 <p id="excuse">My dog ate my homework</p>
  • Usando JavaScript, crea una función que genere y devuelva una excusa aleatoria con la siguiente estructura:
1let who = ['The dog', 'My grandma', 'The mailman', 'My bird']; 2let action = ['ate', 'peed', 'crushed', 'broke']; 3let what = ['my homework', 'my phone', 'the car']; 4let when = ['before the class', 'when I was sleeping', 'while I was exercising', 'during my lunch', 'while I was praying'];
  • Para crear una excusa consistente, tienes que concatenar un elemento de cada array o arreglo en el orden correcto.
  • Usa la función onload y establece la excusa en el innerHTML del elemento HTML #excuse.

Tecnologías

HTML, CSS3, JavaScript, Webpack.

Fundamentos

Este ejercicio cubre los siguientes fundamentos:

  1. Utilizar archivos JavaScript externos en tu proyecto.
  2. Cómo trabajar con arreglos/listas (arrays).
  3. Generar números al azar.
  4. Concatenar strings (cadenas).
  5. Utilizar funciones (al menos un poco).
  6. Trabajar con eventos (al menos un poco).

Este y otros proyectos 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.

Dificultad

  • easy

Duración promedio

4 hrs

Dificultad

  • easy

Duración promedio

4 hrs

Regístrate para obtener acceso a archivos y video de la solución

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

Dificultad

  • easy

Duración promedio

4 hrs

Dificultad

  • easy

Duración promedio

4 hrs

Weekly Coding Challenge

Todas las semanas escogemos un proyecto de la vida real para que construyas tu portafolio y te prepares para conseguir un trabajo. Todos nuestros proyectos están construidos con ChatGPT como co-pilot!

Únete al reto

Podcast: Code Sets You Free

Un podcast de cultura tecnológica donde aprenderás a luchar contra los enemigos que te bloquean en tu camino para convertirte en un profesional exitoso en tecnología.

Escuchar el podcast