Skip to content

Commit 4855c52

Browse files
taicodingtaicoding
committed
feat: ✨ update Readme.md with project setup instructions and add installation details for Mermaid and LiveShare extensions
1 parent 1b0a40e commit 4855c52

File tree

2 files changed

+86
-82
lines changed

2 files changed

+86
-82
lines changed

‎content/sesion01/Readme.md‎

Lines changed: 86 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,71 @@
1010
#### Representando el mundo real en clases
1111

1212
---
13+
14+
#### Preparemos el proyecto para este Study Group
15+
16+
---
17+
18+
#### Repositorio en GitHub
19+
20+
- Crea un repositorio en GitHub con el nombre **psg-oop-2025**
21+
22+
- Añade los archivos iniciales
23+
- **README.md**
24+
- **.gitignore** para Python
25+
26+
---
27+
28+
#### Proyecto en VSCode
29+
30+
- Clona el repositorio en tu computadora
31+
32+
```bash
33+
git clone https://github.com/<usuario>/psg-oop-2025.git
34+
```
35+
36+
- Abre el proyecto en VSCode
37+
38+
```bash
39+
code psg-oop-2025
40+
```
41+
42+
---
43+
44+
#### Estructura de carpetas para la Sesión 01
45+
46+
- Crea una carpeta con el nombre **sesion01**
47+
48+
- Los archivos de esta sesión deben estar dentro de esta carpeta
49+
50+
- Al finalizar la sesión, sube los cambios al repositorio en un commit
51+
52+
---
53+
54+
#### Herramientas adicionales
55+
56+
---
57+
58+
#### Intalación de Mermaid en VS Code
59+
60+
Bucarmos la extensión de [Mermaid](https://marketplace.visualstudio.com/items?itemName=MermaidChart.vscode-mermaid-chart) en el marketplace de VS Code y la instalamos.
61+
62+
![Extension VS Code](./img/img02.png) <!-- .element width="70%"-->
63+
64+
---
65+
66+
#### Intalacion de LiveShare en VS Code
67+
68+
Bucarmos la extensión de [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) en el marketplace de VS Code y la instalamos.
69+
70+
![Extension VS Code](./img/img09.png) <!-- .element width="70%"-->
71+
72+
---
73+
74+
### Ya estamos listos para comenzar
75+
76+
---
77+
1378
#### El mundo real
1479

1580
---
@@ -111,49 +176,6 @@ Una canción como un objeto
111176

112177
---
113178

114-
#### Preparemos el proyecto para el Study Group
115-
116-
---
117-
118-
#### 1. Crea el repositorio en GitHub
119-
120-
- Crea un repositorio en GitHub con el nombre
121-
122-
**psg-oop-2025**
123-
124-
- Añade los archivos iniciales
125-
- **README.md**
126-
- **.gitignore** para Python
127-
128-
---
129-
130-
#### 2. Descarga el repositorio
131-
132-
Clona el repositorio en tu computadora
133-
134-
```bash
135-
git clone https://github.com/<usuario>/psg-oop-2025.git
136-
```
137-
138-
Abre el proyecto en VSCode
139-
140-
```bash
141-
code psg-oop-2025
142-
```
143-
144-
---
145-
146-
#### 3. Estructura Sesión 01
147-
148-
Crea una carpeta con el nombre
149-
150-
**sesion01**
151-
152-
- Los archivos de esta sesión deben estar dentro de esta carpeta
153-
154-
- Al finalizar la sesión, subiremos los cambios al repositorio en un commit
155-
156-
---
157179
### Ejemplo 01
158180

159181
Crea el archivo **identidades.txt** en la carpeta **sesion01**
@@ -786,13 +808,7 @@ a al markdown
786808
Una de las herramientas más populares es [Mermaid](https://www.mermaidchart.com/play#pako:eNqrVkrOT0lVslJSqgUAFW4DVg)
787809

788810
---
789-
En VS Code podemos instalar la extensión de [Mermaid](https://marketplace.visualstudio.com/items?itemName=MermaidChart.vscode-mermaid-chart)
790-
791-
Buscamos la extensión en el marketplace de VS Code y la instalamos.
792811

793-
![Extension VS Code](./img/img02.png) <!-- .element width="70%"-->
794-
795-
---
796812
Desde un archivo markdown podemos crear un diagrama usando mermaid:
797813

798814
````
@@ -1095,17 +1111,15 @@ git push origin main
10951111

10961112
#### Retos
10971113

1098-
Utilizaremos el repositorio de GitHub creado en esta sesión "psg-oop-2025"
1114+
- Utilizaremos el repositorio de GitHub creado en esta sesión "psg-oop-2025" para almacenar los retos, de todas las sesiones.
10991115

1100-
para almacenar los retos, de todas las sesiones.
1116+
- Iremos agregando los retos a medida que avancemos
11011117

1102-
Iremos agregando los retos a medida que avancemos
1103-
1104-
Como si estuviéramos trabajando en un proyecto real
1118+
- Como si estuviéramos trabajando en un proyecto real
11051119

11061120
---
11071121

1108-
Crear una carpeta con el nombre "retos_sesion_01" dentro del proyecto en la raíz, en la cual por cada ejercicio debes crear los siguientes archivos:
1122+
Crear una carpeta con el nombre `retos_sesion_01` en la raíz del proyecto. Al finalizar deberas tener la siguiente estructura de carpetas y archivos:
11091123

11101124
```bash [1-2,11-14]
11111125
psg-oop-2025/
@@ -1124,52 +1138,42 @@ psg-oop-2025/
11241138

11251139
---
11261140

1127-
1. Crear un archivo llamado `ejercicio_01.md` en la carpeta `retos_sesion_01` y realiza
1128-
1129-
Análisis y Diagrama de clases
1130-
1131-
Para lo siguiente:
1141+
1. Crear el archivo `ejercicio_01.md` en la carpeta `retos_sesion_01` y realiza el **Análisis y el Diagrama de clases** para lo siguiente el siguiente escenario:
11321142

11331143
```text
11341144
Un restaurante quiere ofrecer hamburguesas
1135-
Los clientes pueden elegir entre hamburguesa de res, pollo
1145+
Los clientes pueden elegir entre hamburguesa de: res, pollo
11361146
o vegetariana.
1137-
Agregar lechuga, tomate, cebolla y mayonesa como extras
1138-
Y comer en el restaurante o para llevar
1147+
Los clientes pueden agregar extras como: lechuga, tomate,
1148+
cebolla y mayonesa
1149+
Ademas los clientes pueden decidir comer en el restaurante
1150+
o llevar su pedido
11391151
```
11401152

1141-
11421153
---
1143-
2. Crear un archivo llamado `ejercicio_02.md` en la carpeta `retos_sesion_01` y realiza
1144-
1145-
Análisis y Diagrama de clases
1146-
1147-
Para lo siguiente:
1154+
2. Crear el archivo `ejercicio_02.md` en la carpeta `retos_sesion_01` y realiza **Análisis y el Diagrama de clases** para lo siguiente el siguiente escenario:
11481155

11491156
```text
11501157
Una tienda de ropa quiere ofrecer camisetas y pantalones
1151-
Los clientes pueden elegir entre camiseta
1158+
Los clientes pueden elegir entre: camiseta
11521159
de manga corta o larga y pantalón de mezclilla o tela
11531160
Las camisetas pueden ser de color rojo, azul o verde
11541161
y los pantalones de color negro, gris o blanco
1155-
Las camisetas pueden ser tener talas: S, M, L, XL
1156-
Los pantalones tienen desde la talla 32 hasta la talla 44
1162+
Las camisetas tienen las tallas: S, M, L, XL
1163+
Los pantalones tienen las tallas desde la 32 hasta la 44
11571164
```
11581165

11591166
---
1160-
3. Crear un archivo llamado `ejercicio_03.md` en la carpeta `retos_sesion_01` y realiza
1161-
1162-
Análisis y Diagrama de clases
1163-
1164-
Para lo siguiente:
1167+
3. Crear el archivo `ejercicio_03.md` en la carpeta `retos_sesion_01` y realiza **Análisis y el Diagrama de clases** para lo siguiente el siguiente escenario:
11651168

11661169
```text
11671170
Estas diseñando una app para dibujar de perros con IA
1168-
los usuarios pueden seleccionar características como la
1169-
raza del perro como labrador, pastor alemán, y otros
1170-
Cambiar el color del pelaje, tamaño y tipo de orejas
1171-
Agregar dos accesorios como sombreros o gafas
1172-
El dibujo final puede ser descargado en PNG o JPG
1171+
los usuarios pueden seleccionar características como
1172+
la raza (por ejemplo, labrador o pastor alemán), el color
1173+
del pelaje, el tamaño y el tipo de orejas.
1174+
Además, pueden agregar hasta dos accesorios, como sombreros
1175+
o gafas.
1176+
El dibujo final puede descargarse en formato PNG o JPG.
11731177
```
11741178

11751179

‎content/sesion01/img/img09.png‎

85 KB
Loading

0 commit comments

Comments
 (0)