Skip to content

Commit

Permalink
soy un tarado :p
Browse files Browse the repository at this point in the history
  • Loading branch information
diegovelezg committed Aug 22, 2024
1 parent c1636de commit e74a0c1
Show file tree
Hide file tree
Showing 12 changed files with 31 additions and 31 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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](../../..00_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.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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](../../..00_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.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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](../../..00_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.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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](../../..00_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.

Expand Down
2 changes: 1 addition & 1 deletion DEV/00_topics/css_fundamentos_ES.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
![](..00_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:

Expand Down
20 changes: 10 additions & 10 deletions DEV/00_topics/editors_codepen_ES.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,25 +16,25 @@ 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)
![](..00_assets/2024-03-11-14-44-08-codePen_01.png)

### Crea tu primer "Pen"

En CodePen, se le llaman "Pen" a un proyecto individual que consta de HTML, CSS, y JavaScript. Es básicamente un entorno de desarrollo en línea donde puedes escribir, probar y demostrar fragmentos de código.

Cuando estés lista para comenzar a "codear", crea tu primer "Pen"

![](../assets/2024-03-11-14-45-32-codePen_03.png)
![](..00_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)
![](..00_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)
![](..00_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.
>
Expand All @@ -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)
![](..00_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)
![](..00_assets/2024-03-11-14-55-26-codePen_07.png)

### Guarda tu primer "Pen"

![](../assets/2024-03-11-14-55-59-codePen_08.png)
![](..00_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)
![](..00_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)
![](..00_assets/2024-03-11-14-57-03-codePen_10.png)

![](../assets/2024-03-11-14-57-10-codePen_11.png)
![](..00_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.

Expand Down
4 changes: 2 additions & 2 deletions DEV/00_topics/editors_codepen_doctype_ES.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,6 @@ En CodePen, cuando intentas usar la etiqueta `<!DOCTYPE html>`, puede parecer qu

CodePen está diseñado específicamente para que escribas HTML que se incluye directamente dentro del `<body>` de un documento HTML. La plataforma maneja automáticamente toda la estructura del documento HTML, incluyendo el `<!DOCTYPE>`, que es esencial para definir el tipo de documento en páginas web completas. Por lo tanto, agregar `<!DOCTYPE html>` 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.**

<img title="" src="../assets/2024-04-22 12-36-59.png" alt="" width="287">
<img title="" src="..00_assets/2024-04-22 12-36-59.png" alt="" width="287">

<img title="" src="../assets/2024-04-22 12-37-09.png" alt="" width="287">
<img title="" src="..00_assets/2024-04-22 12-37-09.png" alt="" width="287">
6 changes: 3 additions & 3 deletions DEV/00_topics/editors_codepen_fork_ES.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
![](..00_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)
![](..00_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)
![](..00_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.

Expand Down
4 changes: 2 additions & 2 deletions LEA/lea_model_01_overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Seguramente te resultará mucha información para comenzar pero te irás acostum

## Estructura

![](../assets/metodolog_01.png)
![](..00_assets/metodolog_01.png)

### Bloque introductorio

Expand All @@ -42,7 +42,7 @@ Si después de completar el bloque introductorio, quieres continuar aprendiendo

Encontrarás todo organizado de la siguiente manera. Es como una *matrioshka* o muñeca rusa 🪆. Las habilidades funcionan como un "contenedor" de módulos y los módulos como "contenedores" de actividades de todo tipo y/o retos que es lo que tendrás que "hacer" o ir completando.

![](../assets/metodolog_02.png)
![](..00_assets/metodolog_02.png)

---

Expand Down
4 changes: 2 additions & 2 deletions LEA/lea_model_02_work.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,11 @@ La educación “industrial” del sXX funcionó muy bien para proveer de “fue

### Así se entendía el aprendizaje en el pasado

![](../assets/2024-03-07-11-27-38-image.png)
![](..00_assets/2024-03-07-11-27-38-image.png)

### Así se entiende hoy en día

![](../assets/2024-03-07-11-27-51-image.png)
![](..00_assets/2024-03-07-11-27-51-image.png)

Este nuevo paradigma ha incrementado la demanda de habilidades permanente o transversales como el pensamiento crítico, la solución de problemas complejos y la adaptabilidad. Es por eso que la filosofía de aprendizaje de Laboratoria se basa en la necesidad de que desarrolles ese tipo de habilidades, con especial énfasis en tu habilidad de aprender a aprender como herramienta principal para desempeñarte en cualquier empleo presente y futuro porque todo está y estará en constante transformación.

Expand Down
8 changes: 4 additions & 4 deletions LEA/lea_model_04_philosophy.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ A la gran mayoría nos "educaron" para seguir instrucciones, a callar mientras u

Nuestra filosofía de aprendizaje cambia el tradicional paradigma de “yo te enseño” a “yo aprendo”. Ya hemos hablado de la importancia del desarrollo de habilidades de largo plazo como aprender a aprender para acceder a [trabajos que no están en desaparición](lea\_model\_02\_work.md).

![](../assets/2024-03-07-16-22-25-image.png)
![](..00_assets/2024-03-07-16-22-25-image.png)

Sea cual sea el tiempo que pases aquí, esperamos que te lleves una experiencia que te sume para desenvolverte en entornos de incertidumbre en los se requiere aprender y adaptarse al cambio permanentemente, en lugar de aquellos que requieren planificar y ejecutar las mismas tareas :t-rex:.

Expand All @@ -24,7 +24,7 @@ Sea cual sea el tiempo que pases aquí, esperamos que te lleves una experiencia

Conocer algo no es lo mismo que tener una destreza para hacer algo. Como ya ejemplificamos antes, saber de la ley de la gravedad y del concepto de velocidad o inercia no hace que sepas andar en bicicleta.

![](../assets/2024-03-07-16-25-14-image.png)
![](..00_assets/2024-03-07-16-25-14-image.png)

De la educación tradicional, muchas veces hemos quedado con la idea de que "recordar" para responder un cuestionario es lo más importante. Si bien eso puede ser valioso para muchos contextos y situaciones, aquí proponemos que eso son meros insumos para el **desarrollo de habilidades**. Buscamos que seas capaz de hacer algo concreto y real con lo que has aprendido, no solamente recordarlo hasta.... que se te olvide 😶.

Expand All @@ -34,7 +34,7 @@ Por eso, en lugar de que tengas "contenido" o "materia" que debes leer y memoriz

Algunas décadas atrás, los científicos todavía pensaban que un cerebro maduro era “estático” y, por lo tanto, incapaz de cambiar. Hoy sabemos que **nuestros cerebros y sistemas nerviosos cambian constantemente**, en función y forma, hasta que morimos; es un proceso dinámico de aprendizaje y adaptación en base a nuestras experiencias. Dos casos excepcionalmente demostrativos son: el **cambio en tamaño del hipocampo de conductores de taxi londinenses**, que deben conocer y memorizar miles de calles, en comparación con conductores de autobuses que hacen siempre la misma ruta, y los \cambios de tamaño y forma en los cerebros de personas que comienzan a meditar, en tan sólo 8 semanas. Esos cambios, no obstante, no son lineales ni necesariamente predecibles, son procesos que requiere humildad, disciplina y paciencia.

![](../assets/2024-03-07-16-25-59-image.png)
![](..00_assets/2024-03-07-16-25-59-image.png)

Entender y aceptar que nuestros cerebros pueden cambiar es fundamental para convertirnos en aprendices de por vida. El trabajo de la psicóloga [Carol Dweck](https://es.wikipedia.org/wiki/Carol\_Dweck) sobre el poder del “_growth mindset_” es uno de los más conocidos en este campo. “La mentalidad de crecimiento”, explica Dweck, “se basa en la creencia de que tus cualidades básicas son cosas que puedes cultivar mediante el esfuerzo, la estrategia y la ayuda de otros. Cuando aprendemos algo nuevo, nuestro cerebro cambia, hace nuevas conexiones y construye nuevos modelos mentales que aumentan nuestras capacidades.

Expand All @@ -46,7 +46,7 @@ Vas a dudar pero recuerda que el aprendizaje no es lineal. Te vas a sentir atasc

Si consigues sintonizar, te llevarás una experiencia transformadora. Esperamos que así sea :black_heart:.

![](../assets/2024-03-07-16-26-06-image.png)
![](..00_assets/2024-03-07-16-26-06-image.png)

Además, ¡no te olvides que estarás rodeada de mujeres con perfiles diversos que estarán aprendiendo también! Es fundamental la comunidad para conseguir un aprendizaje colaborativo y efectivo.

Expand Down
6 changes: 3 additions & 3 deletions LEA/lea_model_06_assessment.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,17 +40,17 @@ Sigue los siguientes pasos para participar de la dinámica:

1. Deja un mensaje según corresponda en 🔵[dev-ayuda](https://discord.com/channels/1209273049304666113/1210673338947739758) |🟢[noc-ayuda](https://discord.com/channels/1209273049304666113/1230553558823342120) | 🟠[dat-ayuda](https://discord.com/channels/1209273049304666113/1232000787719262270) pidiendo evaluaciónde una compañera y un enlace/liga al recurso para que todas puedan acceder.

![](../assets/2024-04-24%2017-06-47.png)
![](..00_assets/2024-04-24%2017-06-47.png)

También puedes etiquetar o "arrobar" a una compañera de la que quieres recibir evaluación si así lo prefieres.

![](../assets/2024-04-24%2017-09-04.png)
![](..00_assets/2024-04-24%2017-09-04.png)

2. Cuando una compañera responda a tu mensaje podrás decidir si quieres recompensarla por su ayuda. Sé justa y responsable con tu decisión.

Para hacerlo, reacciona a su respuesta con un emoji de 🍯. De esa manera, das 5🍯 y ella recibe 8🍯.

![](../assets/2024-04-24%2017-24-01.png)
![](..00_assets/2024-04-24%2017-24-01.png)

3. Tú también puedes mejorar tu aprendizaje evaluando el trabajo de otras y, además, obtener más 🍯. Usa la misma dedicación y cuidado que pones para evaluar tu propio trabajo.

Expand Down

0 comments on commit e74a0c1

Please sign in to comment.