diff --git a/client/01-for-each.html b/client/01-for-each.html
new file mode 100644
index 0000000..4cf3afc
--- /dev/null
+++ b/client/01-for-each.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Lista de tareas</h1>
+    <div id="app"></div>
+    <script >
+        const checkList = [
+            { title: 'Hacer la cama'},
+            { title: 'Comrpar los médicamentos'},
+            { title: 'Pasear al perro'},
+            { title: 'Redactar el correo a mi madre'}
+
+        ];
+
+        const app = document.getElementById('app');
+
+        checkList.forEach(task => {
+            app.innerHTML += `<li>${task.title}  <input type="checkbox"></li>`
+        });
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/server/01-for-each.js b/server/01-for-each.js
new file mode 100644
index 0000000..7e8593b
--- /dev/null
+++ b/server/01-for-each.js
@@ -0,0 +1,8 @@
+const letters = ['a','b','c'];
+
+for (let i=0; i < letters.length; i++ ){
+    const element = letters[i];
+    console.log('for', element);
+}
+//Método forEach
+letters.forEach(item => console.log('forEach',item))
\ No newline at end of file
