My dog eat my homework
+My dog ate my homework
``` -3. Usando javascript, cree una función que genere y devuelva una excusa aleatoria con la siguiente estructura: ++ Usando JavaScript, crea una función que genere y devuelva una excusa aleatoria con la siguiente estructura: ```js -let who = ['the dog','my granma','his turtle','my bird']; -let what = ['eat','pissed','crushed','broked']; -let when = ['before the class','right in time','when I finished','during my lunch','while I was praying']; +let who = ['The dog', 'My grandma', 'The mailman', 'My bird']; +let action = ['ate', 'peed', 'crushed', 'broke']; +let what = ['my homework', 'my phone', 'the car']; +let when = ['before the class', 'when I was sleeping', 'while I was exercising', 'during my lunch', 'while I was praying']; ``` -4. Para crear una excusa consistente, tiene que concatenar un elemento de cada matriz en el orden correcto. -5. Llame a esa función onLoad y establezca la excusa en el HTML interno del elemento HTML #excuse. - ++ 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`. -## Tecnologias +## Tecnologías -HTML, CSS3, Sass, Javascript, Webpack. +HTML, CSS3, JavaScript, Vite. ## Fundamentos + Este ejercicio cubre los siguientes fundamentos: -1. Usando archivos Javascript externos en tu proyecto. -2. Cómo trabajar con matrices. -3. Generando números al azar. -4. Cuerdas de concatenacion. -5. Usando funciones (al menos un poco). -6. Trabajando con eventos (al menos un poco). + +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](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning). diff --git a/README.md b/README.md index 7a87080ea..1a606d751 100644 --- a/README.md +++ b/README.md @@ -1,52 +1,75 @@ -#  The Excuse Generator + +# The Excuse Generator + Disneyland for procrastinators and lazy people. -This project is ideal to are avoiding someone annoying, it takes no more than 20 lines of code and it can save you for the rest of your life! +This project is ideal for avoiding someone annoying; it takes no more than 20 lines of code, and it can save you for the rest of your life! -## The Goal +## The Goal: -We wanted a project that used very little Javascript but still with a very fun application, the excuse generator takes -20 lines of code, is super simple to understand and is the perfect first project for any beginner developer. +We wanted a project that used very little JavaScript but still had a very fun application. The excuse generator takes 20 lines of code, is super simple to understand, and is the perfect first project for any beginner developer. -## Instructions +## 📝 Instructions: -Please create a small website that generates an excuse each time a button is pressed, it has to look like this: [Checkout the demo animation](https://projects.breatheco.de/json?slug=excuse-generator&preview). +1. Please create a small website that generates an excuse each time you refresh the page, it has to look like this: [Checkout the demo animation](https://github.com/breatheco-de/tutorial-project-excuse-generator-javascript/blob/master/preview.gif?raw=true). ## Discuss with your classmates the strategy first -How can we generate an excuse? How are sentences build? +How can we generate an excuse? How are sentences built? - + The idea is to generate each part of the sentence randomly to come up with great excuses! -## Hint +My dog eat my homework
+My dog ate my homework
``` -3. Using javascript, create a function that generates and returns a random excuse with the following structure: ++ Using JavaScript, create a function that generates and returns a random excuse with the following structure: ```js -let who = ['the dog','my granma','his turtle','my bird']; -let what = ['eat','pissed','crushed','broked']; -let when = ['before the class','right in time','when I finished','during my lunch','while I was praying']; +let who = ['The dog', 'My grandma', 'The mailman', 'My bird']; +let action = ['ate', 'peed', 'crushed', 'broke']; +let what = ['my homework', 'my phone', 'the car']; +let when = ['before the class', 'when I was sleeping', 'while I was exercising', 'during my lunch', 'while I was praying']; ``` -4. To create a consistent excuse you have to concatenate one item from each array in the proper order. -5. Call that function onLoad and set the excuse into the innerHTML of the #excuse HTML element. - ++ To create a consistent excuse, you have to concatenate one item from each array in the proper order. ++ Call the function `onload` and set the excuse into the `innerHTML` of the `#excuse` HTML element. ## Technologies -HTML, CSS3, Sass, Javascript, Webpack. +HTML, CSS3, JavaScript, Vite. ## Fundamentals + This exercise covers the following fundamentals: -1. Using external Javascript files in your project. -2. How to work with Arrays. + +1. Using external JavaScript files in your project. +2. How to work with arrays. 3. Generating random numbers. 4. Concatenating strings. 5. Using functions (at least a bit). 6. Working with events (at least a bit). + +This and many other projects are built by students as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning). diff --git a/bc.json b/bc.json deleted file mode 100644 index 16abb5186..000000000 --- a/bc.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "title" : "Code an Excuse Generator in Javascript", - "slug" : "excuse-generator", - "status": "published", - "solution": "https://bitbucket.org/codingacademy/excuse-generator", - "duration" : 4, - "translations": ["es", "us"], - "difficulty": "beginner", - "technologies": ["javascript", "html", "the-dom"], - "description" : "Disneyland for procrastinators. Learning Javascript? This excuse generator tutorial takes no more than 20 lines of code and can save you for the rest of your life!", - "talents": [ - { "badge": "identator", "points": 6 }, - { "badge": "tag-master", "points": 3 }, - { "badge": "window-lover", "points": 3 }, - { "badge": "mouse-god", "points": 3 }, - { "badge": "source-inspector", "points": 5 }, - { "badge": "abc", "points": 5 }, - { "badge": "functional-developer", "points": 5 } - ] -} \ No newline at end of file diff --git a/learn.json b/learn.json new file mode 100644 index 000000000..94144844d --- /dev/null +++ b/learn.json @@ -0,0 +1,39 @@ +{ + "gitpod": true, + "title": { + "us": "Code an Excuse Generator in JavaScript", + "es": "Generador de excusas en Javascript" + }, + "slug": "excuse-generator", + "status": "published", + "video": { + "solution": { + "us": "https://www.youtube.com/watch?v=n43ORx4GMJ0" + } + }, + "solution": "https://github.com/breatheco-de/tutorial-project-excuse-generator-javascript/tree/solution", + "duration": 4, + "template_url" : "https://github.com/4GeeksAcademy/vanillajs-hello", + "preview": "https://github.com/breatheco-de/tutorial-project-excuse-generator-javascript/blob/master/preview.gif?raw=true", + "translations": ["es", "us"], + "difficulty": "beginner", + "technologies": ["javascript", "html", "the-dom"], + "description": { + "us": "Disneyland for procrastinators! Create an Excuse Generator using just 20 lines of JavaScript. This beginner-friendly project teaches arrays, random number generation, and string concatenation while building a tool to generate excuses.", + "es": "¡Disneylandia para procrastinadores! Crea un generador de excusas utilizando solo 20 líneas de JavaScript. Este proyecto apto para principiantes enseña arreglos, generación de números aleatorios y concatenación de cadenas, mientras construyes una herramienta para generar excusas." + }, + "talents": [ + { "badge": "indentator", "points": 6 }, + { "badge": "tag-master", "points": 3 }, + { "badge": "window-lover", "points": 3 }, + { "badge": "mouse-god", "points": 3 }, + { "badge": "source-inspector", "points": 5 }, + { "badge": "abc", "points": 5 }, + { "badge": "functional-developer", "points": 5 } + ], + "autoPlay": false, + "projectType": "project", + "telemetry": { + "batch":"https://breathecode.herokuapp.com/v1/assignment/me/telemetry?asset_id=180" + } +}