Aprende Flutter como quieras

¡Empecemos!

• Prueba a jugar con DartPad, el editor en línea de Flutter y Dart.
• Utilice las guías de instalación para ayudar a preparar su entorno

Mientras estás instalando...

• Conozca la documentación de Flutter
• Visita la galería de ejemplos
• Familiarízate con el código Dart
• Suscríbete a los blogs de Flutter y Dart
• Consulte la etiqueta de Flutter de StackOverflow
• Suscríbete al canal de Youtube
• • ...¡y mira el widget de la semana hasta que tu IDE esté listo!

¿Viene de otro SDK o idioma?

• Guías de conversión a Flutter
• ¿Qué hace que Flutter sea diferente?
• Usando hot reload

¡Todo es un widget!

• Lea la introducción a los Widgets
• Esta guía explica cómo componer diseños con widgets

Aprende sobre Dart

• Visita dart.dev el sitio oficial de Dart
• Descubra por qúe Flutter usa Dart
• Completa el laboratorio de código de la hoja de trucos de Dart

¡Vamos a sumergirnos!

• Creando tu primera aplicación Flutter, parte 1
• Creando tu primera aplicación Flutter, parte 2

Hacer que tu aplicación se vea genial

• Una opción es Material design
• • ¡Mira sus componentes!
  • ¡ Y estos laboratorios sobre Material!
• ¿Necesitas inspiración?
• • Prueba los vídeos de Johannes Milke
  • O los talleres de Super-Declarative
  • ¡O un sitio mantenido por la comunidad como Awesome Flutter!

¡Descubra cómo hacer que el networking funcione!

• ¿Has visto el libro de Flutter? Tiene un conjunto de artículos sobre networking.
• Muchas aplicaciones usan el paquete http
• Aprenda cómo deserializar JSON
• • ¡También hay un ejemplo!

Navega con confianza

• ¡El libro de Flutter también tiene un conjunto de artículos para eso!
• Por cierto, es posible que veas algunas cosas sobre el enrutador de Flutter y una navegación más avanzada. Son geniales, ¡pero no son totalmente necesarios!

Flutter y gestión de estados

• Mire una charla de I/O sobre lo que significa "administración de estado" para Flutter
• ¡Te sorprendería lo lejos que puedes llegar con solo un StatefulWidget!
• Un buen siguiente paso es probar Provider con ChangeNotifier
• • Mira este episodio de Boring Show
  • O estos ejemplos: provider_counter, provider_shopper

Utilice complementos para acceder a las API nativas

• Lea la guía sobre el uso de paquetes y complementos.
• Mira a Matt y Andrew usar el barómetro en el Boring Show
• Consulta pub.dev, el ecosistema de paquetes para Dart y Flutter.
• • Obtenga más información sobre las puntuaciones de los paquetes
  • ...y los favoritos de Flutter

¡Prueba tu código!

• Lea la guía para realizar pruebas en Flutter
• Lectura completa de ejemplos de pruebas, muestra varios tipos de pruebas
• Practica tus habilidades con el laboratorio de pruebas!

¡Unete a la communidad!

• Consulta el directorio de comunidades
• Únase a la comunidad Flutter en Slack y consulte su blog
• Sigue a las Flutteristas en Twitter!
• Encuentra una reunión de Flutter cerca de ti
• Envíe su aplicación a itsallwidgets.com
• Participe en la creación de Flutter presentando problemas y brindando comentarios.

Hagamos una pausa por un momento

• ...y entra a Flutter
• ...y aprnde sobre la arquitectura de Flutter
• ...y estudiar la filosofía de Flutter hacia las adaptaciones de plataformas

¿Qué hay debajo del widget?

• Obtenga más información sobre elementos, claves y objetos de estado en Widgets 101
• Vea una charla técnica sobre el framework de Flutter desde China, Europa, o Columbus, Ohio

Futuros y Flujos

• Mira los los episodios de Dart Async de Flutter in Focus
• Complete el laboratorio de programación asincrónica

Dale sabor a tu interfaz de usuario con animaciones implícitas

• Lea la guía de Introducción a la Animación
• Mire Flutter in Focus sobre animaciones implicitas
• Pruebe el laboratorio de animación implícita

¿Qué pasa con los activos?

• ¿Necesita fuentes sobre la marcha? Utilice el paquete google_fonts
• Lea la guía para incluir activos directamente en su aplicación

Más información sobre diseños

• Lea las guías sobre diseños, restricciones, y creación de aplicaciones responsivas
• Pruebe el laboratorio de código sobre Conceptos básicos de diseño
• Mire el episodio del widget de la semana de MediaQuery

Formularios y Validaciones

• Lea algunos artículos de libros sobre entrada, validación y formularios.
• Mira la aplicación de muestra

Firebase

• Mire el Firecast de introducción
• • ¡No olvides suscribirte al canal mientras estás allí!
• Lea la documentación de FlutterFire
• Pruebe el laboratorio de Firebase para Flutter o la aplicación de ejemplo Firestore + Maps
• Aprende cómo estructurar tus datos con Cloud Firestore

Sumérjase en complementos y API nativas

• Lea la guía sobre cómo funcionan los Platform Channels
• Pruebe un laboratorio para crear su propio complemento
• Lea la aplicación de muestra de los canales de la plataforma

Datos locales

• Vea una charla técnica sobre la gestión de datos locales
• Vea una charla técnica sobre la restauración del estado de Simon Lightfoot o una de Pawan Kumar
• Lea algunos artículos del Flutter Cookbook sobre la persistencia

Más información sobre bibliotecas de administración de estado adicionales

• Como Bloc
• o Riverpod
• o RxDart
• o Redux

Aprenda a preparar una aplicación para su lanzamiento

• Lea las guías para Android, iOS, Linux, y la web
• Hay un paquete que puede ayudarte a crear íconos en tu iniciador.

Echa un vistazo a Flutter DevTools

• Lea la descripción general
• Aprenda a utilizar el inspector para revisar sus widgets y diagnosticar problemas de diseño.
• Lea las guías sobre herramientas de rendimiento, creación de perfiles de CPU y memoria e inspección del tamaño de la aplicación

Devolver a la comunidad

• ¡Unete a la communidad!
• • Sea voluntario en una reunión de Flutter
  • Responda algunas preguntas en StackOverflow
  • Cree una aplicación de código abierto en GitHub y publíquela en itsallwidgets.com
• ¡Flutter confía en ti!
• • Vota a favor de un problema en flutter/flutter que sea importante para ti
  • Contribuir a un complemento o paquete mantenido por la comunidad

Aprende un poco de historia de Flutter

• La charla Strange Loop de Eric Seidel o su charla en DartConf (de cuando Flutter todavía se llamaba "Sky!";).
• Charla de Ian Hickson sobre por qué existen los widgets
• Charla de Adam Barth sobre el proceso de renderizado de Flutter

• Lea la hoja de ruta de Flutter para saber hacia dónde se dirige Flutter
• Consulte la hoja de ruta del lenguaje Dart para ver hacia dónde se dirige Dart

Animaciones explícitas

• Intente ejecutar la aplicación de ejemplo de animación
• Lea las guías para hero widgets y animaciones escalonadas
• Mira los episodios avanzados de la serie Flutter in Focus sobre animación.
• Vea las charlas de Flutter Europa sobre cómo hacer bien las animaciones e implementar una interfaz de usuario compleja

Diseño/renderizado avanzado

• Lea algunas publicaciones del blog de la comunidad Flutter en CustomPainter
• Lea la publicación del blog de Romain sobre cómo crear su propio objeto de renderizado

Orientación a iOS

• Visita la galería de widgets de Cupertino
• Vea el paquete Cupertino en acción en la aplicación de ejemplo VeggieSeasons
• Vea Construyendo para iOS con Flutter del Google I/O

Hacer algo de desarrollo de escritorio

• Mira la guía
• Prueba el laboratorio de escritorio

Vincular a bibliotecas nativas

• Lea sobre el uso de dart:ffi para conectarse a bibliotecas estilo C en las aplicaciones Dart y aplicaciones Flutter, luego consulte las aplicaciones de ejemplo
• Lea sobre la interoperabilidad JS de Dart para aplicaciones web

Complementos federados

• Lea la guía sobre los complementos federados de Flutter
• Mira el ejemplo

Intente agregar Flutter a una aplicación existente

• Lea la descripción general y las secciones para Android e iOS
• Juega con las muestras de complementos a aplicaciones
• Experimente generando código para agregar a la aplicación usando el paquete:pigeon

Aplicaciones en producción

• Lea cómo registrar errores y excepciones /a> con Crashlytics desde Firebase
• Obtenga más información sobre los sabores de productos y Flutter
• Conozca las opciones de entrega continua para Flutter

Devolver a la comunidad

• Crear o ejecutar una reunión de Flutter
• Lea sobre cómo contribuir al SDK de Flutter
• Contribuir a un importante complemento o paquete mantenido por la comunidad
• Lea cómo convertirse en un desarrollador experto de Google en Flutter