Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dev/session arrange/eri #375

Merged
merged 2 commits into from
Nov 28, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 46 additions & 0 deletions exercises/instagram-login/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
difficulty:
- intermediate
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---

# Instagram login

__Objetivo:__

El reto consiste en replicar el __Login de Instagram__, este será el resultado:

![Instagram login](fullpage.png)

Enfócate en obtener la maquetación
lo más parecido posible (sin funcionalidad).

> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
enlazar tus archivos de estilos (CSS).
>
> - Dentro de la carpeta `assets` encontrarás todas
las imágenes necesarias para completar tu proyecto.
>
> - Esta web utiliza `font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial,
sans-serif`.
>
> - La paleta de colores es:
> >
> > - Fondo : `#FFFFFF`
> > - Facebook : `#385185`
> > - Botón : `#70B5F9`
>

## A tener en cuenta

> - Trabaja individualmente
>
> - Pixel perfect (replicar el diseño con exactitud)
>
47 changes: 47 additions & 0 deletions exercises/instagram-login/README.pt-BR.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
difficulty:
- intermediate
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---
# Instagram login

__Objetivo:__

O desafio é replicar o __login de Instagram__, esse será o resultado
para alcançar:

![Instagram login](fullpage.png)

Concentre-se em obter o layout
o mais próximo possível (sem funcionalidade).

## Considerações

> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
e vincular seus arquivos de estilo (CSS).
>
> - Dentro da pasta 'ativos' você encontrará todos
As imagens necessárias para completar seu projeto.
>
> - Este site usa `font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial,
sans-serif`.
> - A paleta de cores é:
> >
> > - `#FFFFFF`
> > - `#385185`
> > - `#70B5F9`
>

## Considerar

> - Trabalhe individualmente
>
> - Pixel perfeito (replicar o design com precisão)
>
Binary file added exercises/instagram-login/assets/facebook.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/instagram-login/assets/google-play.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/instagram-login/assets/home-phones.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/instagram-login/assets/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/instagram-login/assets/microsoft.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/instagram-login/fullpage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions exercises/subscribing/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
---
difficulty:
- newbie
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---

# Subscribing

__Objetivo:__

El reto consiste en replicar la siguiente __ventana__, este será el resultado:

![Subscribing](fullpage.png)

Enfócate en obtener la maquetación
lo más parecido posible (sin funcionalidad).

> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
enlazar tus archivos de estilos (CSS).
>
> - Dentro de la carpeta `assets` encontrarás todas
las imágenes necesarias para completar tu proyecto.
>
> - Esta web utiliza la tipografía `Roboto`.
>
> - La paleta de colores es:
> >
> > - Fondo : `#36384D` y `#FFFFFF`
> > - Texto : `#23283d`
> > - Botón : `#272742`
>

## A tener en cuenta

> - Trabaja individualmente
>
> - Pixel perfect (replicar el diseño con exactitud)
>
> - Ten presente el [modelo de caja](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)
47 changes: 47 additions & 0 deletions exercises/subscribing/README.pt-BR.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
difficulty:
- newbie
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---

# Subscribing

__Objetivo:__

O desafio é replicar as seguintes __ventana__, este será o resultado:

![Subscribing](fullpage.png)

Concentre-se em obter o layout
o mais próximo possível (sem funcionalidade).

## Considerações

> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
e vincular seus arquivos de estilo (CSS).
>
> - Dentro da pasta 'ativos' você encontrará todos
As imagens necessárias para completar seu projeto.
>
> - Este site utiliza a tipografia 'Roboto'.
>
> - A paleta de cores é:
> >
> > - Antecedentes: '#36384D' e '#FFFFFF'
> > - Texto : '#23283d'
> > - Botão: '#272742'
>

## Considerar

> - Trabalhe individualmente
>
> - Pixel perfeito (replicar o design com precisão)
>
> - Tenha em mente o [box model](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)
1 change: 1 addition & 0 deletions exercises/subscribing/assets/icon-success.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/subscribing/fullpage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions exercises/twitter-login/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
difficulty:
- beginner
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---
# Twitter login

__Objetivo:__

El reto consiste en replicar el __login de Twitter__, este será el resultado
a lograr:

![Twitter login](fullpage.png)

Enfócate en obtener la maquetación
lo más parecido posible (sin funcionalidad).

## Consideraciones

> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
enlazar tus archivos de estilos (CSS).
>
> - Dentro de la carpeta `assets` encontrarás todas
las imágenes necesarias para completar tu proyecto.
>
> - Esta web utiliza `font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial,
sans-serif`.
>
> - La paleta de colores es:
> >
> > - `#0F1419`
> > - `#999999`
> > - `#4F9CF0`
>

## A tener en cuenta

> - Trabaja individualmente
>
> - Pixel perfect (replicar el diseño con exactitud)
>
> - Ten presente el [modelo de caja](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)
48 changes: 48 additions & 0 deletions exercises/twitter-login/README.pt-BR.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
---
difficulty:
- beginner
OAs:
- HTML
- CSS
projects:
- text analyzer
- card validation
- cipher
---
# Twitter login

__Objetivo:__

O desafio é replicar o __login de Twitter__, esse será o resultado
para alcançar:

![Twitter login](fullpage.png)

Concentre-se em obter o layout
o mais próximo possível (sem funcionalidade).

## Considerações

> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
e vincular seus arquivos de estilo (CSS).
>
> - Dentro da pasta 'ativos' você encontrará todos
As imagens necessárias para completar seu projeto.
>
> - Este site usa `font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial,
sans-serif`.
> - A paleta de cores é:
> >
> > - `#0F1419`
> > - `#999999`
> > - `#4F9CF0`
>

## Considerar

> - Trabalhe individualmente
>
> - Pixel perfeito (replicar o design com precisão)
>
> - Tenha em mente o [box model](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)
1 change: 1 addition & 0 deletions exercises/twitter-login/assets/apple.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions exercises/twitter-login/assets/close.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/twitter-login/assets/google.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/twitter-login/assets/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added exercises/twitter-login/fullpage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
68 changes: 22 additions & 46 deletions sessions/pt-BR/session-17.md
Original file line number Diff line number Diff line change
@@ -1,62 +1,38 @@
<!-- markdownlint-disable MD013 -->
# Retrospectiva cierre gym
# Sessão 17

## 1) Role playing: How might we?
## Exercícios

### Contexto
### JS

Nuestro gimnasio parte de la idea principal de desarrollar la habilidad de `análisis y resolución de problemas mediante la practica continua`, y podemos decir orgullosas que esta generación ha vivido una gran experiencia de gimnasio, superando la previa experiencia, sin embargo sabemos que podemos hacerlo todavía mejor, siendo esto parte de nuestros valores y ADN “apuntar siempre a la excelencia y mejora continua” a través de los aprendizajes dejados por previas experiencias. Siguiendo este camino, de tiempo en tiempo recurrimos a nuevas y frescas ideas que nos ayuden a identificar como podemos seguir haciéndolo grandioso a través de dinámicas donde aflore nuestra reflexión y creatividad.
#### Newbie

### Objetivos Gimnasio
- [**At fist**](../exercises/at-first/README.pt-BR.md)

- Desarrollar y fortalecer la habilidad de análisis y resolución de problemas
- Fortalecer objetivos de aprendizajes del Bootcamp
#### Beginner

### Consigna
- [**See color**](../exercises/see-color/README.pt-BR.md)
- [**Count Hi**](../exercises/count-hi//README.pt-BR.md)

Proponer ideas para mejorar el gimnasio de la próxima generación 💪 alrededor de 1 oportunidad de mejora identificada en el gimnasio, teniendo en cuenta la experiencia vivida y los objetivos del gimnasio.
#### Intermediate

### Dinámica [~60 min]
- [**Cat Dog**](../exercises/cat-dog//README.pt-BR.md)
- [**G happy**](../exercises/g-happy//README.pt-BR.md)

Nos separaremos en salitas de Zoom.
#### Advanced

#### Diseño (Salitas)
- [**Long Pressed Name**](../exercises/long-pressed-name/README.pt-BR.md)

- 15 min para analizar, formular preguntas a coaches y discutir sobre la oportunidad de mejora encomendada.
### React

- 30 min para elaborar y proponer sus ideas.
- [Challenge #1](../exercises/react-challenge-1/README.pt-BR.md)
- [Challenge #2](../exercises/react-challenge-2/README.pt-BR.md)
- [Challenge #3](../exercises/react-challenge-3/README.pt-BR.md)
- [Challenge #4](../exercises/react-challenge-4/README.pt-BR.md)

- 15 min para poder cerrar y subir sus ideas. Cada Squad deberá presentar sus ideas en el archivo compartido.
## Kahoot - React

#### Link de acceso a las slides
- [https://create.kahoot.it/share/gym-session-17/ca50db3d-df08-46b7-83e6-10a58f1a74ca](https://create.kahoot.it/share/gym-session-17/ca50db3d-df08-46b7-83e6-10a58f1a74ca)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Falta el link del kahoot en portuguese

[https://docs.google.com/presentation/d/1ceEfUksY1KQ-6p1jrJ7mDGFLFQ8TZIyXWvFgA1lIPc4/edit?usp=sharing](https://docs.google.com/presentation/d/1ceEfUksY1KQ-6p1jrJ7mDGFLFQ8TZIyXWvFgA1lIPc4/edit?usp=sharing)
## Kahoot - JS

### Presentación & Votación (Salita general) [~45 min]

> - Una integrante designada del Squad tendrá 3 min para presentar sus ideas.
>- 10 min para votar por:
>
> > - Cada estudiante y coach, de manera individual, podrá votar con un 💛 por el conjunto de ideas (estrategia) que más le guste, debajo de la línea. Si hay más de un slide, vota en el primero.
> > - Te gustan algunas ideas!! Ok, podrás votar por las ideas que más te gusten dejando un 💜 al lado de la idea.
>

__ℹ️ Importante:__

- Para votar ten en cuenta los objetivos del gimnasio y la oportunidad de mejora abordada por las ideas.

- Toma en cuenta la forma de validar el impacto de tus ideas en los objetivos del gimnasio.

- Cada squad debe designar a una integrante quien presentará las ideas.

- Siéntete libre de prototipar usando la herramienta que más te parezca. Solo recuerda que 📝 lápiz y papel nunca fallan.

- No hay ideas tontas hasta que se prueban como tal.

## 2) Despedida [~15 min]

- Comentarios finales de las estudiantes y coaches

- Nos juntamos todas para tomarnos una fotos de despedida 📸

## 3) Formulario final de feedback
- [https://create.kahoot.it/share/gym-js-session-17/24b4e5da-2844-4dc1-9d58-8203a60d8bb9](https://create.kahoot.it/share/gym-js-session-17/24b4e5da-2844-4dc1-9d58-8203a60d8bb9)
9 changes: 9 additions & 0 deletions sessions/pt-BR/session-18.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
# Sessão 18

## Exercícios

### Disposição

- [**Instagram**](../exercises/instagram-login/README.md)
- [**Subscribing**](../exercises/subscribing/README.md)
- [**Twitter**](../exercises/twitter-login/README.md)
Loading
Loading