Flutter Multiplataforma Para Moviles

Flutter es un framework de desarrollo para aplicaciones multiplataforma creado por Google. Inició soportando Android, iOS y Windows Phone; hoy en día el soporte es más amplio y robusto, abarcando plataformas de escritorio (MacOS, Windows, Linux), móviles (iOS, Android) y también la web en forma de PWAs (Progressive Web Applications).

Inspirado en parte por las interefaces declarativas y manejo de estados de ReactJS, Flutter ofrece un motor de renderizado propio en 2D, modularidad y un desempeño similar al nativo. Con la gran ventaja de poseer una biblioteca de componentes propios, que hacen que la experiencia de usuario entre plataformas sea consistente y unificada.

Si bien el lenguaje utilizado para el desarrollo es Dart (también desarrollado por Google) no se encuentra muy difundido, los desarrolladores que conocen algún lenguaje popular como C, Java, Javascript o similares, pueden adaptarse rápidamente con una curva de aprendizaje suave.

La demanda de profesionales que puedan proporcionar productos multiplataforma va en aumento debido a que la diversidad de usuarios y dispositivos es basta. Además, el poder proporcionar aplicaciones de este tipo disminuye los costos de mantenimiento y desarrollo, por lo que el interés en personal altamente capacitado jamás disminuye.

Objetivos🔗

• Comprender la estructura general una aplicación de Flutter.
• Capacitarse en el lenguaje de programación Dart.
• Acceder a los recursos del dispositivo.
• Habilitarse en el manejo de los componentes visuales para interacción con el usuario.

Temario🔗

Instalación y configuración🔗

• Visual Studio Code.
• Plugins de Dart y Flutter.
• Flutter framework y configuración del SO.

Introducción a Flutter🔗

• Elementos del lenguaje Dart.
• Primera aplicación con Flutter.
• Widgets
  • Stateless
  • Stateful

Elementos básicos de la UI🔗

• Scaffold.
• AppBar.
• FloatingActionButton.
• TabBar.

Diseño (Layouts) de la UI🔗

• Container.
• Column y Row.
• Stack.
• GridView.
• List.

Widgets de interacción🔗

• De entrada.
• De selección.
• Gestures.
• Navegación.
  • Rutas (routes).
• Notificaciones.
  • SnackBar.
  • Dialogs.

Acceso a dispositivo🔗

• Cámara.
• Localización (GPS).
• Datos.
  • Persistencia básica (SharedPreferences).
  • Bases de datos (SQLite).

Temas selectos🔗

• Acceso a recursos remotos (HTTP).
• Widgets propios.
• Opcional: animaciones.
• Opcional: Firebase.