Launch-X-Latam · jordywildd · Oct 18, 2022 · Oct 18, 2022 · Oct 18, 2022 · Oct 18, 2022
diff --git a/01 - INTRO/practicas/Abogabot/1.-Requerimientos_Abogabot.doc b/01 - INTRO/practicas/Abogabot/1.-Requerimientos_Abogabot.doc
diff --git a/01 - INTRO/practicas/Abogabot/2.-persona-buyer.pdf b/01 - INTRO/practicas/Abogabot/2.-persona-buyer.pdf
diff --git a/01 - INTRO/practicas/Abogabot/Público Objetivo.pdf b/01 - INTRO/practicas/Abogabot/Público Objetivo.pdf
diff --git a/01 - INTRO/practicas/Abogabot/ReadMe.md b/01 - INTRO/practicas/Abogabot/ReadMe.md
@@ -0,0 +1,27 @@
+# Practicas de Intro a Frontend
+
+Para las practicas de esta semana tendrán el siguiente caso y a raiz de eso sacar los puntos mencionados abajo.
+
+**Caso: Abogabot**
+Descripción:
+
+- Es un despacho de abogados que quiere automatizar las demandas de sus clientes, esto lo harán a traves de una página web llenando un formulario.
+- Al momento de llenar el formulario se manda al proceso de pago para finalizar la transacción.
+- Para dar seguimiento a su demanda, el cliente crea una cuenta en la plataforma y verá el seguimiento de cada una de las actualizaciones del proceso legal.
+- El administrador del sitio recbe la notificación de una nueva demanda y con los datos llenados del formulario se crea automaticamente el documento legal en formato word para empezar el proceso.
+- El administrador recibe el pago y debe de ser capaz de verlo en un dashboard para ver la cantidad de ingresos recibidos.
+- El administrador actualiza el proceso de la demanda y agrega comentarios en cada paso del proceso.
+- Al usuario le llegan correos de notificación para saber el avance de su proceso.
+- La página debe de ser responsive para poderla ver desde el celular.
+- La preferncia de colores del cliente es azul marino y blanco, pero acepta propuestas.
+
+- **Practicas**
+  - Toma de requerimientos
+    - Crea tu buyer persona
+  - Publico objetivo
+  - Crea tu primer Wireframe UX
+  - Ahora el UI
+
+
+
+[Volver &ldca;](/01%20-%20INTRO/practicas "Regresar a página anterior")
diff --git a/01 - INTRO/practicas/Abogabot/UI.md b/01 - INTRO/practicas/Abogabot/UI.md
@@ -0,0 +1,2 @@
+Link con el UI de abogabot
+https://miro.com/app/board/uXjVPMSMINI=/?share_link_id=657130884993
diff --git a/01 - INTRO/practicas/Abogabot/Wireframe.md b/01 - INTRO/practicas/Abogabot/Wireframe.md
@@ -0,0 +1,2 @@
+Link al wireframe
+https://miro.com/app/board/uXjVPMP_kwY=/?share_link_id=107910555906
diff --git a/02 - HTML/practicas/Practicas_HTML/Pastelería/ReadMe.md b/02 - HTML/practicas/Practicas_HTML/Pastelería/ReadMe.md
@@ -0,0 +1 @@
+Carpeta con los archivos HTML y CSS de la Práctica de la pastelería
diff --git a/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop.html b/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop.html
@@ -0,0 +1,92 @@
+<!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">
+    <meta name="description" content="Página de la taquería Tacos El Jefe">
+    <link rel="stylesheet" href="/css/styles.css">
+    <title>Space Cake Shop</title>
+</head>
+
+<body>
+    <header class="contenedorHI">
+        <div class="elementoI">
+            <a href="/Space_Cake_Shop.html">
+                        <img src="/assets/img/Captura de pantalla 2022-10-27 001633.png" alt="Favicon Space Cake Shop" class="imagen">
+                </a>
+        </div>
+        <div class="elementoI">
+        </div>
+        <div class="elementoI">
+                <a href="/Space_Cake_Shop.html">
+                        Login 
+                </a>
+                <a href="/Space_Cake_Shop_Pastelero_Almacén.html"> Login Pastelero</a>
+        </div>
+    </header>
+
+
+        <h1>Space Cake Shop, ¡Sabor Infinito!</h1>
+
+
+        <section class="contenedor">            
+            <a href="/Space_Cake_Shop_Flavors.html"class="elemento">
+            <div >
+                <figure>
+                    <figcaption>Menú</figcaption>
+                        <p>
+                            Ver nuestra carta
+                        </p>
+                        <p>
+                            Haga un pastel fuera de este mundo a traves de una maravillosa combinación de sabores y decoraciones, usando nuestra selecta variedad.
+                        </p>
+                    </figure>
+                </div>
+            </a>
+            <a href="/Space_Cake_Shop_Flavors.html" class="elemento1">
+            <div >
+
+            </div>
+        </a>
+        </section>
+
+        <section class="contenedor">            
+            <a href="/Space_Cake_Shop_Pedido.html" class="elemento2">
+                <div>
+                </div>
+            </a>
+            <a href="/Space_Cake_Shop_Pedido.html" class="elemento">
+            <div >
+                <figure>
+                    <figcaption>Pedido</figcaption>
+                        <p>
+                            Completar pedido
+                        </p>
+                        <p>
+                            ¡¡¡Esta a un paso de emprender el viaje al sabor infinito!!!.
+                        </p>
+                    </figure>
+                </div>
+            </a >
+        </section>
+
+        <footer class="contenedorF">
+            <figure class="elemento3">
+                <picture>
+                    <img src="/assets/img/Space Cake Shop.png" alt="Logo Space Cake Shop" class="imagen">
+                </picture>
+            </figure>
+            <div class="elemento3">
+                <p>Contacto</p>
+                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+                <p>Términos y condiciones</p>
+                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+            </div>
+        </footer>
+
+
+</body>
+
+</html>
diff --git a/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop_Flavors.html b/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop_Flavors.html
@@ -0,0 +1,117 @@
+<!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">
+    <meta name="description" content="Página de la taquería Tacos El Jefe">
+    <link rel="stylesheet" href="/css/styles.css">
+    <title>Space Cake Shop</title>
+</head>
+
+<body>
+    <header class="contenedorHI">
+        <div class="elementoI">
+            <a href="/Space_Cake_Shop.html">
+                        <img src="/assets/img/Captura de pantalla 2022-10-27 001633.png" alt="Favicon Space Cake Shop" class="imagen">
+                </a>
+        </div>
+        <div class="elementoI">
+        </div>
+        <div class="elementoI">
+                <a href="/Space_Cake_Shop.html">
+                        Login
+                </a>
+        </div>
+    </header>
+
+
+        <h1>Menú Space Cake Shop</h1>
+
+
+
+
+    <article class="contenedor">
+
+        <section class="menu">
+            <h2>SpaceCakes</h2>
+            <ul>
+                <li>
+                    <h3>Pasteles</h3>
+                    <img src="/assets/img/doble-queso-y-zarzamora.jpg" alt="Pastel doble queso y zarzamora">
+                    <p>Sabores... </p>
+                    <ol>
+                        <li>Café  .................................... $375</li>
+                        <li>Fresa  ................................... $375</li>
+                        <li>Frutas .................................... $345</li>
+                        <li>Zarzamora ................................. $345</li>
+                        <li>Capuchino ................................. $300</li>
+                        <li>Cajeta .................................... $275</li>
+                    </ol>
+                </li>
+                <li>
+                    <h3>Pasteles</h3>
+                    <p>Adornos...</p>
+                    <ol>
+                        <li>Velas clásicas ........................... $20</li>
+                        <li>Velas números ............................ $50</li>
+                        <li>Velas figuras ............................ $150</li>
+                        <li>Impresión comestible ..................... $100</li>
+                        <li>Diseños especiales ....................... A partir de $500 </li>
+                    </ol>
+            </li>
+        </ul>
+        </section>
+
+        <section class="menu">
+            <h2>SpaceJelly</h2>
+            <ul>
+                <li>
+                    <h3>Gelatina</h3>
+                <img src="/assets/img/mozaico-gde-gris.jpg" alt="Gelatina Mosaico">
+                <p>Sabores... </p>
+                <ol>
+                        <li>Frutas ................................... $210</li>
+                        <li>Beso de Fresa  ........................... $230</li>
+                        <li>Zarzamora ................................ $210</li>
+                        <li>Capuchino ........................ $230</li>
+                        <li>Cajeta ................................... $250</li>
+                    </ol>
+                </li>
+                <li>
+                    <h3>Gelatina</h3>
+                    <p>Adornos...</p>
+                    <ol>
+                        <li>Velas clásicas ........................... $20</li>
+                        <li>Velas números ............................ $50</li>
+                        <li>Velas figuras ............................ $150</li>
+                        <li>Impresión comestible ..................... $100</li>
+                        <li>Diseños especiales ....................... A partir de $500 </li>
+                    </ol>
+                </li>
+            </li>
+        </ul>
+</article>
+
+
+
+
+
+
+            <footer class="contenedorF">
+                <figure class="elemento3">
+                    <picture>
+                        <img src="/assets/img/Space Cake Shop.png" alt="Logo Space Cake Shop" class="imagen">
+                    </picture>
+                </figure>
+                <div class="elemento3">
+                    <p>Contacto</p>
+                    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+                    <p>Términos y condiciones</p>
+                    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop_Pastelero_Almacén.html b/02 - HTML/practicas/Practicas_HTML/Pastelería/Space_Cake_Shop_Pastelero_Almacén.html
@@ -0,0 +1,129 @@
+<!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">
+    <meta name="description" content="Página de la taquería Tacos El Jefe">
+    <link rel="stylesheet" href="/css/styles.css">
+    <title>Space Cake Shop - Pasteleros</title>
+</head>
+
+<body>
+    <header class="contenedorHI">
+        <div class="elementoI">
+            <a href="/Space_Cake_Shop.html">
+                        <img src="/assets/img/Captura de pantalla 2022-10-27 001633.png" alt="Favicon Space Cake Shop" class="imagen">
+                </a>
+        </div>
+        <div class="elementoI">
+        </div>
+        <div class="elementoI">
+                <a href="/Space_Cake_Shop_Pastelero_Pedidos.html">
+                        Pedidos
+                </a>
+        </div>
+    </header>
+
+
+        <h1>Almacén de Space Cake Shop</h1>
+
+
+        <section class="contenedor">            
+            <div class="elemento">
+                <img src="/assets/img/doble-queso-y-zarzamora.jpg" alt="Space Cake" height="100%" text-align="center">
+            </div>
+
+                <section class="elemento">
+                    <img src="/assets/img/mozaico-gde-gris.jpg" alt="Space Cake" height="100%" text-align="center">                    
+                    </section>
+                </section>
+
+
+    <!-- <article class="contenedor"> -->
+
+
+        <!-- </article> -->
+
+
+        <article class="contenedor">
+    <section class="pedido">
+        <h2>Productos disponibles.</h2>
+
+            <h3>Elige la pastelería:</h3>
+        <select name="pedido" id="pedido">
+            <option value="Norte">SpaceCake Norte</option>
+            <option value="Sur">SpaceCake Sur</option>
+            <option value="Centro">SpaceCake Centro</option>
+            <option value="Oriente">SpaceCake Oriente</option>
+            <option value="Poniente">SpaceCake Poniente</option>
+        </select>
+
+        <h3>Producto:</h3>
+            <select name="pedido" id="pedido">
+                <option value="SpaceCake">SpaceCake</option>
+                <option value="SpaceJelly">SpaceJelly</option>
+            </select>
+
+
+            <h3>Sabores:</h3>
+            <label for="CaféNumber">Café</label>
+            <input type="text" id="CaféNumber" name="CaféNumber" value="25 kg." disabled>
+            <br>
+        <label for="FresaNumber">Fresa</label>
+        <input type="text" id="FresaNumber" name="FresaNumber" value="20 kg" disabled>
+        <br>
+        <label for="FrutasNumber">Frutas</label>
+        <input type="text" id="FrutasNumber" name="FrutasNumber" value="50 kg" disabled>
+        <br>
+        <label for="ZarzamoraNumber">Zarzamora</label>
+        <input type="text" id="ZarzamoraNumber" name="ZarzamoraNumber" value="12 kg" disabled>
+        <br>
+        <label for="CapuchinoNumber">Capuchino</label>
+        <input type="text" id="CapuchinoNumber" name="CapuchinoNumber" value="8 kg" disabled>
+        <br>
+        <label for="CajetaNumber">Cajeta</label>
+        <input type="text" id="CajetaNumber" name="CajetaNumber" value="15 L" disabled>
+        <br><br>
+
+        <h3>Adornos:</h3>
+            <label for="VelasClásicasNumber">Velas Clásicas</label>
+            <input type="number" id="VelasClásicasNumber" name="VelasClásicasNumber" value="1232" disabled>
+            <br>
+        <label for="VelasNúmerosNumber">VelasNúmeros</label>
+        <input type="number" id="VelasNúmerosNumber" name="VelasNúmerosNumber" value="704" disabled>
+        <br>
+        <label for="VelasFigurasNumber">Velas Figuras</label>
+        <input type="number" id="VelasFigurasNumber" name="VelasFigurasNumber" value="554" disabled>
+        <br>
+        <label for="ImpresiónComestibleNumber">ImpresiónComestible</label>
+        <input type="number" id="ImpresiónComestibleNumber" name="ImpresiónComestibleNumber" value="2341" disabled>
+        <br>
+        <label for="DiseñosEspecialesNumber">Diseños Especiales</label>
+        <input type="number" id="DiseñosEspecialesNumber" name="DiseñosEspecialesNumber" value="43" disabled>
+        <br>
+        <br><br>
+
+        <h3><strong>¡¡¡Listos para el Despegue!!!</strong></h3>
+            <button type="submit">Enviar Pedido</button>
+        </form>
+    </section>
+</article>
+
+<footer class="contenedorF">
+    <figure class="elemento3">
+        <picture>
+            <img src="/assets/img/Space Cake Shop.png" alt="Logo Space Cake Shop" class="imagen">
+        </picture>
+    </figure>
+    <div class="elemento3">
+        <p>Contacto</p>
+        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+        <p>Términos y condiciones</p>
+        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse minima ea eligendi porro recusandae aliquid, quas labore ipsam omnis iusto dolorem eos pariatur, provident inventore consequatur accusantium nulla deleniti maxime.</p>
+</div>
+</footer>
+</body>
+
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		Link con el UI de abogabot
		https://miro.com/app/board/uXjVPMSMINI=/?share_link_id=657130884993
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		Link al wireframe
		https://miro.com/app/board/uXjVPMP_kwY=/?share_link_id=107910555906
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Carpeta con los archivos HTML y CSS de la Práctica de la pastelería