Demuestra tus habilidades de Flutter compilando IU atractivas en CodePen

Desde el principio, uno de nuestros objetivos con Flutter era permitir que los desarrolladores crearan experiencias increíbles para los usuarios. Y, cada día, la comunidad mundial nos sorprende con infinidad de apps y experimentos que demuestran el potencial creativo de Flutter. Hoy, nos complace asociarnos con CodePen en una divertida serie de nuevos desafíos para que puedas mostrar tus habilidades de Flutter.

CodePen es uno de los principales destinos en Internet para que los desarrolladores de frontend experimenten, compartan e iteren. Desde que anunciamos nuestra asociación con CodePen en abril, nos han sorprendido los proyectos de Flutter que han creado los desarrolladores. Por eso, queremos darte la oportunidad para que muestres tus increíbles diseños de Flutter a la comunidad de CodePen, compuesta por más de un millón de diseñadores y codificadores.

Destalles del desafío

¿En qué consiste? Los CodePen Challenges son oportunidades divertidas para mejorar tus habilidades construyendo cosas. Los desafíos anteriores han abarcado temas de desarrollo web como JavaScriptimágenes y paletas de colores. El desafío de Flutter CodePen es un reto de un mes de duración que se llevará a cabo en julio para compilar experiencias del usuario con el nuevo editor de Flutter de CodePen.
Cómo funciona:
  1. El desafío de Flutter CodePen consiste en 4 retos semanales, cada uno sobre un tema diferente de Flutter. Cada reto se dará a conocer a principios de la semana, e irán de lo básico a lo más avanzado, compilándose uno sobre el otro.
  2. Para ayudarte, compartiremos algunas ideas sobre qué compilar, recomendaremos recursos y compartiremos proyectos de ejemplo.
  3. Una vez que completes tu proyecto, compártelo con la comunidad de CodePen utilizando la etiqueta FlutterPen y con la comunidad más amplia de desarrolladores de Twitter y LinkedIn mediante #FlutterPen. La comunidad de CodePen seleccionará los mejores proyectos, que se mostrarán en la página web.
Fecha: El primer desafío semanal se lanzará el lunes 6 de julio de 2020.
Adelanto: Durante la primera semana, empezaremos con uno de los bloques de compilación más importantes de Flutter: un widget Stack, que permite colocar widgets uno encima del otro en orden de procesamiento de imágenes. Puedes usarlo en escenarios sencillos como textos superpuestos encima de gradientes o para compilar diseños personalizados geniales.
Aquí hay un CodePen incorporado que usa el widget Stack para crear una vista de tres paneles. Haz clic en Run Pen para ver la app en acción. Luego, haz clic en Flutter para ver el código que implementa la app.


¡Acepta el desafío!

Saca tu lado creativo y echa un vistazo a la página del desafío a partir del 6 de julio. Mientras tanto, ¿por qué no usas el hashtag #FlutterPen para mostrar los proyectos de Flutter que ya has creado? ¡Queremos ver lo que has compilado hasta ahora!