Curso de Flutter

Lección 1 • Dart Orientado a Objetos

Explora clases, herencia, mixins e interfaces en Dart. Prepara a los estudiantes para comprender la jerarquía de clases de widgets de Flutter.

Lección 2 • Configuración del Entorno de Flutter

Instala el SDK de Flutter, configura un IDE y conecta un dispositivo o emulador. Establece la cadena de herramientas de la que depende cada capítulo posterior.

Lección 3 • Vista General de la Estructura del Proyecto Flutter

Examina la anatomía de un proyecto Flutter: carpetas, pubspec.yaml y punto de entrada. Conecta el conocimiento de Dart con la organización real del proyecto.

Lección 1 • Widgets Centrales de Material y Cupertino

Revisa los widgets integrados esenciales: Text, Image, Icon, variantes de Button y AppBar. Proporciona un conjunto de herramientas práctico para construir pantallas reales.

Lección 2 • Widgets Stateful y setState

Introduce el estado mutable con StatefulWidget y el mecanismo setState. Habilita componentes de UI dinámicos e interactivos.

Lección 3 • Formularios y Widgets de Entrada

Implementa campos de texto, casillas de verificación, botones de radio y validación de formularios. Conecta el manejo de entrada del usuario con conceptos de widgets stateful.

Lección 4 • Widgets Stateless en Profundidad

Construye y compón subclases de StatelessWidget para UI estática. Cubre el método build, constructores const y patrones de reutilización de widgets.

Lección 1 • Layouts Responsivos y Adaptables

Aplica MediaQuery, LayoutBuilder y breakpoints para adaptar la UI al tamaño de pantalla. Asegura una UX consistente en todas las categorías de dispositivos.

Lección 2 • Layouts con Stack, Positioned y Overlay

Superpón widgets con Stack y Positioned para elementos de UI solapados. Habilita insignias, etiquetas flotantes y diseños de superposición personalizados.

Lección 3 • Layouts con Row, Column y Flex

Usa Row, Column y Flex con alineación, espaciado e hijos Expanded o Flexible. Forma la columna vertebral de la mayoría de los layouts de pantalla en Flutter.

Lección 4 • Widgets Desplazables y Listas

Construye contenido desplazable con ListView, GridView y CustomScrollView. Cubre patrones de carga perezosa para rendimiento con grandes conjuntos de datos.

Lección 1 • Navigator 2.0 y Enrutamiento Declarativo

Adopta la API Router y la lista de Pages para navegación dirigida por URL. Habilita apps Flutter compatibles con navegadores y deep links.

Lección 2 • Uso de GoRouter para Navegación

Configura GoRouter para enrutamiento declarativo basado en URL con guards y redirecciones. Simplifica la complejidad de Navigator 2.0 en apps de producción.

Lección 3 • Navegación Inferior y Barras de Pestañas

Combina BottomNavigationBar, TabBar y TabBarView para apps de múltiples secciones. Integra patrones de navegación con la gestión de widgets stateful.

Lección 1 • InheritedWidget y Provider

Comparte estado hacia abajo en el árbol de widgets con InheritedWidget, luego simplifica con Provider. Construye intuición para la inyección de dependencias en Flutter.

Lección 2 • Patrón BLoC con flutter_bloc

Separa la UI de la lógica de negocio usando eventos, estados y clases BLoC. Refuerza el flujo de datos unidireccional para proyectos grandes y en equipo.

Lección 3 • Estado Local con ValueNotifier y Hooks

Gestiona eficientemente el estado local del widget con ValueNotifier y flutter_hooks. Reduce el boilerplate para estado reactivo simple sin soluciones completas.

Lección 4 • Marco de Decisión para Manejo de Estado

Compara soluciones por complejidad, testabilidad y tamaño del equipo. Capacita a los estudiantes para justificar elecciones arquitectónicas en proyectos reales.

Lección 1 • Parseo de JSON y Modelos de Datos

Deserializa JSON en clases modelo de Dart manualmente y con generación de código. Asegura un manejo de datos con tipos seguros en toda la app.

Lección 2 • Patrón Repository y Capa de Datos

Abstrae las fuentes de datos detrás de interfaces de repositorio para testabilidad y flexibilidad. Conecta redes y persistencia en una capa de arquitectura limpia.

Lección 3 • Peticiones HTTP con Dio y http

Realiza peticiones GET, POST, PUT y DELETE usando los paquetes http y Dio. Cubre interceptores, cabeceras y manejo de respuestas de error.

Lección 4 • Dart Asíncrono: Futures y Streams

Domina async/await, encadenamiento de Futures y suscripciones a Streams en Dart. Proporciona la base asíncrona para todo el trabajo de redes y persistencia.

Lección 1 • Animaciones de Héroe y Transición de Página

Implementa animaciones de elemento compartido Hero y animaciones personalizadas de ruta de página. Crea continuidad visual entre pantallas durante la navegación.

Lección 2 • Animaciones Explícitas con AnimationController

Controla animaciones con precisión usando AnimationController, Tween y AnimatedBuilder. Habilita animaciones en bucle, inversas y secuenciadas.

Lección 3 • Animaciones Implícitas

Usa AnimatedContainer, AnimatedOpacity y TweenAnimationBuilder para transiciones simples. Logra cambios de UI pulidos con código mínimo.

Lección 4 • Pintado Personalizado con Canvas

Dibuja formas, trazados y degradados usando las APIs CustomPainter y Canvas. Desbloquea elementos de UI completamente personalizados más allá de las capacidades estándar de los widgets.

Lección 1 • Pruebas de Integración y End-to-End

Ejecuta flujos completos de la app en dispositivos reales o emuladores usando el paquete integration_test. Valida recorridos completos del usuario antes del lanzamiento.

Lección 2 • Pipelines de CI/CD y Despliegue en Tiendas

Automatiza compilaciones, pruebas y lanzamientos usando herramientas de CI y Fastlane. Reduce el esfuerzo manual de lanzamiento y aplica controles de calidad en cada commit.

Lección 3 • Pruebas Unitarias en Flutter

Prueba la lógica de Dart y las clases de manejo de estado de forma aislada usando el paquete test. Valida la lógica de negocio independientemente de la capa de UI.

Lección 4 • Pruebas de Widgets

Renderiza widgets en un entorno de prueba y simula interacciones de usuario con WidgetTester. Detecta regresiones de UI sin ejecutar en un dispositivo real.