42

#PlatziRetos: Desafío de programación en 3 lenguajes y Ganadores de Desarrollo Web

111528Puntos

hace 2 años

Curso de Buenas Prácticas para Escritura de Código
Curso de Buenas Prácticas para Escritura de Código

Curso de Buenas Prácticas para Escritura de Código

Escribe código legible y libre de vicios. Conoce los principios básicos para programar aplicaciones que sean fáciles de mantener y ampliar. Realiza pruebas en tu código para encontrar errores antes de enviar a producción y mejora tus habilidades para trabajar en equipos de desarrollo de software.

¡Te doy la bienvenida a un nuevo desafío!

Esta vez el reto consiste en Construir la misma aplicación en 3 lenguajes diferentes. Debes construir un sistema donde los usuarios puedan realizar diferentes tareas. Por ejemplo: autenticarse, crear contenido, agendar citas, entra otras. Tú decides de qué tratará la aplicación.

La única regla es que el flujo de tareas y navegación que siguen los usuarios para completar las tareas sea el mismo en los 3 lenguajes. Puedes elegir los que más te gusten. Puedes seguir diferentes paradigmas, principios y buenas prácticas de programación. Pero la aplicación debe verse absolutamente igual en los 3 proyectos.

No solo el resultado debe ser público, también debes publicar el código, así todos podremos estudiar la forma en que resolviste los problemas de formas diferentes. Puedes usar Repl.it o cualquier otra plataforma en línea que nos permita visualizar ambas cosas a la vez: el código y la aplicación funcionando.

El sistema puede ser una aplicación de consola. 😉

En este sitio web puedes sacar ideas para tu aplicación: Computer Science Projects - GeeksforGeeks (dale las gracias a Demian Arenas). 💪

Los ganadores obtendrán meses adicionales de suscripción a Platzi. 💚

Challenge Accepted

Puntos extra:

Para ganar puntos extra debes:

Cómo enviar tu solución

Cuando construyas tus aplicaciones puedes enviar tu solución creando un nuevo Issue en el Repositorio del Desafío. No olvides incluir un link a tu código y el resultado “visual”.

También puedes incluir una breve descripción de tu aplicación + los principios o buenas prácticas que utilizaste.

La fecha límite para ganar uno de los primeros puestos es el 1 de Septiembre, pero puedes usar este desafío para construir/mejorar tu portafolio. No te preocupes por el tiempo.

¡Ganadores del Desafío de Desarrollo Web!

Winners

1. 🏆 Ismael Dominguez Moreno

Tu resultado fue el más limpio. Excelente visualmente. Además, la nueva sección de contacto sigue el estilo del resto del proyecto y funciona realmente bien. La aplicación fue construida con React.js y Webpack.

Disfruta tus 3 meses adicionales de suscripción a Platzi. 😉

2. 🏅 Miguel Valverde

Las modificaciones y nuevas secciones son excelentes. Hay animaciones espectaculares por todas partes. La aplicación fue construida con CSS Grid y Bootstrap (la versión móvil está en construcción).

Disfruta tus 2 meses adicionales de suscripción a Platzi. 😉

3. 🎖 Emmanuel Guerra

Las animaciones no solo aparecen porque sí, algunas también reaccionan al comportamiento de los usuarios.

Disfruta tu mes adicional de suscripción a Platzi. 😉

😇 Menciones especiales:

Gabriel De Andrade: Gabriel no solo resolvió muy muy bien el desafío, también nos dio un tutorial espectacular para crear animaciones basadas en física de resortes con React Spring.

Jaime Burbano: me encantan los colores y la limpieza de tu solución. Y como si fuera poco, tienes presentación en Behance. ¡Y un video de cómo codeaste la aplicación! 😱 😮 🙌

Conclusiones

¡Muchísimas gracias a todos por participar en el reto de desarrollo web! ¡Muchísimo ánimo para este nuevo desafío! No olvides compartir tus soluciones en todas partes para animar más estudiantes a completar los desafíos.

#NuncaParesDeAprender 🤓💚

Let's Go!

Curso de Buenas Prácticas para Escritura de Código
Curso de Buenas Prácticas para Escritura de Código

Curso de Buenas Prácticas para Escritura de Código

Escribe código legible y libre de vicios. Conoce los principios básicos para programar aplicaciones que sean fáciles de mantener y ampliar. Realiza pruebas en tu código para encontrar errores antes de enviar a producción y mejora tus habilidades para trabajar en equipos de desarrollo de software.
Juan David
Juan David
juandc

111528Puntos

hace 2 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
6
30661Puntos

si hago tres backends y un mismo front, funciona @juandc?

2
111528Puntos
2 años

Sure! 😮 🎉

2
6755Puntos

Vamos a ver que tal me va en este.
Desafío aceptado!!! 💪
“Que empiece el juego”

1
111528Puntos
2 años

¡Vamos! ¡Seguro que te queda super! 💪

2
8574Puntos

Hola,entro si hago un backend en node y otro en graphql,y un frontend en react + redux que consuma las apis?

2
111528Puntos
2 años

Piensa en lenguajes y paradigmas. Puedes crear un proyecto en JavaScript (en Node o en el navegador), otro en TypeScript (lo mismo) y otro en otro lenguaje.

Si las 3 aplicaciones crean una API REST o GraphQL genial. Si además creas un Frontend para consumir esa API super hiper recontra espectacular!!!

:musvle:

1
8574Puntos
2 años

Hey juan podria crear 2 api rest(uno con node y otro con typescript) y el tercero un app de consola usando Python pero simulando lo que hacen las api ya que recientemente lo estoy explorando , y claro si el tiempo nos permite ,tambien el frontend?

1
111528Puntos
2 años

¡Es un proyecto muy bueno! Pero tiene que ser la misma aplicación. ¡Intenta crear la API también con Python!

1
8574Puntos
2 años

Esta bien,hare mi mejor esfuerzo para hacerlo.👍

2
3921Puntos

Se me ocurre, la batalla contra un jefe de un juego de RPG de dos dimensiones y en los backend se puede almacenar información y cualquier otra cosa relacionada con el juego, también se pudiera usar la api de autenticación de Firebase.

@juandc ¿Se puede usar la base de datos de tiempo real y/o Firestore de Firebase en vez de graphql ql?

Saludos.

2
111528Puntos
2 años

Yep! 😉

2
35941Puntos

Challenge accepted!! … Primer desafio que le entro!

3
111528Puntos
2 años

🎉💪🤓

2

Entiendo que los 3 lenguajes distintos es en el backend no? porque frontend nose como lo haras sino usas javascript, html y css xD

1
111528Puntos
2 años

Piensa más en paradigmas y lenguajes.
Cuentan JavaScript + TypeScript + cualquier otro. 😉

Para que los 3 proyectos se vean iguales la aplicación puede ser un sistema en la consola. O 3 APIs exactamente iguales.

¡Imagínate si todas se conectan a la misma base de datos! 😮

2
14565Puntos

Gracias! Quizá lo intenté con este también. ¿La consola integrada a los IDEs de Java también cuenta?

1
111528Puntos
2 años

Sure. Puedes subir tu código en repl.it, con eso vemos el resultado de la consola sin necesidad de instalar Java en nuestras pcs 😄…

2
25774Puntos

Oh wow, que chevere Juan!.
¡Me apunto!
Nos vemos en un mes 🥳.

1
111528Puntos
2 años

¡Ya casi! 🎉👀💪

1

Muy buen artículo. Gracias por la información (enlaces).

1
15777Puntos

Un frontend en Angular, otro en React y otro en emberjs vale?

1
111528Puntos
2 años

Nio. Ese será el próximo reto… 😉

Piensa en lenguajes y paradigmas. Por ejemplo: JavaScript + TypeScript + cualquier otro.

1

Muy buen artículo. Gracias por la información (enlaces).