From 15c9c15df059213271fe789964e68ac07aaaa14e Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Tue, 12 Nov 2024 13:51:00 -0600 Subject: [PATCH 01/12] fixed title and description --- learn.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/learn.json b/learn.json index b908724..7efe038 100644 --- a/learn.json +++ b/learn.json @@ -5,13 +5,13 @@ "preview": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/preview.png?raw=true", "repository": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course", "title": { - "us": "Learn CSS Interactively", - "es": "Aprende CSS Interactivamente" + "us": "Learn CSS with Interactive Exercises", + "es": "Aprende CSS con Ejercicios Interactivos" }, "intro": "https://www.youtube.com/watch?v=BDKdUPDez-U", "description": { - "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises.", - "es": "Aprende CSS con una docena de ejercicios interactivos y auto-corregidos" + "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners looking to learn and practice fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.", + "es": "Aprende CSS con una docena de ejercicios interactivos y auto-corregidos. Estos ejercicios de CSS son ideales para principiantes que buscan aprender y practicar conceptos fundamentales de CSS, incluidos selectores, reglas de estilo y técnicas de diseño responsivo. A través de tareas prácticas, los estudiantes obtendrán experiencia en la aplicación de estilos a elementos HTML, el uso de hojas de estilo externas y el dominio de la especificidad de CSS." }, "duration": 8, "difficulty": "easy", @@ -22,7 +22,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "4.0.0" + "version": "4.3" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From a5e2fc1ad3b60e1796e9c5e8e87bd36060c5bffa Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Tue, 12 Nov 2024 13:51:25 -0600 Subject: [PATCH 02/12] fixed title and description --- learn.json | 64 ++++++++++++++++++++++++++---------------------------- 1 file changed, 31 insertions(+), 33 deletions(-) diff --git a/learn.json b/learn.json index 7efe038..33711bf 100644 --- a/learn.json +++ b/learn.json @@ -1,36 +1,34 @@ { -"language": "html", -"slug": "css-tutorial-exercises-course", -"skills": ["css-styling"], -"preview": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/preview.png?raw=true", -"repository": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course", -"title": { - "us": "Learn CSS with Interactive Exercises", - "es": "Aprende CSS con Ejercicios Interactivos" -}, -"intro": "https://www.youtube.com/watch?v=BDKdUPDez-U", -"description": { - "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners looking to learn and practice fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.", - "es": "Aprende CSS con una docena de ejercicios interactivos y auto-corregidos. Estos ejercicios de CSS son ideales para principiantes que buscan aprender y practicar conceptos fundamentales de CSS, incluidos selectores, reglas de estilo y técnicas de diseño responsivo. A través de tareas prácticas, los estudiantes obtendrán experiencia en la aplicación de estilos a elementos HTML, el uso de hojas de estilo externas y el dominio de la especificidad de CSS." -}, -"duration": 8, -"difficulty": "easy", -"videoSolutions": true, -"bugsLink": "https://github.com/learnpack/learnpack/issues/new", -"projectType": "tutorial", -"graded": true, -"disabledActions": [], -"disableGrading": false, -"editor": { - "version": "4.3" -}, -"telemetry": { - "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" -}, -"video": { - "intro": { - "en":"https://www.youtube.com/watch?v=AuXnQHKhjxw", - "es": "https://www.youtube.com/watch?v=mZPmxx18kXo" + "slug": "css-tutorial-exercises-course", + "preview": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/preview.png?raw=true", + "repository": "https://github.com/4GeeksAcademy/css-tutorial-exercises-course", + "title": { + "us": "Learn CSS with Interactive Exercises", + "es": "Aprende CSS con Ejercicios Interactivos" + }, + "intro": "https://www.youtube.com/watch?v=BDKdUPDez-U", + "description": { + "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners looking to learn and practice fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.", + "es": "Aprende CSS con una docena de ejercicios interactivos y auto-corregidos. Estos ejercicios de CSS son ideales para principiantes que buscan aprender y practicar conceptos fundamentales de CSS, incluidos selectores, reglas de estilo y técnicas de diseño responsivo. A través de tareas prácticas, los estudiantes obtendrán experiencia en la aplicación de estilos a elementos HTML, el uso de hojas de estilo externas y el dominio de la especificidad de CSS." + }, + "duration": 8, + "difficulty": "easy", + "videoSolutions": true, + "bugsLink": "https://github.com/learnpack/learnpack/issues/new", + "projectType": "tutorial", + "graded": true, + "disabledActions": [], + "disableGrading": false, + "editor": { + "version": "4.3" + }, + "telemetry": { + "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" + }, + "video": { + "intro": { + "en":"https://www.youtube.com/watch?v=AuXnQHKhjxw", + "es": "https://www.youtube.com/watch?v=mZPmxx18kXo" + } } } -} From 4bdd34bb86e664c61f4f4d68e1ca271a135e20bb Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Thu, 14 Nov 2024 15:59:24 -0500 Subject: [PATCH 03/12] Update learn.json --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 33711bf..8405703 100644 --- a/learn.json +++ b/learn.json @@ -20,7 +20,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "4.3" + "version": "3.4" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From 393712da807041be568cd9607cdcd91585bd171d Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Thu, 14 Nov 2024 21:11:08 +0000 Subject: [PATCH 04/12] dorngraded to edito 3.1 --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 8405703..5a2e591 100644 --- a/learn.json +++ b/learn.json @@ -20,7 +20,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "3.4" + "version": "3.1" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From 1a2848f5c50aa10c970fa4bd44dcacb6cbedc826 Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Thu, 14 Nov 2024 21:20:53 +0000 Subject: [PATCH 05/12] updated editor to 4 --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 5a2e591..b672102 100644 --- a/learn.json +++ b/learn.json @@ -20,7 +20,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "3.1" + "version": "4.0" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From 5e407eb663ff8a052188e7a8469f437db7296d20 Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Fri, 22 Nov 2024 19:23:29 -0500 Subject: [PATCH 06/12] small fixes --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 33711bf..b672102 100644 --- a/learn.json +++ b/learn.json @@ -20,7 +20,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "4.3" + "version": "4.0" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From 57a26863bd367863050d46d5ac148af4141e51b5 Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Mon, 13 Jan 2025 17:33:51 -0500 Subject: [PATCH 07/12] new version in the cloud --- .devcontainer/devcontainer.json | 2 +- exercises/04-list-styling/README.es.md | 13 ++++++++----- exercises/04-list-styling/README.md | 6 ++++-- learn.json | 2 +- 4 files changed, 14 insertions(+), 9 deletions(-) diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json index c38568c..37fd7c7 100644 --- a/.devcontainer/devcontainer.json +++ b/.devcontainer/devcontainer.json @@ -22,7 +22,7 @@ // Use 'forwardPorts' to make a list of ports inside the container available locally. // "forwardPorts": [], - "onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@4.0.10 -g && learnpack plugins:install @learnpack/html@1.1.7" + "onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@5.0.7 -g && learnpack plugins:install @learnpack/html@1.1.7" // Use 'postCreateCommand' to run commands after the container is created. // "postCreateCommand": "yarn install", diff --git a/exercises/04-list-styling/README.es.md b/exercises/04-list-styling/README.es.md index c09d497..f67abca 100644 --- a/exercises/04-list-styling/README.es.md +++ b/exercises/04-list-styling/README.es.md @@ -22,18 +22,21 @@ Eliminará los números o viñetas y moverá el texto hacia la izquierda para qu **Nota:** -Construye el código existente primero para ver cómo se ve originalmente la página. Luego, realiza los cambios a continuación y construye de nuevo. +Ejecuta el código existente primero para ver cómo se ve originalmente la página. Luego, realiza los cambios a continuación y construye de nuevo. ## 📝 Instrucciones: -1. Convierte los números de las bebidas de Coca Cola en letras minúsculas. -2. Convierte los números de las bebidas de Pepsi en viñetas cuadradas. -3. Convierte las viñetas de las bebidas Saludables en números armenios. -4. Elimina completamente las viñetas de las bebidas de web-developer. +La regla `list-style-type` tiene muchos valores interesantes, utilizala para lograr: + +1. Conviertir los números de las bebidas de Coca Cola en letras minúsculas (Usa `lower-alpha`). +2. Conviertir los números de las bebidas de Pepsi en viñetas cuadradas. +3. Conviertir las viñetas de las bebidas Saludables en números armenios. +4. Eliminar completamente las viñetas de las bebidas de web-developer. ## 💡 Pistas: - Cómo trabajar con estilos de lista en CSS: https://www.w3schools.com/css/css_list.asp - Cambiar viñetas por números y viceversa significa que necesitarías cambiar el tipo de lista, ordenada o no ordenada. Es posible que se requieran cambios en las etiquetas HTML. - `armenian` es un valor posible real de `list-style-type`: https://www.w3schools.com/cssref/pr_list-style-type.asp +- `lower-alpha` es un valor posible real de `list-style-type`. diff --git a/exercises/04-list-styling/README.md b/exercises/04-list-styling/README.md index 1d3309a..6a9cb5d 100644 --- a/exercises/04-list-styling/README.md +++ b/exercises/04-list-styling/README.md @@ -27,8 +27,10 @@ Then make the changes below and run again. ## 📝 Instructions: -1. Make the Coca Cola drinks numbers into lowercase letters. -2. Make the Pepsi drinks numbers into square bullets. +Use the CSS rule `list-style-type` and CSS to: + +1. Turn the Coca Cola drinks numbers into lowercase letters (Use `lower-alpha`) +2. Turn the Pepsi drinks numbers into square bullets. 3. Make the Healthy drinks bullets into Armenian numbers. 4. Completely remove the bullets from the web-developer drinks. diff --git a/learn.json b/learn.json index b672102..74fcbc9 100644 --- a/learn.json +++ b/learn.json @@ -20,7 +20,7 @@ "disabledActions": [], "disableGrading": false, "editor": { - "version": "4.0" + "version": "5.0" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" From b1febda39f321c16129a1def52333e19526986f1 Mon Sep 17 00:00:00 2001 From: Alejandro Sanchez Date: Wed, 15 Jan 2025 10:48:49 -0500 Subject: [PATCH 08/12] Update learn.json --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 74fcbc9..efca06d 100644 --- a/learn.json +++ b/learn.json @@ -23,7 +23,7 @@ "version": "5.0" }, "telemetry": { - "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry" + "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry?asset_id=142" }, "video": { "intro": { From 8ef59383249b23e7120a52d6ee39a266bd138605 Mon Sep 17 00:00:00 2001 From: lorenagubaira <102861577+Lorenagubaira@users.noreply.github.com> Date: Tue, 21 Jan 2025 08:21:35 -0400 Subject: [PATCH 09/12] Update learn.json --- learn.json | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/learn.json b/learn.json index efca06d..f8c6bd8 100644 --- a/learn.json +++ b/learn.json @@ -8,7 +8,7 @@ }, "intro": "https://www.youtube.com/watch?v=BDKdUPDez-U", "description": { - "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners looking to learn and practice fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.", + "us": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises. These CSS exercises are ideal for beginners learning and practicing fundamental CSS concepts, including selectors, styling rules, and responsive design techniques. Through hands-on tasks, learners will gain practical experience in applying styles to HTML elements, using external stylesheets, and mastering CSS specificity.", "es": "Aprende CSS con una docena de ejercicios interactivos y auto-corregidos. Estos ejercicios de CSS son ideales para principiantes que buscan aprender y practicar conceptos fundamentales de CSS, incluidos selectores, reglas de estilo y técnicas de diseño responsivo. A través de tareas prácticas, los estudiantes obtendrán experiencia en la aplicación de estilos a elementos HTML, el uso de hojas de estilo externas y el dominio de la especificidad de CSS." }, "duration": 8, @@ -16,11 +16,13 @@ "videoSolutions": true, "bugsLink": "https://github.com/learnpack/learnpack/issues/new", "projectType": "tutorial", + "autoPlay": "true", "graded": true, "disabledActions": [], "disableGrading": false, "editor": { - "version": "5.0" + "version": "5.0", + "agent": "vscode" }, "telemetry": { "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry?asset_id=142" From 46564fa2a81e7ae3ea42d2b554a57cec00b75437 Mon Sep 17 00:00:00 2001 From: lorenagubaira <102861577+Lorenagubaira@users.noreply.github.com> Date: Mon, 27 Jan 2025 20:53:03 -0400 Subject: [PATCH 10/12] Update devcontainer.json --- .devcontainer/devcontainer.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json index 37fd7c7..18991c6 100644 --- a/.devcontainer/devcontainer.json +++ b/.devcontainer/devcontainer.json @@ -22,7 +22,7 @@ // Use 'forwardPorts' to make a list of ports inside the container available locally. // "forwardPorts": [], - "onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@5.0.7 -g && learnpack plugins:install @learnpack/html@1.1.7" + "onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@5.0.13 -g && learnpack plugins:install @learnpack/html@1.1.7" // Use 'postCreateCommand' to run commands after the container is created. // "postCreateCommand": "yarn install", From 63a6724e01cc578760fe154b28637f08e17fad62 Mon Sep 17 00:00:00 2001 From: lorenagubaira <102861577+Lorenagubaira@users.noreply.github.com> Date: Tue, 25 Feb 2025 07:06:40 -0400 Subject: [PATCH 11/12] Update learn.json technologies --- learn.json | 1 + 1 file changed, 1 insertion(+) diff --git a/learn.json b/learn.json index f8c6bd8..b914a96 100644 --- a/learn.json +++ b/learn.json @@ -19,6 +19,7 @@ "autoPlay": "true", "graded": true, "disabledActions": [], + "technologies": ["web-development", "desarrollo-web", "front-end", "css"], "disableGrading": false, "editor": { "version": "5.0", From fb6e1472d9941920556d544d078e71f94be05eb0 Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Fri, 28 Feb 2025 21:46:18 +0000 Subject: [PATCH 12/12] Update workflow files --- .github/workflows/learnpack-audit.yml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.github/workflows/learnpack-audit.yml b/.github/workflows/learnpack-audit.yml index 52644d8..95814c2 100644 --- a/.github/workflows/learnpack-audit.yml +++ b/.github/workflows/learnpack-audit.yml @@ -5,9 +5,9 @@ name: Learnpack audit on: push: - branches: [ master ] + branches: [ main ] pull_request: - branches: [ master ] + branches: [ main ] jobs: build: @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [14.x] + node-version: [20.x] # See supported Node.js release schedule at https://nodejs.org/en/about/releases/ steps: