Codelabs

Escribe tu primer App Flutter, parte 1

Crea una aplicación móvil simple que genere nombres propuestos para una startup. En la primera parte, usarás un paquete que devuelve palabras pares al azar y las inserta en una lista de scroll infinito.

Escribe tu primer App Flutter, parte 2

Crea una aplicación móvil sencilla que genere nombres propuestos para una startup. En la segunda parte, extenderás el ejemplo desde la primera parte para permitir que el usuario seleccione las palabras pares favoritas, y agregarás una segunda página “Favoritos guardados” donde los usuarios podrán ver los nombres seleccionados. Finalmente, cambiarás el color del tema de la aplicación.

Construye interfaces de usuario fantásticas con Flutter

Una “primera inmersión” más profunda que “Escribe tu primer App Flutter.” En este codelab crearás una aplicación de chat que incluye una simple animación, y personaliza la interfaz de usuario para iOS y Android.

Firebase para Flutter

Aprende cómo conectar una aplicación Flutter a una base de datos Firebase y cómo usar una transacción para actualizar la información compartida.

MDC 101 Flutter: Fundamentos de Material Components (MDC)

Aprende los conceptos básicos de Material Components mediante la creación de una aplicación sencilla con componentes principales. Los cuatro codelabs de MDC te guían a través de la construcción de una app de e-commerce llamada Shrine. Comenzarás construyendo una página de inicio de sesión usando varios de los componentes de MDC Flutter.

MDC 102 Flutter: Material Estructura y Diseño

Aprende a utilizar Material para la estructura y el diseño en Flutter. Continúa construyendo la app de e-commerce, introducida en el MDC-101, añadiendo navegación, estructura y datos.

MDC 103 Flutter: Material Theming con Color, Shape, Elevation, y Type

Descubre cómo los Material Components para Flutter facilitan la diferenciación de tu producto y expresan tu marca a través del diseño. Continúa construyendo tu app de e-commerce agregando una pantalla de inicio que muestre los productos.

MDC 104 Flutter: Material Advanced Components

Mejora tu diseño y aprende a utilizar nuestro menú avanzado de componentes. Termina tu app de e-commerce añadiendo un fondo con un menú que filtra los productos por la categoría seleccionada.


Para obtener una lista completa de los codelabs de flutter disponibles, consulta la sección Categoría de Flutter en Google Developers. Si el enlace anterior no funciona, intenta con este espejo de los codelabs de Flutter.