Aquí estarán todos los archivos de la unidad 2

BinnyRL28 · Nov 17, 2021 · 9c905df · 9c905df
commit 9c905df
Show file tree

Hide file tree

Showing 19 changed files with 638 additions and 0 deletions.
diff --git a/Semana5/sesion17/sesion17.css b/Semana5/sesion17/sesion17.css
@@ -0,0 +1,21 @@
+h1{
+    border-left:5px dotted rgb(163, 126, 126);
+    border-right:5px dotted rgb(163, 126, 126);
+    border-top:5px dashed violet;
+    border-bottom:5px dashed violet;
+    padding-left: 500px;
+    padding-right: 500px;
+    margin: 36px;
+}
+/*tipo de caja generada en un texto*/ 
+/*inline, block, inline-block, none*/
+.prueba{
+    outline: 1px solid black;
+    display:inline-flex;
+    margin-left: 500px;
+}
+
+p{
+    margin-left: 15px;
+    margin-right: 15px;
+}
diff --git a/Semana5/sesion17/sesion17.html b/Semana5/sesion17/sesion17.html
@@ -0,0 +1,24 @@
+<!--box model es como un modelo de tu proyecto
+    tiene contenido, padding, margin y border!-->
+
+<!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>
+    <link rel="stylesheet" href="sesion17.css">
+</head>
+<body>
+    <header>
+        <h1>Hola Mundo</h1>
+        <div class="prueba">
+        <p>Me gusta el anime</p>
+        <p>Casi todos los generos</p>
+        <p>Excepto el harem</p>
+        </div>  
+    </header>
+
+</body>
+</html>
diff --git a/Semana5/sesion17/sesion17.js b/Semana5/sesion17/sesion17.js
diff --git a/Semana5/sesion18/sesion18.html b/Semana5/sesion18/sesion18.html
@@ -0,0 +1,16 @@
+<!--ls es para lista, puede ser -l es para detalles y -a -->
+<!--mkdir es para crear otro carpetas-->
+<!-- cd es para buscar un directorio, osea ubicacion-->
+<!--cd.. es para ubicar al padre y cd solo te lleva al disco local D-->
+<!-- touch es para crear archivos, por jeemplo tocuh hola.html saldria un archivo llamado hola.html-->
+<!-- rm es para eliminar archivo-->
+<!-- rm -r es para elminar carpetas-->
+<!-- rm *.css elimina todos los que terminen con css-->
+<!-- git init es para crear la version master -->
+<!--git add -a y git add es para agregar todos los archivos al master-->
+<!--git -u es para agregar archivos nuevos-->
+<!--git commit -m "<mensaje>"-->
+<!--git log es para mostrar los commits-->
+<!--git status nos muestra si hay alguna-->
+<!--si hay cmabios en el proyecto que no han sido comiteados-->
+<!---->
diff --git a/Semana5/sesion19/sesion19.css b/Semana5/sesion19/sesion19.css
diff --git a/Semana5/sesion19/sesion19.html b/Semana5/sesion19/sesion19.html
@@ -0,0 +1,18 @@
+<!--git remote add orign link "https::... para vincularlo con nuestra cuenta de github"-->
+<!--1. para agregar un archivo primer crear el git init -->
+<!--2. Revisa si estas en el master con ls -a-->
+<!--3. Pon git status para revisar y luego el git commit -m "mensaje.."-->
+<!--4. Pones git add * para agregar todos los archivos-->
+<!--5. Luego, poner git remote add origin "link que copias del code"-->
+<!--6. Por ultimo pones git push origin master y listo-->
+<!--7. Como adicional: dentro de code en la parte donde dice main(arriba del cuadro) lo cmabias a master
+Entonces ahí aparecerán tus archivos-->
+
+<!--Cuando tu compañera que tinee el repositorio es decir el master
+hay que poner un comando 
+1. git init
+2. git remote add origin "link"
+3. git pull origin master-->
+
+<!--Push es para subir y el pull es para obtener todo -->
+<!--check out es para verificar en que rama están-->
diff --git a/Semana5/sesion19/sobreMi/README.md b/Semana5/sesion19/sobreMi/README.md
diff --git a/Semana5/sesion19/sobreMi/SobreMi.css b/Semana5/sesion19/sobreMi/SobreMi.css
diff --git a/Semana5/sesion19/sobreMi/SobreMi.html b/Semana5/sesion19/sobreMi/SobreMi.html
@@ -0,0 +1,54 @@
+<!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>Proyecto Personal</title>
+</head>
+<body>
+    <header>
+        <h1>About me</h1>
+    </header>
+    <section>
+        <main>
+            <div class="habilidades">
+                <h3>Habilidades</h3>
+                    <ol>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                    </ol>
+            </div>
+            <div class="ingrsoUnicef-Bootcamp">
+                <h3>¿Cómo llegé a UNICEF - BOOTCAMP?</h3>
+                    <p> La verdad es que siempre quise aprender si quiera lo básico de la programción,
+                    no lo tenía como una meta primordial, pero si como algo que quisiera experimentar alguna vez.
+                    Además estoy en el trayecto de la elección de una carrera profesional, estaba cmuy confundida,
+                    por lo que quería probar la mayoría de seccinoes. Dentro de mi perfil profesional salía ingenieria de sistemas, 
+                    sin emabrgo, quería probar mínimo una experiencia de como serían los cursos de programación, justo cuando estaba buscando donde encontrar clases
+                    me avisaron de una Beca que se daba a chicas de 5to de secundaria para clases gratuitas de programación, la beca me encajó como anillo al dedo. 
+                    Me inscribí y entré...Ahora soy parte de este hermoso proyecto para formar mujeres empoderadas.
+                    </p>
+            </div>
+            <div class="experiencia">
+                <h3>Experiencia en el mundo del Desarrollo</h3>
+                    <p> Mi primera experiencia en este campo fue en la Beca en la que fui beneficiaria, mi primer trabajo fue una trivia, 
+                        este se trabajó en grupo de tres o cuatro personas, en mi caso fue de tres personas.</p>
+                    <p>Respecto al trabajo en equipo digamos que fue regular hubo una compañera qe¿ue casi no entraba a clases por lo que no podía ayudar mucho.
+                        Junto a mi otra compañera tuvimos que avanzar nosotras dos. Aún así lo terminamos.
+                    </p>
+                    <p>Además si hablamos de la dificultad del trabajo, pues el HTML y el CSS fue fácil, el problema fue cuando trabajamos con JS, ahí nos complicamos bastante,
+                        Fue bastante tranca, la verdad hasta ahora sigo confundida con JS, seguiré trabajando en eso, pero la verdad está bien difícil.
+                    </p>
+            </div>
+
+        </main>
+    </section>
+    <footer>
+
+    </footer>
+
+</body>
+</html>
diff --git a/Semana5/sesion20/sesion20.html b/Semana5/sesion20/sesion20.html
@@ -0,0 +1,14 @@
+<!--Hoy hablamos de boocles-->
+<!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>
+
+    <script src="sesion20.js"></script>
+</body>
+</html>
diff --git a/Semana5/sesion20/sesion20.js b/Semana5/sesion20/sesion20.js
@@ -0,0 +1,37 @@
+//BUCLES  puede ser for, do y while
+//Empezaremos por for
+/*for(expresion incial; expresion condicional; expresion de actualizacion){
+    instruccion 1;
+    instruccion 2;
+    ...
+    instrucciones navegarSiguiente;
+}*/
+//Bucle va a imprmir todos los valores hasta que la condicion ya no cumpla
+
+var i= 0;
+for(i;i<10; i++) {
+    alert(i);
+    console.log(i)
+}
+for(var a=1; a<=20; a++){
+    alert(a)
+    console.log(a)
+}
+for(var a=20; a>=0; a--){
+    console.log(a)
+}
+//se pone a+=2 porque es como que el a+2 solo le suma pero al aire, el igual es para agregar ese valor sumado a la variable a
+for(var a=1; a<=10; a+=2){
+    console.log(a)
+}
+for(var a=20; a>=0; a-=2){
+    console.log(a)
+}
+//el ultimo valor siempre va a ser el proximo en la secuencia para que no se cumpla y pare
+
+var cars=["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"]
+var cantidad= cars.length
+
+for (i=0; cantidad<6; i++){
+    console.log(cars[i])
+}
diff --git a/Semana5/sesion21/sesion21.html b/Semana5/sesion21/sesion21.html
@@ -0,0 +1,13 @@
+<!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>
+    <p id="demo">Demo</p>
+    <script src="sesion21.js"></script>
+</body>
+</html>
diff --git a/Semana5/sesion21/sesion21.js b/Semana5/sesion21/sesion21.js
@@ -0,0 +1,29 @@
+// el tex += i es igual a decir text = text + i
+let text = "";
+for(let i=0; i<10; i++){
+    text += i + "<br>";
+    console.log(text);
+}
+document.getElementById("demo").innerHTML = text;
+// <br> es para saltar de espacio
+// innerHTML es para modificar
+
+const cars=["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"]
+for(let i=0; i<cars.length; i++){
+    text += cars[i] + "<br>";
+}
+document.getElementById() = text
+
+//mientras n sea menor que 3 haz... aqui solo puede ir una condicion
+let n=0;
+while(n<3){
+    n++;
+    alert(n);
+}
+//influye mucho el orden en el que lo pones, 
+//si primero es el incremento y despues el alert entonces el maximo valor que se muestra seria 3,
+//si es la reves y primero es la alert y despues el incremento entonces el maximo valor alertado seria 2;
+
+for(var a=20; a>=0; a-=2){
+    console.log(a)
+}
diff --git a/Semana6/sesion22/sesion22.html b/Semana6/sesion22/sesion22.html
@@ -0,0 +1,15 @@
+<!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>Retos</h1>
+    <p id="number"></p>
+
+    <script src="sesion22.js"></script>
+</body>
+</html>