Scratch the image to get a discount on your course. You'll be able to apply the coupon at checkout.

5.0 /5
(19)

198
Bienvenidos al curso de Dart a Flutter
Cómo sacarle el máximo partido al curso
Comunidad de Discord para Aprender con Amigos
Toma notas de tu curso en tiempo real en Frogames Formación
¿Quién es el instructor?
Introducción
¿Por qué Android Studio?
¿Por qué X-Code?
¿Por qué Visual Studio Code?
Windows - Instalación de Flutter
Windows - Instalación de Android Studio
Windows - Crear un emulador de Android
Mac - Instalación de Flutter
Mac - Instalar X Code
Instalar Visual Studio Code
Instalar Extensiones de Visual Studio Code
Creación de un proyecto Flutter en VS Code y Compilación
Árbol de Widgets y Context
Hello Flutter
Estructura de un proyecto en Flutter
Cuestionario de la sección
Presentación de la sección y objetivos
Scaffold Widget
Column Widget
Row Widget
Padding
Container
Distribución Proporcional
Scroll en los Componentes
Cuestionario de la sección
Resumen de la sección
Presentación de la sección y objetivos.
Planificación de la interface de usuario
Nueva App Counter y vista base
Diseño del AppBar
Diseño de textos de la aplicación
Diseño del FloatingActionButton Widget
Configuración de eventos de interfaz (manejo de clics en botones).
Introducción a la lógica del contador
Implementación del contador: Incremento.
Stateless vs Statefull Widgets
Introducción a Statefull Widget
Tarea: Adaptar la vista para soportar 3 botones extra
Solución: Adaptar la vista para soportar 3 botones extra
Tarea: Agregar la lógica para los 3 botones extra
Solución: Agregar la lógica para los 3 botones extra
Cuestionario de la sección
Resumen de la sección
Presentación de la sección y objetivos
Planificación de la Interface de usuario
Nueva App Convertidor de Unidades y vista base
Scaffold y AppBar
Adición de ExtendedFloatingActionButton Extended
Creación de un Widget Personalizado
Diseño del Body
Widget TextField
Captar valores en un TextField
Widget ListTile
Realizar conversión de unidades
Migrar a Stateful Widget
Tarea: Agregar ListTile Extras
Solución: Agregar ListTile Extras
Tarea: Agregar la lógica de conversión para los ListTile extra
Solución: Agregar la lógica de conversión para los ListTile extra
Cuestionario de la sección
Resumen de la sección
Presentación de la sección y objetivos
Planificación de la Interface de usuario
Nueva App Profile
Configuración de colores y cambiar icono de la aplicación
Cambiar nombre de la aplicación en Android & iOS
Configurar la navegación en diferentes pantallas
Mejores practicas en navegación
Scaffold & TopBar
Mostrar menú parte 1
Mostrar menú parte 2
Diseño de HomeScreen
Widget ClipOval
Crear Widget personalizado
Widget InkWell
Instalación de Google Fonts
Personalización de textos en Flutter
Diseño de EditScreen
Añadiendo AppBar con navegación
Widget Stack
Añadiendo TextFields
Tarea: Añadir TextFields para Latitude y Longitude
Solución: Añadir TextFields para Latitude y Longitude
Configuración de navegación entre TextField
Cuestionario de la sección
Resumen de la Sección
Presentación de la sección y objetivos
Adición del paquete SharedPreferences
Configuración de User Preferences
Funciones de guardado de User Preferences
Funciones de lectura en UserPreferences
Añadiendo UserPreferences a EditScreen
Crear función para leer imágenes en memoria
Solución error lectura de imagen
Guardando datos en EditScreen
Solución inicialización de SharedPreferences
Lectura de datos en HomeScreen
Lectura de datos en EditScreen
Crear función para eliminar datos
Eliminando datos
Mejorando UserPreferences
Mejorando UI/UX
Mejorando TextFields
Solución mejorando TextFields
Cuestionario de la sección
Resumen de la sección
Presentación de la sección y objetivos
Adición del paquete url_launcher
Enviar correo electrónico
Solución
Lanzar Url en el Navegador
Solución
Abrir aplicación de llamadas
Abrir aplicación de Google Maps
Mejores practicas
Cuestionario de la sección
Resumen de la sección
Presentación de la sección y objetivos
Planificación de la UI
Nueva App Pokedex
Instalación de dependencias
Configuración de colores y cambiar icono de la aplicación
Configuración de tipografía
Configuración de navegación
Solución de error de navegación
Diseño de vista base
Crear Widget RoundedSearchBar
Diseño del MainMenuItemButton
Diseño del GridView principal
Eventos de clic en el MainMenu y navegación
Creación de la vista base del PokedexScreen
Creación del MediumTopAppBar
Generar modelos de datos
Creación del widget PokemonCard
Creación del widget PokemonCard Parte 2
Creación del widget PokemonCard Parte 3
Adición del SilverGrid en PokedexScreen
Creación del Provider
Creación de métodos para capturar pokemon
Editando modelos de datos
Corrección de errores
Creando funciones para personalizar textos
Navegación con parámetros
Explorando un Mundo Pokémon Más Amplio
Buscando Pokemon por ID
Vista base para PokemonDetail
Primera parte de los detalles
Dibujando Stats del pokemon
Presentación de la sección y objetivos
Nueva app Notes
Configuración App
Configuración de la aplicación
Creación de Screens
Diseño HomeScreen Parte 1
Diseño HomeScreen Parte 2
Añadiendo el UiProvider
Creando modelo de datos
Crear Widget TaskCard Parte 1
Crear Widget TaskCard Parte 2
Añadiendo el TaskProvider
Pintando datos en pantalla
Filtrando Task en la lista
Navegación TaskScreen
TaskScreen diseño de vista base
TaskScreen diseño de vista base parte 2
Guardando y Actualizando Task
Eliminando elementos de la lista
Actualizando Status en la lista
Presentación de la sección y objetivos
Creando función para obtener dimensiones
Adaptando HomeScreen
Creando vista para LargeScreen y ExtraLargeScreen
Mejorando UI
Creando AdaptativeTask
Creando Grid
Adaptando Listados
Presentación de la Sección y Objetivos
¿Qué es SQFLite?
¿Qué es CRUD?
Instalación de Dependencias
Crear funciones toJson & fromJson
Crear Base De Datos
Función CREATE Raw
Función READ Raw
Función UPDATE Raw
Función DELETE Raw
Adaptando TaskProvider
Adaptando UI
Función Create
Función READ
Función UPDATE
Función DELETE
Hemos terminado una aventura juntos, ¡pero vamos a por la siguiente!

instructor

5.0 /5
(19)

  • Avatar
    María
    (5)
    From Dart to Flutter without frustration

    This course has a really well-designed learning curve. It let me master Dart and then make the jump to Flutter with confidence. I loved how each concept connects with useful examples.

  • Avatar
    Nieves
    (5)
    From Dart to Flutter: Fundamentals in Hybrid Mobile Applications – learn to build modern apps from language to interface

    When I started this course, I only knew that Dart was the language behind Flutter, but I didn't understand how they connected. This course explained everything to me with a clarity I really appreciate. First they taught me Dart with simple but powerful examples: functions, classes, asynchronous programming… and then, before I knew it, I was already creating screens in Flutter, navigating between views, using widgets and connecting logic with interface. What I liked most was that it doesn't skip steps: each concept has its moment, and that gave me the confidence to build my first real hybrid app. Now I can say I understand Flutter from its roots, and that changed me as a developer.

  • Avatar
    Jorge
    (5)
    The Perfect Bridge

    It took me a bit to get started with mobile development, but this content cleared everything up for me and helped me understand how to connect my previous knowledge with the new ecosystem in a really smooth way.

  • Avatar
    Gustavo
    (5)
    From Dart to Flutter: Fundamentals in Hybrid Mobile Apps

    The "From Dart to Flutter: Fundamentals in Hybrid Mobile Applications" course is a complete guide for those who want to master mobile app development with a single codebase. From the fundamentals of the Dart language to implementing responsive interfaces with Flutter, this program offers clear, practical training aligned with current market demands.

  • Avatar
    Angel
    (5)
    From Dart to Flutter: Fundamentals in Hybrid Mobile Apps

    This course is designed to teach hybrid mobile application development using Dart and Flutter. You'll learn to build responsive interfaces, manage states, integrate APIs, handle navigation, and apply best practices in app architecture. The approach is practical, with projects that simulate real applications for Android and iOS. Ideal for programmers who already know Dart and want to take the next step into structured and efficient mobile development with Flutter. Would you like me to connect it with other app architecture courses, Firebase, or even mobile monetization? I can also help you highlight its benefits for portfolios, presentations, or educational marketing strategies.

  • Avatar
    Nicolás
    (5)
    I loved it!

  • Avatar
    Javi
    (5)
    The Perfect Bridge

    I was worried the shift would be abrupt, but the transition was super smooth and logical. Understanding how to go from logic to seeing something actually work on mobile gave me huge satisfaction. Now I feel like I can create apps for any system without having to learn everything from scratch.

  • Avatar
    Santiago
    (5)
    Great course to get started

  • Avatar
    Giovanni
    (5)
    The transition I needed

    Moving from understanding Dart to building fluid interfaces with Flutter was a really smooth process thanks to the structure of these lessons. The focus on hybrid applications is really well done, giving you the key tools to create amazing visual components without losing sight of software performance across different devices

  • Avatar
    Rocío
    (5)
    .

    I learned a lot about Flutter

  • Avatar
    Jackeline
    (5)
    Flutter explained from the ground up

  • Avatar
    Rosa
    (5)
    excellent explanations

  • Avatar
    Samuel
    (5)
    the way they explain everything is so clear that even someone with no experience can follow along

    I used to feel lost in the world of apps, but now I have the confidence to create amazing projects.

  • Avatar
    Gabriela
    (5)
    Highly recommended

    This course helped me understand how to switch between languages without getting lost. Now I can create hybrid apps like a pro

  • Avatar
    Carlos
    (5)
    Flutter from zero, very well explained

    This course is excellent for starting to develop mobile applications with Flutter. In a short time, I was able to develop functional applications and gain a solid understanding of Flutter. Highly recommended.

  • Avatar
    Caty
    (5)
    The course provided a perfect transition from Dart to Flutter

    The course structure and the instructor's ability to explain complex topics in an accessible way were impressive

  • Avatar
    danison
    (5)
    Advancing from Dart to Flutter like an expert

    The course content is very varied and covers a wide range of concepts and tools. From the basics of programming there's something for everyone. Plus, the instructor offers plenty of tasks and exercises so you can put what you've learned into practice.

  • Avatar
    Yvonne
    (5)
    With structured lessons, practical examples, and challenging projects

    An essential course that transforms theory into practical skills, preparing you for success in hybrid mobile application development.

  • Avatar
    Joiser
    (5)
    Essential for those looking to advance their skills and stand out in the exciting world of Flutter

    The platform has created an impactful course that transforms the transition from Dart to Flutter into a smooth and valuable experience

PLANS TO MATCH YOUR GOALS AND NEEDS

Buy the individual course, get all the learning path or access to the entire platform

Choose the payment method that works best for your needs and budget with a one-time course payment, monthly or yearly access to the learning Path, or even to the entire platform.

One-Time Payment

Buy the course once and access it for life

49.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Popular

Bronze Frog

Access all Frogames courses, communities and extras

39 /month

  • Single payment of 39€ per month
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel anytime without losing your progress

Cross-Platform Development Path

Access all courses in the Multiplatform Development Path

19.99 /month

  • Single payment of 19.99€ per month
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress

One-time payment

Buy the course once and access it for life

49.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Valorado

Gold Frog

Access all Frogames courses, communities and extras

349 /year

  • Single payment of €349 per year
  • 3 months of discount
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel anytime without losing your progress
  • Resource Library
  • Monthly Q&A livestreams
  • Premium support

Cross-Platform Development Path

Access all courses in the Multiplatform Development Path

199 /year

  • Single annual payment of €199
  • 4 months of discount
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress
  • Premium support

* All prices include taxes.

For your security, all orders will be processed on a secure server.

Cross-Platform Development Path

The ultimate bundle with all our Cross-Platform Development courses to create web applications and mobile apps for Android and iOS. Includes upcoming courses and updates and improvements to current ones.

Git y GitHub de la A a la Z: Todo sobre el control de versiones

Learn the fundamental concepts and essential workflow for version control using Git and GitHub from scratch!

106 classes

Curso de Dart de la A a la Z

Dart, the programming language developed by Google: a powerful choice for web and mobile app development

135 classes

From Dart to Flutter: Fundamentals in Hybrid Mobile Apps

Get into the world of programming with Flutter through different projects that guarantee you solid, dynamic learning

198 classes

Aprende C# en 6 horas

Learn C#, the programming language used to create video games in Unity or backends in .Net in just 6 hours!

54 classes

App Store Optimization (ASO) de la A a la Z

Master App Store Optimization (ASO) techniques like an expert, starting from the fundamentals, and increase downloads of your apps and games for both iOS and Android

34 classes

Flutter Design Lab: Explorando Material Design, Cupertino y Web

Discover the magic of app design with Flutter's powerful tools to take your skills to the next level

148 classes

Programación Orientada a Objetos con C#

Apply object-oriented programming concepts in C# practically and master class creation, inheritance, polymorphism, encapsulation, and more.

107 classes

SQL from A to Z

From creating databases to having total control of your queries, this course will take you from beginner to expert in handling data efficiently

86 classes

Inteligencia Artificial en Flutter con Firebase AI

Build a fully functional Chat-GPT using Flutter and Firebase AI

39 classes

React Native: Aprende React Native con ejercicios prácticos

Learn the fundamentals of React Native from scratch. Use React Native to build hybrid mobile applications for both iOS and Android.

52 classes

Masterclass de productividad utilizando Visual Studio y C#

Drastically boost your productivity using C# with Visual Studio, mastering all its shortcuts and available tools

48 classes

Domina Android desde cero con Kotlin, Compose y Gemini AI

Android 16: Learn Kotlin, Compose, Retrofit, Room and Artificial Intelligence. Build real apps in Android Studio

692 classes

50 días de programación: Domina iOS 17 como un profesional

Develop 50 projects while you learn different iOS programming techniques

489 classes