Curso de Flutter

Lección 1 • Dart Orientado a Objetos

Explore 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 Flutter

Instale el SDK de Flutter, configure un IDE y conecte un dispositivo o emulador. Establece la cadena de herramientas de la que depende cada capítulo posterior.

Lección 3 • Panorama de la Estructura del Proyecto Flutter

Examine 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

Explore 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

Introduzca el estado mutable con StatefulWidget y el mecanismo setState. Permite componentes de IU dinámicos e interactivos.

Lección 3 • Formularios y Widgets de Entrada

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

Lección 4 • Widgets Stateless en Profundidad

Construya y componga subclases de StatelessWidget para IU estática. Cubre el método build, constructores const y patrones de reutilización de widgets.

Lección 1 • Layouts Responsivos y Adaptables

Aplique MediaQuery, LayoutBuilder y puntos de quiebre para adaptar la IU al tamaño de pantalla. Asegura una UX consistente entre categorías de dispositivos.

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

Superponga widgets con Stack y Positioned para elementos de IU solapados. Permite insignias, etiquetas flotantes y diseños de superposición personalizados.

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

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

Lección 4 • Widgets Desplazables y Listas

Construya 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

Adopte la API Router y la lista Pages para navegación basada en URL. Permite aplicaciones Flutter compatibles con navegadores y enlazables profundamente.

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

Configure GoRouter para enrutamiento declarativo basado en URL con guardias y redirecciones. Simplifica la complejidad de Navigator 2.0 en aplicaciones de producción.

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

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

Lección 1 • InheritedWidget y Provider

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

Lección 2 • Patrón BLoC con flutter_bloc

Separe la IU de la lógica de negocio usando eventos, estados y clases BLoC. Impone flujo de datos unidireccional para proyectos grandes basados en equipos.

Lección 3 • Estado Local con ValueNotifier y Hooks

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

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

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

Lección 1 • Análisis JSON y Modelos de Datos

Deserialice JSON en clases de modelo Dart manualmente y con generación de código. Asegura el manejo de datos con seguridad de tipos en toda la aplicación.

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

Abstraiga 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 • Solicitudes HTTP con Dio y http

Realice solicitudes GET, POST, PUT y DELETE usando los paquetes http y Dio. Cubre interceptores, encabezados y manejo de respuestas de error.

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

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

Lección 1 • Animaciones de Transición Hero y de Página

Implemente transiciones Hero de elementos compartidos y animaciones de ruta de página personalizadas. Crea continuidad visual entre pantallas durante la navegación.

Lección 2 • Animaciones Explícitas con AnimationController

Controle animaciones con precisión usando AnimationController, Tween y AnimatedBuilder. Permite animaciones en bucle, reversibles y secuenciadas.

Lección 3 • Animaciones Implícitas

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

Lección 4 • Pintado Personalizado con Canvas

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

Lección 1 • Pruebas de Integración y de Extremo a Extremo

Ejecute flujos completos de la aplicación 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

Automatice compilaciones, pruebas y lanzamientos usando herramientas de CI y Fastlane. Reduce el esfuerzo de lanzamiento manual e impone puertas de calidad en cada commit.

Lección 3 • Pruebas Unitarias en Flutter

Pruebe la lógica de Dart y las clases de gestión de estado de forma aislada usando el paquete test. Valida la lógica de negocio independientemente de la capa de IU.

Lección 4 • Pruebas de Widget

Renderice widgets en un entorno de prueba y simule interacciones del usuario con WidgetTester. Detecta regresiones de IU sin ejecutar en un dispositivo real.