Git Product home page Git Product logo

breatheco-de's Introduction

4Geeks.com

breatheco-de's People

Contributors

alesanchezr avatar alexscoelho avatar andinoga avatar andryandroid avatar arielcalisaya avatar arielstark1 avatar azaelcontramaestre01 avatar camillawilliams avatar dependabot[bot] avatar emenencio1 avatar enriqueesmith avatar espvtes avatar florrod avatar ixaxtav avatar jafinol avatar lagomarsinohs avatar ljavierrodriguez avatar marcelvenegas avatar mergify[bot] avatar neacs avatar olivares-andres avatar omonroy36 avatar oscarali1985 avatar powergtd avatar sashaco avatar spizarrozavala avatar static-nomad avatar tapuks avatar tozzigh avatar vinelope avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

breatheco-de's Issues

Teacher Dashboard: Before we start...

Hrs: 4

When the teacher opens a cohort dashboard, a prompt should ask for attendance and day number before being able to start the day:

  1. If the day that the teacher picks attendance already then there is no need for new attendancy.
  2. The teacher can only pick previous days or only one day ahead (in the future).
  3. The only way to open a new day is thru this modal window, if attendancy is not set, the cohort will remain on the same day.

When the

Screen Shot 2020-07-29 at 2 30 12 PM

Incluir partners internacionales en la lista de partners de la web nueva

Is your feature request related to a problem? Please describe.
Puede decirse que si es un problema ya que solo muestra empresas conocidas en Venezuela y Miami, necesitamos que aparezcan empresas como KPMG (teneos convenios), Michael Page, Accennture, empresas que se conozcan en todos los países. No es la web de Miami solamente, es la web de la academia.

Describe the solution you'd like
Agregar otras fotos de partners, empresas internacionales que estén en todos los mercados si es posible.

Describe alternatives you've considered
Agregar un par de empresas de españa

Additional context
En españa necesitamos visibilidad más que en otra academia y necesitamos apoyarnos con la web.

Test Javascript Array

Exercise 06.5 in javascript-arrays-exercises-tutorial

x (fail) 1. Do not use the reverse function

Even when it's not used the error appears

Texto pequeño

En mi mac de 15" los p se ven muy pequeños y casi pegados. Considerar algo de line-height para los p y de letter spacing para los headings

Screenshot 2020-07-18 at 13 58 05

Add multilang to certificate generation

hrs: 3

Here is the code: https://github.com/breatheco-de/certificates

Right now you can see student certificates by clicking on this link:

https://certificate.breatheco.de/?style=default&cohort=miami-downtown-iii&access_token=951e5b94d524fd624ba7821f2f0333d30d536219&student=7

You can see how the URL querystring has:

style=
cohort=
access_token=
student=

We need to add the language, that way all styles can be implemented in any language (english, spanish, etc.).
Every certificate design must be in a folder with the react component but also in the same folder there should be a json file for each language: en.json and es.json
The posible language are: [en, es]

When the querystrign contains the variable lang=es the application will load the json that correspons to spanish: es.json.

Optimize all the website forms

Hrs: 1

The following forms: Apply, Syllabus Request, Review Guidebook, Hiring Partners and Newsletter.

  • When typing on an input it gets very slow.
  • I should not be able to click on submit again if its still loading.
  • Implement debouncing on the input and textareas.

YML Content Editor for Website

Hrs: 15

We need a content editor for the 4GeeksAcademy website, all the content is based on YML, all the YMLs are here:
https://github.com/4GeeksAcademy/website-v2/tree/master/src/data

All files are splited by country for example:

Screen Shot 2020-07-17 at 1 33 58 PM

In this list of files you can see 3 different files splited in two contries.

b5bece1f-9132-46b1-a926-21e13d8e5065

  • The user can pick from a dropdown what country he will be editing.
  • The user can pick from a downdown what file name will he me editing.
  • Use the ace editor for linting.
  • Use this library to validate the YML: https://www.npmjs.com/package/js-yaml
  • The application optionally can receive a country from the querystring, if the country is present on the querystring the country dropdown will be pre-filled with that contry and will be read-only.
  • Before saving the file, the application needs to validate that the YML syntax is correct.
  • The application will use the breathecode api to save the files into github when the save button is pressed.
  • The application will need to track the last change and support the undo feature.
  • The application needs to receive a token from the querystring or give an error.

hhoQjxa88q

Compartir certificado de culminación de los programas de 4Geeks en LinkedIn (y otras redes)

Is your feature request related to a problem? Please describe.
No, solo busca tener más visibilidad.

Describe the solution you'd like
Quiero que los estudiantes puedan compartir sus certificados en diferentes redes sociales. Ejemplo con ThePowerMBA https://www.linkedin.com/posts/sofiacortes_thepowermba-sof%C3%ADa-cort%C3%A9s-thepowermba-activity-6685839159770382336-PbSL

Describe alternatives you've considered
Que solo se pueda compartir con linkedin una imagen del título

Additional context
Está muy de moda en españa compartir los títulos obtenidos.

Array Test

Exercise 08.3 in javascript-arrays-exercises-tutorial

x (fail) 1. Use a for loop

Appear even when you use a for loop

Syllabus Infographic Component

Hrs: 10
Realizar en SVG una infografia que muestre la linea de tiempo a lo largo del viaje del alumno dentro de la academia.

SM8uWMB4I6

Sustituir el uso de float por flex

El contenido y los ejercicios del día 1 (PT), se explica y fomenta el uso de la propiedad CSS float para cambiar el posicionamiento de elementos en bloque.

El uso de float esta siendo abandonado por la industria ya que tiene ciertas limitaciones que dificulta la creación de diseños web modernos.

Actualmente, se esta generalizando el uso de flex para modificar el posicionamiento de los elementos en bloque, siendo este conjunto de propiedades CSS la base de muchos de los nuevos marcos de trabajo.

Algunos enlaces con información relativa a flex:

No ofrecer la opción de entrega de código en el prework

Cuando la gente que hace el prework ve la opción de "entregar" en los ejercicios, se bloquea y se angustia porque no entiede cómo entregar el proyecto (porque no se ha visto Git aún).

Sería ideal desactivar la entrega para el prework y también corregir cualquier referencia o sugerencia de entregar código para cualquier contenido de esa fase.

Array Test Not Found

Exercise 10.1 in javascript-arrays-exercises-tutorial

➔ 🚫 No test script found on the exercise files

From this one to the last one there are no test

Headers en heroes

El texto de los headers no se le bien en los heroes

Añadir un div negro con alpha para que se pueda leer mejor el texto en blanco

Ver screenshot

Screenshot 2020-07-18 at 14 11 29

Problem with DOM exercise 5 (Day 10)

The students did this exercise correctly, but can't pass the tests. I did the exercise, but I can't pass the tests either.
I think the problem is in a library, but I'm not sure.

Explicar la propiedad box-sizing junto con el modelo de caja

En la clase CSS Layouts se explica el modelo de caja sin explicar el comportamiento de la propiedad box-sizing, lo que implica que los alumnos cuando empiezan a trabajar en los ejercicios no entienden porque al modificar el padding el tamaño de la caja aumenta.

Explicar la propiedad box-sizing y recomendarles siempre su uso al inicio de todas sus hojas de estilo para que las propiedades width y height no solo contemplen el tamaño del contenido si no que incluyan padding y border, para simplificar su calculo.

Para explicar a los alumnos el comportamiento del modelo de caja con y sin la propiedad box-sizing cree un repositorio que contempla el comportamiento por defecto y al añadir la siguiente línea en la hoja de estilos se obtiene el comportamiento deseado.

*, *::before, *::after {box-sizing: border-box;} 

Algunos recursos donde se explica su funcionamiento:

Tutorial de ejercicio de 12 HTML PREWORK no sigue las instrucciones

Describe the bug
El tutorial del ejercicio 12 no sigue las instrucciones, dice que debes utilizar el atributo style para resolverlo y no lo resuelve de esa manera.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Ejercicio 12 de HTML del prework y leer las instrucciones que dicen: Use the style attribute inside the first tr tag to set height and border color, compararlo con el Tutorial.
    (https://bb248537-9a77-4598-964e-96538f286744.ws-eu01.gitpod.io/)
  2. Click on tutorial
  3. Scroll down to '....'
  4. See error

Expected behavior
EL ejercicio se debería resolver siguiendo las instrucciones

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Request Syllabus form

Hrs: 2

Screen Shot from awesomescreenshot.com

  • El form debe validar igual que contact-us o apply.
  • El boton de enviar debe estar siempre visible.
  • Si presionas enviar y no es valido entonces aparece rojo el boton de enviar.
  • Si hay algun campo vacio no permite enviar (prevencion).

Source URL:
https://www.facebook.com/

BrowserChrome 83.0.4103.106
OSOS X 10.14.6 64-bit
Screen Size1440x900
Viewport Size1422x685
Pixel Ratio@2x
Zoom Level100%

Array Test

Exercise 9.1 in javascript-arrays-exercises-tutorial

x (fail) 3. Print only the numbers divisible by 2 

The exercise ask to be divisible by 14, not by 2

Array Test

Exercise 8.01 in javascript-arrays-exercises-tutorial

 x (fail) 2. There needs to be a variable called arr with the original array
 x (fail) 3. Loop the array in a reverse order and console.log all of its item 

The exercise doesn't ask that

El boton de "report a bug" en el breathecode-ide deberia pre-llenar el issue

Hrs: 1

El breathecode-cli tiene un boton para reportar un bug, puedes leer mas al respecto aqui

Me acabo de enterar que github permite pre-llenar los inputs del formulario para crear un nuevo issue utilizando variables en el querystring, puedes leer mas al respecto aqui.

Te deja pre llenar estos campos:

Title
Description
Labels
Milestone
Assignee

Deberiamos prellenar en la descripcion del issue:

  1. El URL del repositorio de los ejercicios que el alumno esta haciendo en ese momento.
  2. El ejercicio que el alumno esta haciendo en ese momento de la lista de todos los ejercicios.
  3. El URL actual del workspace de gitpod (si se puede).
  4. El github username del usuario que reporta (si lo tienes).

Python Test

Exercise 9 in python-beginner-programming-exercises

x (fail) 0. You should update only line 5 using randint()

This error appears even when you only edit that line

Introducción a Gitpod y permisos con Github

Gitpod es una herramienta increible que tiene muchas utilizades increibles para simplificar el trabajo, pero, el sistema de permisos para los repositorios es complejo de configurar, algunas personas que utilizan gitpod con su cuenta de github no puede trabajar con git desde la consola porque les falta los permisos, además algunas utilizades que son importantes no se estan utilizando.

La forma de solucionarlo fue, entrar en Marketplace e instalar/conceder permisos.

Algunas de las caracteristicas que considero se pueden explicar para mejorar el trabajo colaborativo es el compartir los espacios de trabajo (Share running Workspace), por ejemplo, para solucionar dudas, les pido que me compartan su espacio de trabajo y les añado ejemplo en su código para que puedan verlo y que el código quede sincronizado, tambien, con algunos errores a la hora de instalar dependencias de python me fue muy util.

Además, una pequeña guia donde se explique como abrir un repositorio en gitpod para que prueben: https://gitpod.io/#

Incluir Flexbox y si es posible CSS Grid en la lesson de Doing Layouts

Is your feature request related to a problem? Please describe.
No es relacionada a un problema, solo que en España piden mucho flex box y CSS Grid, de hecho otros lo explican y deberíamos actualizarnos nosotros también. Debemos seguir explicando Dsiplay y Float por el legacy code pero sería bueno agregar estas 2 cosas.

Describe the solution you'd like
Que se agregue en la clase de Doing Layouts (https://student.breatheco.de/course/full-stack-ft.v1/2/l/css-layouts) Flexbox y si se puede o se considera CSS Grid.

Describe alternatives you've considered
Que al menos se coloque flexbox, css grid al menos un link para que lo conozcan.

Additional context
La clase es esta: https://student.breatheco.de/course/full-stack-ft.v1/2/l/css-layouts

Test error

Exercise 06.4 in javascript-arrays-exercises-tutorial

Test: x (fail) 1. Loop the array but jumping two items at a time instead of just one at a time

That is not asked in the instructions

And the increasingValue is not 0 at the beginning as the instructions say

Control de versiones de Bootstrap

El contenido de la clase Working with Bootstrap y los ejercicios relacionados utilizan versiones de Boostrap.

Cuando los alumnos buscan la documentación de Bootstrap generalmente utilizan la ultima versión y en algunos casos el comportamiento o la presentación de los componentes se ha modificado ligeramente, en algunos casos, cuando trabajan por pares uno de los dos esta viendo una documentación que el otro no ve por contemplar versiones diferentes o aplican estilos que en la versión de bootstrap del ejercicio aun no estan implementados.

Como es muy difícil mantener todo el contenido y ejercicios actualizado a la última versión de bootstrap, quizas la solución pasa por explicar a los alumnos, las versiones de bootstrap, como actualizarlas en las páginas HTML y seguir la última versión de la documentación.

Dar un poco más de contenido sobre interfaz de usuario

No esperaría que una persona se gradúe experta en UI, pero sí que tenga las nociones y el criterio básico para hacer una interfaz limpia:

  • Incluir un concepto más amplio de lo que es una interfaz de usuario
  • KISS
  • Menos es más
  • Call to action
  • Dejar algunos conceptos sobre usabilidad, para dar orientación y criterio sobre cómo hacer una interfaz "usable".

Generacion de PDF con multidioma y tema

hours: 2

Cuando se genera un PDF vas a reciibir el url asi:

https://sep.4geeksacademy.co/pdf/ArielCalisaya?lang=es&template=white

El query string es el que determina que idioma y que template se va a utilizar:

?lang=es&template=name

Si yo cambio el URL y pongo esto:

https://sep.4geeksacademy.co/pdf/ArielCalisaya?lang=en&template=black

Me deberia cargar el resume en ingles con el template de PDF black.

Ahora mismo no tenemos varios templates, pero el que creaste quisiera que lo llamaras "white" y luego creamos dos o tres templates mas para que el alumno elija.

La estructura de archivos en gatsby tiene que etar muy bien hecha, ponle mucho cuidado.

Mover la explicación de cliente-servidor al momento en el que se van a explicar las llamadas a APIs

Al inicio del curso se aborda un poco el enfoque cliente-servidor. Podríamos ahorrar ese tiempo y aprovecharlo en algo más (énfasis e impulso a búsquedas en Google, que a muchos les falta internalizar) y si movemos ese contenido hasta la semana en la que se comienza a trabajar con las llamadas a APIs externas que, además, está más cerca del contenido asociado al backend y a su integración con el front en el proyecto.

Lo vivido en el PT-II, y con algunas mentorías del PT-I: Saben qué hace el fetch pero no comprenden qué está sucediendo con el fetch y, por tanto, no pueden avanzar fácilmente a algunas llamadas un poco más complejas (alguna anidación o encadenaniento de llamadas, algo más elaborado, reto que puede se ha presentado en algunos proyectos)

Erwin ha facilitado este material que él usa en sus clases

Array Test

Exercise 07.1 in javascript-arrays-exercises-tutorial

 x (fail) 1. Use a for loop

Appears even when the for loop is use

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.