Imagen del curso gratis Introducción a Flutter

Curso en línea gratuitoIntroducción a Flutter

Duración del curso en línea: 8 horas y 16 minutos

1

estrella

(1)

Desarrolla apps móviles multiplataforma con Flutter: aprende desde cero, practica con ejercicios y crea un proyecto final. Curso online gratis, ideal para tu portafolio.

En este curso gratuito, aprenda sobre

  • Qué es Flutter y sus características clave para apps multiplataforma
  • Configurar emuladores: Android Studio y Genymotion (local y nube)
  • Crear y ejecutar proyectos Flutter desde consola (PowerShell) y en IDEs
  • Conceptos base de UI: Widget, árbol de widgets, Stateless vs Stateful
  • Estructura del proyecto Flutter y archivo de configuración pubspec.yaml
  • Maquetación y UI: Text, Image.network, Icon, Scaffold, AppBar
  • Layouts: Column/Row, Expanded, Container con padding y margin, colores
  • ListView, Assets y tipografías personalizadas (Google Fonts)
  • Interacción: GestureDetector y botones (RaisedButton vs FlatButton)
  • Navegación entre pantallas con Navigator y menús con Drawer
  • Formularios: TextField, teclado, FocusNode, Form, validación y onSaved
  • Feedback/UI overlays: SnackBar, SimpleDialog y AlertDialog
  • Animaciones: introducción, Hero y FadeInImage
  • Uso de paquetes/plugins y permisos nativos iOS (info.plist); app final login/CRUD

Descripción del curso

Da tus primeros pasos en el desarrollo de aplicaciones con Flutter y empieza a construir interfaces modernas para móvil con una sola base de código. Este curso online gratuito está pensado para quienes quieren entrar en el mundo del desarrollo de apps, entender cómo funciona el framework y ganar confianza creando pantallas reales desde el inicio. A lo largo del recorrido, irás afianzando fundamentos y hábitos de trabajo que se aplican tanto en proyectos personales como en entornos profesionales.

Comenzarás preparando tu entorno de desarrollo y aprendiendo a ejecutar tus primeras pruebas en emuladores y desde consola, para que puedas trabajar con fluidez en Windows y con las herramientas más usadas en la industria. También conocerás recursos y comunidades útiles para mantenerte actualizado y resolver dudas cuando avances con tus propios proyectos.

El curso te guía para comprender la lógica de construcción de interfaces en Flutter mediante widgets, su organización en árbol y la diferencia entre enfoques con y sin estado. Con esa base, podrás diseñar pantallas estructuradas y coherentes, incluyendo componentes esenciales para cualquier app: distribución en filas y columnas, contenedores, márgenes y paddings, estilos con colores, tipografías y recursos gráficos como íconos, imágenes y assets.

Además, profundizarás en la creación de experiencias de usuario completas: navegación entre pantallas, interacción mediante gestos, uso de botones y retroalimentación con elementos de interfaz como drawers, snackbars y distintos tipos de diálogos. También tendrás una introducción práctica a animaciones comunes para mejorar la presentación visual y la sensación de fluidez en la aplicación.

Para que conectes la teoría con un resultado tangible, trabajarás sobre un proyecto final que integra vistas de autenticación y pantallas típicas de una app moderna, aplicando validaciones y estructuras de formulario. También verás cómo incorporar paquetes y plugins, incluyendo consideraciones básicas cuando se requiere interacción con funcionalidades nativas, como permisos en iOS. Al finalizar, tendrás una base sólida para seguir aprendiendo, iniciar nuevas aplicaciones por tu cuenta y preparar un portafolio con un enfoque práctico y ordenado.

Contenido del curso

  • Lección en vídeo: Curso Introducción a Flutter - [01] - Introducción 07m
  • Ejercicio: _¿Cuál es una de las características principales de Flutter?
  • Ejercicio: _¿Cuál es una de las características principales de Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [02] - Conociendo al instructor 01m
  • Ejercicio: ¿Cuál es uno de los intereses principales del instructor del módulo 1 en el ámbito tecnológico?
  • Lección en vídeo: Curso Introducción a Flutter - [03] - Alcance del curso 01m
  • Ejercicio: ¿Cuál es el propósito principal del Módulo 1 en este curso sobre Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [04] - Comunidades 04m
  • Ejercicio: _¿Cuál es la diferencia entre la página oficial de Flutter en inglés y la página en español llamada "Fluir"?
  • Lección en vídeo: Curso Introducción a Flutter - [05] - Configuración del Emulador de AndroidAndoid Studio 05m
  • Ejercicio: ¿Cuál es el propósito principal del emulador de Android Studio en el contexto dado?
  • Lección en vídeo: Curso Introducción a Flutter - [06] - Configuración emulador de Genymotion 10m
  • Ejercicio: ¿Cuál es una ventaja de utilizar un emulador en la nube de Genymotion para Android?
  • Lección en vídeo: Curso Introducción a Flutter - [07] - Prueba del entornodesde consola 04m
  • Ejercicio: _¿Cómo se crea un proyecto en Flutter desde la consola del Power Shell de Windows?
  • Ejercicio: _¿Qué comando se utiliza para crear un proyecto Flutter desde la consola del Power Shell de Windows?
  • Lección en vídeo: Curso Introducción a Flutter - [08] - Qué es un Widget 04m
  • Ejercicio: ¿Qué es un widget en la interfaz gráfica de usuario?
  • Lección en vídeo: Curso Introducción a Flutter - [09] - Árbol de Widgets 07m
  • Ejercicio: ¿Qué es un árbol de widgets en el contexto de programación de interfaces gráficas?
  • Lección en vídeo: Curso Introducción a Flutter - [10] - Diferencias entre StatelessWidget y StatefullWidget 13m
  • Ejercicio: _¿Qué es un Stateful Widget en Flutter?
  • Ejercicio: _¿Qué es un Stateless Widget?
  • Lección en vídeo: Curso Introducción a Flutter - [11] - Hello world en los tres IDE's 10m
  • Ejercicio: ¿Cuál es uno de los aspectos distintivos al usar Visual Studio Code frente a Android Studio para proyectos en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [12] - Análisis de la estructura de un proyecto en Flutter 13m
  • Ejercicio: ¿Cuál es el archivo principal de configuración en un proyecto Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [13] - Flutter inspector 08m
  • Ejercicio: _¿Cuál es la herramienta de desarrollo que se está trabajando fuera de Android Studio y es muy liviana?
  • Ejercicio: _¿Cuál es la diferencia entre el enfoque de desarrollo de aplicaciones móviles en Android y Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [14] - Primeros pasos con Text 10m
  • Ejercicio: ¿Qué es un 'Stateless Widget' en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [15] - Imágen desde network 06m
  • Ejercicio: ¿Qué ventaja tiene el entorno de Visual Studio al mostrar imágenes desde diferentes fuentes?
  • Lección en vídeo: Curso Introducción a Flutter - [16] - Íconos 04m
  • Ejercicio: _¿Qué widget se utiliza para mostrar un icono en Flutter?
  • Ejercicio: _¿Qué widget se utiliza para mostrar un icono en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [17] - Scaffold 04m
  • Ejercicio: ¿Cuál es la función principal del Scaffold en una aplicación móvil?
  • Lección en vídeo: Curso Introducción a Flutter - [18] - AppBar 05m
  • Ejercicio: ¿Qué propiedad de AppBar se utiliza para definir acciones como iconos en la parte derecha?
  • Lección en vídeo: Curso Introducción a Flutter - [19] - Uso de una columna 08m
  • Ejercicio: _¿Qué parámetro utiliza el widget Column para recibir múltiples widgets?
  • Ejercicio: _¿Qué es el widget "Column" en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [20] - Uso de Row 08m
  • Ejercicio: ¿Cuál es la función principal del widget 'Expandir' en un 'Road'?
  • Lección en vídeo: Curso Introducción a Flutter - [21] - Márgenes y Paddings en Container 05m
  • Lección en vídeo: Curso Introducción a Flutter - [22] - Uso de colores 07m
  • Ejercicio: _¿Cómo podemos crear nuestros propios colores en Flutter?
  • Ejercicio: _¿Cómo podemos crear nuestros propios colores en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter 23 ListView 09m
  • Lección en vídeo: Curso Introducción a Flutter - [24] - Assets 04m
  • Lección en vídeo: Curso Introducción a Flutter - [25] - Tipografías 08m
  • Ejercicio: _¿Qué se debe hacer una vez que se ha descargado la tipografía personalizada desde Google Fonts?
  • Ejercicio: _¿Qué se debe hacer para agregar una tipografía personalizada en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [26] - Primer StatefullWidget 09m
  • Lección en vídeo: Curso Introducción a Flutter - [27] - Uso de Gesture Detector 05m
  • Lección en vídeo: Curso Introducción a Flutter - [28] - Uso de diferentes botones 03m
  • Ejercicio: _¿Cuál es la diferencia entre el RaisedButton y el FlatButton en Flutter?
  • Ejercicio: _¿Cuál es la diferencia entre el RaisedButton y el FlatButton en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [29] - Uso básico de Navigator 13m
  • Lección en vídeo: Curso Introducción a Flutter - [30] - Implementación de formularios sin el Widget Form 06m
  • Lección en vídeo: Curso Introducción a Flutter - [31] - Implementación de formularios con el Widget Form 08m
  • Ejercicio: _¿Cuál es la ventaja de utilizar el widget Form en lugar de controladores en Flutter?
  • Ejercicio: _¿Qué widget se utiliza para encerrar una columna y convertirla en un formulario en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [32] - Tipos de teclado en TextField 03m
  • Lección en vídeo: Curso Introducción a Flutter - [33] - Uso de FocusNode 06m
  • Lección en vídeo: Curso Introducción a Flutter - [34] - Organización de nuestro proyecto 02m
  • Ejercicio: _¿Cuál es el estándar más nuevo que se está utilizando en Flutter para organizar los archivos en carpetas?
  • Lección en vídeo: Curso Introducción a Flutter - [35] - Drawer 09m
  • Lección en vídeo: Curso Introducción a Flutter - [36] - Mostrar un Snackbar 06m
  • Lección en vídeo: Curso Introducción a Flutter - [37] - SimpleDialog 08m
  • Ejercicio: _¿Qué widget se utiliza para mostrar un diálogo en Flutter?
  • Ejercicio: _¿Qué tipo de widget se utiliza para crear un botón en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [38] - Uso de AlertDialog 04m
  • Lección en vídeo: Curso Introducción a Flutter - [39] - Introducción a las animaciones 04m
  • Lección en vídeo: Curso Introducción a Flutter - [40] - Animación Hero 11m
  • Ejercicio: _¿Qué widget se utiliza para mostrar una lista de imágenes en la primera pantalla?
  • Ejercicio: _¿Qué animación se utiliza en el tutorial para mostrar una imagen en una segunda pantalla al presionarla en la primera pantalla?
  • Lección en vídeo: Curso Introducción a Flutter - [41] - Segunda animación FadeInImage 07m
  • Lección en vídeo: Curso Introducción a Flutter - [42] - Introducción a los paquetes y plugins 05m
  • Lección en vídeo: Curso Introducción a Flutter - [43] - Prueba de plugin PickImage 10m
  • Ejercicio: _¿Qué se debe agregar al final del diccionario de configuraciones en el archivo info.plist para pedir permisos al entorno nativo en iOS?
  • Ejercicio: _¿Por qué es necesario agregar configuraciones al archivo info.plist en iOS al utilizar el plugin de selección de imágenes en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [44] - (Proyecto Final) - Introducción 05m
  • Lección en vídeo: Curso Introducción a Flutter - [46] - (Proyecto Final) - Login 1 de 5 07m
  • Lección en vídeo: Curso Introducción a Flutter - [47] - (Proyecto Final) - Login 2 de 5 08m
  • Ejercicio: _¿Qué color se establece como color primario en el tema de la aplicación?
  • Lección en vídeo: Curso Introducción a Flutter - [48] - (Proyecto Final) - Login 3 de 5 06m
  • Lección en vídeo: Curso Introducción a Flutter - [49] - (Proyecto Final) - Login 4 de 5 11m
  • Lección en vídeo: Curso Introducción a Flutter - [50] - (Proyecto Final) - Login 5 de 5 13m
  • Ejercicio: _¿Qué se hace en el evento de validación de los campos de usuario y contraseña en Flutter?
  • Ejercicio: _¿Qué se hace en el evento "onSaved" de un TextFormField en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [51] - (Proyecto Final) - Registro 1 de 3 17m
  • Lección en vídeo: Curso Introducción a Flutter - [52] - (Proyecto Final) - Registro 2 de 3 11m
  • Lección en vídeo: Curso Introducción a Flutter - [53] - (Proyecto Final) - Registro 3 de 3 10m
  • Ejercicio: _¿Qué método se llama al presionar el botón "Registrar" en el código presentado?
  • Ejercicio: _¿Qué método se llama al presionar el botón "Registrar" en el código mostrado?
  • Lección en vídeo: Curso Introducción a Flutter - [54] - (Proyecto Final) - Home 1 de 3 03m
  • Lección en vídeo: Curso Introducción a Flutter - [55] - (Proyecto Final) - Home 2 de 3 07m
  • Lección en vídeo: Curso Introducción a Flutter - [56] - (Proyecto Final) Home 3 de 3 09m
  • Ejercicio: _¿Qué se necesita hacer para agregar el botón que nos va a servir para agregar una receta en el drawer?
  • Lección en vídeo: Curso Introducción a Flutter - [57] - (Proyecto Final) Actualizar Usuario 1 de 3 15m
  • Lección en vídeo: Curso Introducción a Flutter - [58] - (Proyecto Final) - Actualizar Usuario 2 de 3 02m
  • Ejercicio: _¿Qué variable se utiliza para personalizar los mensajes de actualización en la ventana de registro en Flutter?
  • Lección en vídeo: Curso Introducción a Flutter - [59] - (Proyecto Final) - Actualizar Usuario 3 de 3 07m
  • Ejercicio: _¿Qué método se utiliza para solicitar la lista de favoritos en la pantalla de "Mis Favoritos"?
  • Lección en vídeo: Curso Introducción a Flutter - [60] - (Proyecto Final Mis recetas) 04m
  • Lección en vídeo: Curso Introducción a Flutter - [61] - (Proyecto Final) - Detalles 1 de 4 10m
  • Ejercicio: _¿Qué se necesita para poder hacer solicitudes al servidor en la pantalla de detalles en Flutter con G Coding Academy?
  • Lección en vídeo: Curso Introducción a Flutter - [62] - (Proyecto Final) - Detalles 2 de 4 08m
  • Lección en vídeo: Curso Introducción a Flutter - [63] - (Proyecto Final) - Detalles 3 de 4 11m
  • Lección en vídeo: Curso Introducción a Flutter - [64] - (Proyecto Final) - Detalles 4 de 4 07m
  • Ejercicio: _¿Qué se agrega en el "advanced" para crear un botón de guardar en la aplicación Flutter?
  • Lección en vídeo: Curso Introducción a Flutter [65] - (Proyecto Final) - Editar receta {FINAL DEL CURSO} 13m
  • Ejercicio: _¿Qué atributo se le agrega a la ventana de agregar receta para validar si se está editando o no?

Este curso gratuito incluye:

8 horas y 16 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Más cursos gratuitos en Desarrollo de aplicaciones

¡Libro electrónico y audiolibros gratis! ¡Aprende escuchando o leyendo!

¡Descarga la App ahora para tener acceso a + 5000 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 60 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.