diff --git a/DAT/02_exploratory/01_categorial_vars/activities/01_01_02_dat_viewanalisis_ES.md b/DAT/02_exploratory/01_categorial_vars/activities/01_01_02_dat_viewanalisis_ES.md index 2291b4e..c3b0416 100644 --- a/DAT/02_exploratory/01_categorial_vars/activities/01_01_02_dat_viewanalisis_ES.md +++ b/DAT/02_exploratory/01_categorial_vars/activities/01_01_02_dat_viewanalisis_ES.md @@ -53,7 +53,7 @@ Experimenta probando distintos tipos de gráficos para cada pregunta. Observa cu Aquí tienes un ejemplo de dos gráficos que pueden ser utilizados para responder la primera pregunta: -![image](assets/350081003-52e29a00-8377-481a-9bfd-0a841e332a06.png) +![image](../../../assets/350081003-52e29a00-8377-481a-9bfd-0a841e332a06.png) Estos gráficos pueden servirte de referencia para verificar que tus cálculos y análisis son correctos. diff --git a/DAT/02_exploratory/02_central_tendency/activities/01_02_02_dat_distribuicion_ES.md b/DAT/02_exploratory/02_central_tendency/activities/01_02_02_dat_distribuicion_ES.md index c66dcf8..23a01d5 100644 --- a/DAT/02_exploratory/02_central_tendency/activities/01_02_02_dat_distribuicion_ES.md +++ b/DAT/02_exploratory/02_central_tendency/activities/01_02_02_dat_distribuicion_ES.md @@ -38,7 +38,7 @@ Comprender la distribución de las variables "compras en línea" y "compras en t Aquí tienes un ejemplo de histograma para la variable compras en linea: -![image](assets/350083365-6d1a39a3-307b-4744-b95c-26afbf350f2d.png) +![image](../../../assets/350083365-6d1a39a3-307b-4744-b95c-26afbf350f2d.png) - Como vimos en el reto anterior, el promedio está siendo influenciado por un valor alto que hace que el promedio sea mayor que la mediana, y que el histograma tenga una cola hacia la derecha. diff --git a/DAT/02_exploratory/03_time/activities/01_03_01_dat_graficolinea_ES.md b/DAT/02_exploratory/03_time/activities/01_03_01_dat_graficolinea_ES.md index f25b637..c14864b 100644 --- a/DAT/02_exploratory/03_time/activities/01_03_01_dat_graficolinea_ES.md +++ b/DAT/02_exploratory/03_time/activities/01_03_01_dat_graficolinea_ES.md @@ -37,7 +37,7 @@ Utiliza la variable "fecha_entrada" para comprender el patrón de registro de nu Prueba crear una columna con el año y el mes utilizando las fórmulas CONCATENATE, YEAR y MONTH para visualizar el gráfico de esta manera: -![image](assets/350093985-a687c14e-72d3-42ef-8cf0-c92f28641394.png) +![image](../../../assets/350093985-a687c14e-72d3-42ef-8cf0-c92f28641394.png) ¡Diviértete y disfruta del proceso de aprendizaje! Recuerda que sentirse aturdido y confundido es una parte natural del proceso. diff --git a/DAT/02_exploratory/03_time/activities/01_03_02_dat_graficocombinado_ES.md b/DAT/02_exploratory/03_time/activities/01_03_02_dat_graficocombinado_ES.md index d58bb13..90f9d55 100644 --- a/DAT/02_exploratory/03_time/activities/01_03_02_dat_graficocombinado_ES.md +++ b/DAT/02_exploratory/03_time/activities/01_03_02_dat_graficocombinado_ES.md @@ -37,7 +37,7 @@ Utiliza la variable "fecha_entrada" para entender el patrón de registro de nuev Este es un ejemplo de gráfico combinado que muestra la suma de compras de vino según los clientes con fecha de entrada en el mismo mes y el total de clientes que se registraron en ese mes: -![image](assets/350095241-65aec943-78f7-46ea-a122-329ee3aa82ee.png) +![image](../../../assets/350095241-65aec943-78f7-46ea-a122-329ee3aa82ee.png) ¡Diviértete y disfruta del proceso de aprendizaje! Recuerda que sentirse aturdido y confundido es una parte natural del proceso. diff --git a/DEV/00_topics/css_fundamentos_ES.md b/DEV/00_topics/css_fundamentos_ES.md index bc636a8..1c818ed 100644 --- a/DEV/00_topics/css_fundamentos_ES.md +++ b/DEV/00_topics/css_fundamentos_ES.md @@ -8,7 +8,7 @@ En CSS, los píxeles (`px`) son una unidad de medida comúnmente utilizada para ### Modelo de Caja -![](../../assets/CSS/BOXmODEL.png) +![](../assets/CSS/BOXmODEL.png) El modelo de caja en CSS es crucial para entender cómo se distribuye el espacio alrededor de los elementos en una página web. Cada elemento se considera una caja que consiste en cuatro áreas: diff --git a/DEV/00_topics/editors_codepen_ES.md b/DEV/00_topics/editors_codepen_ES.md index 3ac4362..dfb6ad3 100644 --- a/DEV/00_topics/editors_codepen_ES.md +++ b/DEV/00_topics/editors_codepen_ES.md @@ -16,7 +16,7 @@ Anda al sitio de [CodePen](https://codepen.io/) y crea tu cuenta. Quizás te aco El único inconveniente es que no hay una versión en castellano ni portugués. Felizmente son pocos elementos de la interfaz con los que tendrás que lidiar. Acá te dejamos capturas de pantalla paso a paso para guiarte. -![](../../assets/2024-03-11-14-44-08-codePen_01.png) +![](../assets/2024-03-11-14-44-08-codePen_01.png) ### Crea tu primer "Pen" @@ -24,17 +24,17 @@ En CodePen, se le llaman "Pen" a un proyecto individual que consta de HTML, CSS, Cuando estés lista para comenzar a "codear", crea tu primer "Pen" -![](../../assets/2024-03-11-14-45-32-codePen_03.png) +![](../assets/2024-03-11-14-45-32-codePen_03.png) ## Tu primer Pen Así se verá tu primer "proyecto" completamente en blanco. -![](../../assets/2024-03-11-14-53-55-codePen_04.png) +![](../assets/2024-03-11-14-53-55-codePen_04.png) Ponle un nombre para que te sea fácil identificar qué harás acá. -![](../../assets/2024-03-11-14-54-34-codePen_05.png) +![](../assets/2024-03-11-14-54-34-codePen_05.png) > En CodePen, no necesitas vincular manualmente los archivos de HTML, CSS y JS porque la plataforma lo hace automáticamente por ti. Sólo tienes que escribir el código correspondiente en cada una de las cajas de código (HTML, CSS, JS) en su interfaz. CodePen se encarga de combinar y mostrar el resultado en tiempo real. > @@ -44,31 +44,31 @@ Ponle un nombre para que te sea fácil identificar qué harás acá. Este espacio es donde escribirás tu código HTML -![](../../assets/2024-03-11-14-54-51-codePen_06.png) +![](../assets/2024-03-11-14-54-51-codePen_06.png) ### CSS Y acá escribirás tu código CSS. -![](../../assets/2024-03-11-14-55-26-codePen_07.png) +![](../assets/2024-03-11-14-55-26-codePen_07.png) ### Guarda tu primer "Pen" -![](../../assets/2024-03-11-14-55-59-codePen_08.png) +![](../assets/2024-03-11-14-55-59-codePen_08.png) ### Todos tus "Pens" A partir de ahora, acá encontrarás todos los "Pens" que hayas creado. -![](../../assets/2024-03-11-14-56-27-codePen_09.png) +![](../assets/2024-03-11-14-56-27-codePen_09.png) ### Comparte tu trabajo Cuando quieras compartir tu trabajo para mostrar el resultado o pedir comentarios/ayuda de alguna compañera :sunglasses:, debes obtener el enlace/*link* al "Pen" con el botón "share" (compartir). -![](../../assets/2024-03-11-14-57-03-codePen_10.png) +![](../assets/2024-03-11-14-57-03-codePen_10.png) -![](../../assets/2024-03-11-14-57-10-codePen_11.png) +![](../assets/2024-03-11-14-57-10-codePen_11.png) Una vez hayas copiado el enlace con el botón "Copy/link", puedes pegarlo en donde necesites para que tras personas puedan acceder a ver tu trabajo. diff --git a/DEV/00_topics/editors_codepen_doctype_ES.md b/DEV/00_topics/editors_codepen_doctype_ES.md index d5b642c..1fe2017 100644 --- a/DEV/00_topics/editors_codepen_doctype_ES.md +++ b/DEV/00_topics/editors_codepen_doctype_ES.md @@ -6,6 +6,6 @@ En CodePen, cuando intentas usar la etiqueta ``, puede parecer qu CodePen está diseñado específicamente para que escribas HTML que se incluye directamente dentro del `` de un documento HTML. La plataforma maneja automáticamente toda la estructura del documento HTML, incluyendo el ``, que es esencial para definir el tipo de documento en páginas web completas. Por lo tanto, agregar `` en CodePen no es un error de HTML en sí, sino una redundancia en este contexto particular, lo que podría llevar a confusión para quienes están aprendiendo a programar, ya que **en proyectos fuera de CodePen, esta etiqueta es crucial para asegurar que el HTML se procese correctamente.** - + - + diff --git a/DEV/00_topics/editors_codepen_fork_ES.md b/DEV/00_topics/editors_codepen_fork_ES.md index c950942..577c4b5 100644 --- a/DEV/00_topics/editors_codepen_fork_ES.md +++ b/DEV/00_topics/editors_codepen_fork_ES.md @@ -10,15 +10,15 @@ En nuestro caso, esto nos permitirá conservar una "instantánea" de tu trabajo 1. Abre el proyecto o "Pen" del que quieres hacer la copia para seguir trabajando en ella. Busca y dale al botón "fork" -![](../../assets/codePen_fork_01.png) +![](../assets/codePen_fork_01.png) 2. Asegúrate de cambiarle el nombre al proyecto para no confundirte. COdePen no lo hace por defecto (al menos no en el momento en el que creamos esta guía). -![](../../assets/codePen_fork_02.png) +![](../assets/codePen_fork_02.png) 3. Ya puedes seguir trabajando en la copia basada en el proyecto original y, cuando lo necesites, puedes compartir la URL o enlace a esta nueva copia. -![](../../assets/codePen_fork_03.png) +![](../assets/codePen_fork_03.png) Una vez hayas copiado el enlace con el botón "Copy/link", puedes pegarlo en donde necesites para que tras personas puedan acceder a ver tu trabajo.