Flutter 2025 GRATIS - Tu primera APP móvil desde cero

En este vídeo vamos a descargar el SDK de Flutter y lo ubicaremos en su carpeta correspondiente de nuestra computadora. Luego configuraremos las variables de entorno para que pueda ser accedido desde cualquier lugar mediante la PowerShell.

En esta clase vamos a descargar y configurar Android Studio y un emulador para correr nuestras aplicaciones. Prepárate porque se vienen descargas bastante pesadas y que llevan mucho tiempo, pero tranquilos, aunque tarda, las descargas siempre terminan. Solo dale tiempo.

En esta clase vamos a descargar e instalar Visual Studio y su componente para la creación de aplicaciones de escritorio con C++. Esto le permite a Flutter trabajar al 100%, aunque no es completamente requerido, siempre es recomendable que nuestro SDK tenga todo lo que necesita.

En esta clase vamos a instalar nuestro editor de código, el que vamos a usar en el resto del curso para escribir nuestras aplicaciones. Visual Studio Code y algunas extensiones que van a facilitar nuestro desarrollo.

En esta clase vamos a probar que nuestro entorno este funcionando correctamente. Crearemos una aplicación Test solo para asegurarnos que todo el proceso de configuración e instalación que hemos hecho funciona y que podemos usar Flutter sin problemas.

En esta clase vamos a crear el proyecto de Flutter con el que vamos a estar trabajando en el resto del curso. Aprenderemos también como es la estructura de carpetas de un proyecto en Flutter y algunos archivos importantes.

Prácticamente todas las aplicaciones que se crean con Flutter comienzan con un MaterialApp, este es el widget que contiene a toda la aplicación. En esta clase vamos a conocerlo.

Este es quizá uno de los widgets más importantes. Por eso le dedicamos un vídeo completo. Todas pantallas que hacemos en nuestras aplicaciones llevan este widget como base.

Cuando nuestra aplicación va creciendo cada vez es más necesario separar los widgets en archivos diferentes para poder manejar el código de forma más ordenada. Eso es lo que aprenderemos a hacer en esta clase.

Igual que cuando desarrollamos para la web, trabajamos con un sistema de cajas. En Flutter usamos el widget que se llama Container. Aquí veremos algunas de sus propiedades más importantes.

Ubicar elementos uno al lado del otro puede ser más complicado de lo que suena, por suerte contamos con este widget que nos facilita el trabajo.

¿Qué sería de una aplicación sin imágenes? El widget Image nos permite mostrar imágenes desde la aplicación y también desde internet.

En esta clase usaremos un widget que ya conocemos para hacer una lista de botones para nuestra card.

En nuestra tarjeta se nos olvidó el texto de la descripción. Aprovechando para aprender un par de widgets más

Mantener el código de nuestra aplicación ordenado es crucial para poder darle mantenimiento a largo plazo y también nos permite reutilizar Widgets en diferentes partes de la aplicación.

Cuando queremos hacer una lista en Flutter tenemos que usar el un Widget especial que nos permite hacer scroll en la pantalla. ListView.

La forma profesional de usar el ListView es mediante su propio Builder. Esto nos permite modificar en tiempo de ejecución la cantidad de widgets a mostrar y sus valores.

En ocasiones necesitamos reutilizar un widget enviando un valor para lo muestre en pantalla a su estilo. En ese tipo de ocasiones necesitamos enviárselo como parámetro.

Trabajaremos el botón de like, un tipo toogle que va a permitir marcar como "me gusta" o "no me gusta". Cambiendo entre estados cuando demos un tap.