Esta es una propuesta de Ruta de Aprendizaje para quienes inician en Flutterflow desde cero.
¿Quieres convertirte en un maestro de FlutterFlow? ¿Pasar de ser un principiante a un experto en esta poderosa herramienta de desarrollo de aplicaciones móviles? Si es así, este artículo es para ti.
En este artículo, te presentaremos una ruta de aprendizaje completa para dominar FlutterFlow desde cero. Te guiaremos paso a paso a través de los diferentes niveles de conocimiento, desde el básico hasta el avanzado, con el objetivo de que puedas crear aplicaciones móviles profesionales y de alta calidad.
I. NIVEL 1: FLUTTERFLOW COMO PLATAFORMA NO CODE
FlutterFlow es conocida como herramienta lowcode, es decir nos permite usar código (en dart); sin embargo, también nos permite hacer aplicativos interesantes sin necesidad de conocer programación. De hecho, podemos lograr resultados muy superiores al de otras herramientas no code, gracias a las integraciones nativas que ofrece flutterflow.
Este es el punto de partida, aprender las herramientas no code que ofrece flutterflow. Entre ellas tenemos:
- Una amplia biblioteca de Widgets: Flutterflow ofrece una gran cantidad de widgets de forma nativa. Solo tenemos que arrastar y soltar y tendremos una interfaz amigable construida en cuestión de minutos.
- Integración con Firebase o Supabase: Si bien Firebase y Supabase ofrecen herramientas bastante completas y se requiere estudiarlas por separado, algo que podemos hacer desde un inicio den Flutterflow es integrar nuestro proyecto con estas plataformas, las cuales nos facilitarán el trabajo del backend (ya no es necesario gastar tanto tiempo o dinero en construir tu propio backend).
- Decenas de Acciones: Flutterflow ofrece una gran cantidad de acciones las cuales nos permitirán dar funcionalidad al aplicativo sin necesidad de saber programación. Estas acciones son de diversos tipo y sirven desde aspectos como la navegación dentro del aplicativo, así como la autenticación o incluso el manejo de animaciones y push notifications.
- Muchas más herramientas: Necesitaríamos un artículo completo para solo hablar de las herramientas no code que ofrece Flutterflow. Estos son diversas incluyendo el manejo de errores, idiomas, colaboraciones, Stripe para pagos unilaterales (a la fecha), temática o incluso la versión web o desktop de aplicaciones. Y me quedo corto, hay muchas, pero muchísimas cosas que podemos hacer en FlutterFlow sin necesidad de escribir una sola línea de código.
Sobre esto, te recuerdo que contamos con un curso completo donde cubrimos este nivel de Flutterflow, así como el nivel 2 que explicamos a continuación.
II. NIVEL 2: INTRODUCCIÓN DE DART Y APIs
Una vez que ya conocemos las herramientas no code de flutterflow, es necesario ir al siguiente nivel y aprovechar su potencial como plataforma low code. Aquí tenemos que manejar estos dos aspectos:
2.1. PROGRAMACIÓN EN DART:
En este nivel dart se hace presente. Este lenguaje es la base para abrir más funcionalidades en flutterflow. Usando un poco de código de dart podemos crear funciones personalizadas y aplicarlas en Flutterflow como “custom functions”. Esto permitirá ir más allá de la caja de herramientas nativas que tenemos en la plataforma.
Algunos ejemplos son: contadores de tiempo personalizados (por ejemplo saber cuánto tiempo pasó desde el nacimiento del usuario hasta hoy, ayer o cualquier otro día), funciones que establezcan formatos de textos personalizados (por ejemplo un nickname tipo twitter), convertir listas/maps a formato json, eliminar elementos duplicados de un lista, contar los caracteres de un nombre y un larguísimo etcétera.
Usted puede crear esta función y aplicarla directamente a la interfaz de su aplicativo. Aquí Chat GPT puede ser de mucha ayuda, pero Flutterflow también tiene a Copilot integrado para generar código de forma automática.
2.2. INTEGRACIÓN A APIS (API CALL)
Las APIS son las venas del desarrollo moderno. Es difícil escalar en un aplicativo relativamente complejo sin usar alguna vez una integración de alguna API. Y esto se puede hacer con FlutterFlow. Por ejemplo, imagina que quieres crear un chatbot personalizado con Open IA, ¿podrías hacerlo en flutterflow? Sí, usando una API puedes crear sin problemas esto.
Las integraciones son diversas: servicios de mapas como maps.co, mercado pago, pagos p2p con stripe, backend propio y otro larguísimo etcétera. API que conozcas, API que podrías usar en FlutterFlow. Sobre esto, nuevamente te recuerdo que contamos con un curso completo donde cubrimos también este nivel de Flutterflow.
Ahora bien, en algunos casos requeriremos usar flutter de forma complementaria para integrar algunas APIs por medio de custom code (custom widgets y custom actions). Y aquí pasamos al nivel 3.
III. NIVEL AVANZADO: INTEGRANDO PROGRAMACIÓN CON FLUTTER (CUSTOM WIDGETS Y CUSTOM ACTIONS) Y JS (CLOUD FUNCTIONS)
En este nivel estaremos programando dentro de flutterflow. Mientras más sepamos de flutter o cloud functions esto será mucho más eficiente. Flutter es un SDK que nos permitirá hacer aplicativos multiplataforma. Y lo de multiplataforma flutter se lo toma en serio: apps en andriod, iOS, destopk, web y embebidos (dale un vistazo aquí: https://flutter.dev/multi-platform).
No es para menos que Flutterflow se complemente con este poderoso SDK. De hecho, flutter es la base de Flutterflow (de allí el nombre: flutter + Flow). Incluso conceptos fundamentales de flutterflow provienen de flutter como es el caso de “widget”, un concepto propio de flutter.
Pero descuida, no necesitas ser experto en flutter para poder integrarlo en flutterflow. Con un nivel básico y manejar la lógica y uso de dependencias te será más que suficiente para realizar una infinidad de integraciones. Sobre esto te recuerdo que en nuestro canal de Youtube tenemos un curso gratuito de flutter (https://www.youtube.com/watch?v=iBcqySUINLY&list=PLHgdJafeca0nFak4Jj1aKXglmswsPbE1b). También tenemos algunos tutoriales de custom widgets y otros que podrían serte de ayuda. Si tienes tiempo, no dudes darte una vuelta por el canal.
Así como Flutter, una herramienta poderosa que tenemos en flutterflow son las cloud functions. Esta herramienta es un servicio de firebase para hacer el tratamiento de datos desde el backend y es muy útil para operaciones complejas que requieran ser optimizadas. Cuando empecemos a escalar nuestro aplicativo, usar cloud functions puede ser un gran aliado en este sentido, para ello necesitaremos conocer java script, con un nivel básico también será suficiente.
Y esto es amigos, hay más cosas por estudiar, por ejemplo la integración con Supabase y sus Edge Functions, la posibilidad de hacer cloud functions con python, las reglas de firebase y un larguísimo etcétera, pero a grandes rasgos estos son los puntos esenciales que les puede servir de guía para ir escalando.
Y no hay mucho de qué temer, incluso en las funcionalidades más avanzadas de flutterflow, el camino está bastante aligerado gracias a que flutterflow facilita la integración de muchas herramientas. Espero que esta información les sea de utilidad, sobre todo para quienes recién empiezan, pues como siempre, comenzar es lo más difícil, pero todo esfuerzo vale la pena.
Hasta pronto,
Abner.