Gisel1224

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

StudentsMaterial/Melissa Gisel/Solucion ejercicios.js

@@ -0,0 +1,118 @@
+//  Esta guía está diseñada para ayudar a principiantes a fortalecer sus habilidades de pensamiento lógico y comprensión de los conceptos básicos de programación.
+
+// Ejercicio 1: Suma de Dos Números
+// Descripción: Escribe una función que tome dos números como argumentos y devuelva su suma.
+
+// Ejercicio 2: Número Par o Impar
+// Descripción: Escribe una función que tome un número como argumento y devuelva "par" si el número es par y "impar" si el número es impar.
+
+
+// Ejercicio 3: FizzBuzz
+// Descripción: Escribe una función que recorra los números del 1 al 100. Para cada número, imprime "Fizz" si es divisible por 3, "Buzz" si es divisible por 5, y "FizzBuzz" si es divisible por ambos.
+
+// Ejercicio 4: Factorial de un Número
+// Descripción: Escribe una función que tome un número como argumento y devuelva su factorial.  
+
+//  Ejercicio 5: Palíndromo
+// Descripción: Escribe una función que tome una cadena de texto y determine si es un palíndromo (se lee igual de adelante hacia atrás).
+
+// Ejercicio 6: Encontrar el Máximo en un Array
+// Descripción: Escribe una función que tome un array de números y devuelva el número máximo.
+
+// Ejercicio 7: Invertir una Cadena
+// Descripción: Escribe una función que tome una cadena de texto y devuelva la cadena invertida.
+
+// Ejercicio 8: Contar Vocales en una Cadena
+// Descripción: Escribe una función que tome una cadena de texto y cuente el número de vocales (a, e, i, o, u).
+
+// Ejercicio 9: Encontrar Números Primos
+// Descripción: Escribe una función que encuentre todos los números primos hasta un número dado.
+
+// Ejercicio 10: Generar una Secuencia Fibonacci
+// Descripción: Escribe una función que genere una secuencia Fibonacci hasta un número dado.
+
+
+1.
+ function SumaDeNumeros(num1,num2) {
+return( num1 + num2)
+
+ }
+
+SumaDeNumeros(3,4)
+
+2.
+
+ function NumeroParoImpar (numero) {
+    if(numero%2===0)
+    return("numero par")
+ else("numeroimpar")
+}
+console.log (NumeroParoImpar(4))
+
+3. 
+
+
+
+
+ function fizzbuzz () {
+
+   for (let i=1 ; i<=100 ; i++){
+
+      if(i%3===0 && i%5===0){
+
+         console.log("FIZZBUZZ")
+
+      }else if (i%3===0){
+      console.log("fizz")
+
+   }else if(i%5===0){
+
+      console.log("buzz")
+   }
+
+   else{
+      console.log("invalido")
+   }
+   }
+
+ }
+ fizzbuzz();
+
+
+ 4.  
+
+ function factorial(n) {
+   if (n === 0 || n === 1) {
+     return 1;
+   }
+   return n * factorial(n - 1);
+
+ }
+
+ console.log(factorial(5))
+
+
+6.
+
+const lista = [3, 7, 2, 4, 5,7,8];
+
+ function encontrarMaximo(arr) {
+
+
+   return Math.max(...arr); 
+ }
+// ejmplp:
+console.log("El máximo del array es:", encontrarMaximo(lista));
+
+
+
+8.
+
+function ContarVocales(vocales){
+   var vocalesEncontradas = texto.match(/[aeiou]/gi);
+   return vocalesEncontradas ? vocalesEncontradas.length : 0;
+}
+var texto = "HIPOPOTAMO";
+var numeroVocales = contarVocales(texto);
+console.log("El número de vocales en el texto es: " + numeroVocales);
+

StudentsMaterial/Melissa Gisel/WS1 Array.js

@@ -0,0 +1,39 @@
+// Ejercicios de Vectores sin funciones
+
+// Este es el vector a usar
+// let numbers = [1, 2, 3, 4, 5];
+
+// 1.   Sumar Elementos de un Vector
+//    - Descripción: Suma todos los elementos de un vector y muestra el resultado.
+// 2.   Encontrar el Máximo de un Vector
+//    - Descripción: Encuentra y muestra el valor máximo en un vector.
+// 3.   Invertir un Vector
+//    - Descripción: Invierte el orden de los elementos de un vector y muestra el resultado.
+
+
+let total=0, numeros = [1, 2, 3, 4, 5];
+for(let i = 0; i < numeros.length; i++) total+=numeros[i];
+console.log(total);
+
+
+console.log(Math.max(1,2,3,4,5))
+
+
+numeros = [1, 2, 3, 4, 5]
+const reversedArray = [...numeros].reverse()
+console.log("numeros", numeros) 
+console.log('reversed', reversed) 
+
+
+function numeros(number){
+    let respuesta = [];
+    number = String(number);
+
+    for(let i = number.length -1 ; i>=0; i--){        
+      respuesta.push(number[i]);
+    }
+    return respuesta;
+  }
+
+  console.log(numeros(12345))
+

StudentsMaterial/Melissa Gisel/portafolio/index.html

@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Bootstrap demo</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="style.css" />
+  </head>
+
+  <body>
+    <!--navini-->
+    <nav class="menu navbar navbar-expand-lg position-sticky top 0 z-3">
+      <div class="container-fluid">
+        <a class="navbar-brand text-primary fs-2 text fw-bold" href="#">LOGO</a>
+        <button
+          class="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item">
+              <a class="nav-link active fs-5" aria-current="page" href="#"
+                >Inicio</a
+              >
+            </li>
+
+            <li class="nav-item">
+              <a
+                class="nav-link active fs-5"
+                aria-current="page"
+                href="#seccion-dos"
+                >Proyectos</a
+              >
+            </li>
+
+            <li class="nav-item">
+              <a
+                class="nav-link active fs-5"
+                aria-current="page"
+                href="#seccion-tres"
+                >sobremi</a
+              >
+            </li>
+
+            <li class="nav-item">
+              <a class="nav-link active fs-5" aria-current="page" href="#footer"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+    <!--navfinAL-->
+    <!--seccion uno-->
+    <section
+      class="seccion-uno d-flex flex-column justify-content-center align-items-center gap-4"
+      id="seccion-uno"
+    >
+      <img class="imag rounded-circle" src="imagenes/images.jfif" alt="" />
+      <h2>Melissa Gisel</h2>
+      <h2>Diseñadora web</h2>
+      <div class="d-flex gap-3">
+        <button type="button" class="btn btn-primary">CV</button>
+        <button type="button" class="btn btn-primary">GMAIL</button>
+      </div>
+    </section>
+
+    <!--seccion Dos-->
+    <section
+      class="seccion-dos p-5 d-flex flex-column bg-info-subtle"
+      id="seccion-dos"
+    >
+      <h2 class="text-primary m-4 text-center">Proyectos</h2>
+
+      <div
+        class="cards d-flex flex-wrap gap-5 justify-content-center align-items-center"
+      >
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+
+        <div class="card" style="width: 18rem">
+          <img src="imagenes/images.jfif" class="card-img-top" alt="..." />
+          <div class="card-body">
+            <h5 class="card-title">Card title</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!--secciontres-->
+    <div>
+      <section
+        class="seccion-tres d-flex justify-content-center align-items-center flex-wrap gap-0"
+        id="seccion-tres"
+      >
+        <div class="d-flex flex-column">
+          <img class="img rounded-circle" src="imagenes/images.jfif" alt="" />
+
+          <h2 class="text-primary m-0 text-center">Sobre mi</h2>
+        </div>
+        <div>
+          <p class="parrafo">
+            Soy ingeniera Química graduada de la universidad Pontificia
+            Bolivariana, con enfaisis en investigación, dediacada actualmente al
+            estudio de diferentes lenguajes de programación como HTML, CSS Y
+            Java script, con conocimientos en algunas librerias como bootstrap y
+            framework como angular.
+          </p>
+        </div>
+      </section>
+    </div>
+
+    <!--seccioncuatro-->
+
+    <section
+      class="tecno d-flex justify-content-center align-items-center gap-4 flex-wrap bg-primary"
+      id="footer"
+    >
+      <div>
+        <img width="" src="" alt="" />
+      </div>
+    </section>
+
+    <footer
+      class="footer d-flex justyfy-content-center align-items-center gap-3"
+      id="footer"
+    >
+      <h2 class="text-primary fs-3">Gisel-2024</h2>
+      <a href=""></a>
+    </footer>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>