Grattez l'image pour obtenir une réduction sur votre cours. Vous pourrez appliquer le coupon lors du paiement.

5.0 /5
(18)

148
Flutter Design Lab, explorando Material Design, Cupertino y Web
Bienvenidos al curso Flutter Design Lab
Cómo sacarle el máximo partido al curso
Comunidad de Discord para Aprender con Amigos
Prenez des notes de votre cours en temps réel sur Frogames Formación
¿Quién es el Instructor?
Presentación de la sección y objetivos
Descarga de contenido para esta sección
Nueva App Cupertino Catalog
¿Qué es CupertinoApp?
Definiendo el main y diseñando las rutas
Diseñando el AppBar
Diseñando el HomeScreen
Creando un widget personalizado
Actualizando el pubspec.yaml
Añadiendo evento de clic con navegación
Creando vista base del WidgetScreen
Widget CupertinoActionSheet
Widget CupertinoActivityIndicator
Widget CupertinoAlertDialog
Widget CupertinoButton
Widget CupertinoContextMenu
Widget CupertinoDatePicker
Widget CupertinoDialogAction
Widget CupertinoListSection
Widget CupertinoListTile
Widget CupertinoNavigationBar
Widget CupertinoPageScaffold
Widget CupertinoPageTransition
Widget CupertinoPicker
Widget CupertinoPopupSurface
Widget CupertinoScrollBar
Widget CupertinoSearchTextField
Widget CupertinoSegmentedControl
Widget CupertinoSlider
Widget CupertinoSlidingSegmentedControl
Widget CupertinoSliverNavigationBar
Widget CupertinoSwitch
Widget CupertinoTabBar
Widget CupertinoTabScaffold
Widget CupertinoTextField
Widget CupertinoTimePicker
Mejores Prácticas
Cuestionario de la Sección
Resumen de la sección
Presentación de la Sección y Objetivos
Descarga de contenido para esta sección
Nueva app Material Catalog
¿Qué es MaterialApp?
Definiendo el main y diseñando las rutas
Diseñando el AppBar
Creando ItemCardWidget
Creando ItemSectionWidget
Diseñando el HomeScreen
Añadiendo evento de clic con navegación
Creando vista base de Widgets
Widget Buttons
Widget FloatingActionButton
Widget ExtendedFloatingActionButton
Widget IconButton
Widget SegmentedButton
Widget LinearProgressIndicator
Widget SnackBar
Widget AlertDialog
Widget Bottom sheet
Widget Card
Widget Divider
Widget ListTile
Widget Bottom app bar
Widget AppBar
Widget NavigationBar
Widget Badge
Widget NavigationDrawer
Widget Navigation rail
Widget TabBar
Widget Checkbox
Widget Chip
Widget DatePicker
Widget Menu
Widget Radio
Widget Slider
Widget Switch
Widget TimePicker
Widget Text Inputs
Mejores Practicas
Solución tarea mejores practicas
Cuestionario de la Sección
Resumen de la Sección
Introducción a la Sección
¿Qué es Custom Colors en Material Design 3?
Crear paleta una Custom Color Palette
Añadir colores Custom App Material Design 3
Instalar provider y crear clase ThemeProvider
Cambiar Theme desde CustomAppBar
¿Qué es Dynamic Colors en Material Design 3?
Instalando dependencia de Dynamic Color y Configurando
Resumen De La Sección
Presentación de la sección y objetivos
Descarga de contenido para esta sección
Nueva App Netflix
Preparar colores para la aplicación
Preparando estilos de texto para la aplicación
Creación de AppBar Personalizado
Creación del NavigationBar Personalizado
Definiendo temas personalizados para widgets
Creando el CardMovie
Configurando el ListView.builder
Mejoras UI - Lista Vacía
Mejoras UI - Error
Mejoras UI - Carga
Crear ProfileScreen
Definiendo Header personalizado
Definiendo listado y agregando recursos
Creando vista de perfiles
Definiendo el GridView
Habilitando evento Tap y navegación
Fin de la sección
Bonus: ShimmerEfect
Presentación de la sección y objetivos
Descarga de contenido para esta sección
Nueva App Instagram
Obtener ApiKey
Creando Assets
Creando Colores
Creando Fuentes
Crear ItemPost
Crear Header para el Post
Crear Información del Post
Añadir acciones al Post
Crear AppBar personalizado
Creando BottomNavigationBar
Crear LoginScreen
Creando TextFields
Reutilizar Diseño del TextField
Creando Button Personalizado
Creando Separador Personalizado
Creando Textos con Tap
Fin de la Sección
Presentación de la sección y objetivos
Instalar paquete adicional
Inicializar el intl y configurar el pubspec.yaml
Explicando archivos generados
Editando textos de Login
Corrección de Errores
Editando textos del Feed
Ocultando ApiKey
Fin de la sección
Nous avons terminé une aventure ensemble, mais allons-en à la suivante !

instructeur

5.0 /5
(18)

  • Avatar
    Gustavo
    (5)
    Flutter Design Lab : Exploration de Material Design, Cupertino et Web

    El curso "Flutter Design Lab: Explorando Material Design, Cupertino y Web" es una experiencia formativa centrada en el diseño de interfaces modernas, responsivas y multiplataforma usando Flutter. Ideal para quienes desean crear aplicaciones visualmente atractivas y coherentes en Android, iOS y Web, este programa combina teoría de diseño con práctica técnica, desbloqueando el verdadero potencial del framework.

  • Avatar
    Nieves
    (5)
    Flutter Design Lab: Explorando Material Design, Cupertino y Web – domina el diseño multiplataforma con estilo, fluidez y precisión 📘 Reseña personal: “Este curso fue una revelación. Yo ya sabía usar Flutter para construir pantallas funcionales, pero nunca me había detenido a pensar en el diseño como experiencia. Aquí aprendí a trabajar con Material Design y Cupertino no solo como estilos visuales, sino como filosofías de interacción. Me encantó ver cómo un mismo widget puede adaptarse a Android, iOS y Web sin perder coherencia. Lo mejor fue entender cómo usar temas, tipografías, colores y animaciones para que cada app se sienta pulida y profesional. Ahora cuando diseño, pienso en consistencia, accesibilidad y estética. Este curso me dio herramientas reales para crear interfaces que se ven bien y se sienten mejor.” 🔹 Nivel: Intermedio 🔹 Formato: Video + desarrollo guiado por proyecto 🔹 Ideal para: Diseñadores UI/UX, desarrolladores Flutter, docentes técnicos y creadores de apps multiplataforma 🧩 Lo que dominarás: - Fundamentos de diseño en Flutter: Material vs Cupertino - Widgets visuales adaptativos para Android, iOS y Web - Personalización de temas, colores, tipografías y estilos - Diseño responsivo y adaptativo con MediaQuery y LayoutBuilder - Animaciones fluidas con Hero, AnimatedContainer y Transitions - Creación de interfaces accesibles y escalables - Buenas prácticas en diseño multiplataforma - Exportación y pruebas en distintos dispositivos ¿Quieres que lo conecte con rutas de diseño avanzado, animaciones personalizadas o integración con Figma? También puedo ayudarte a crear una versión para redes o catálogo. Tú marcas el ritmo, B.

    Este curso fue una revelación. Yo ya sabía usar Flutter para construir pantallas funcionales, pero nunca me había detenido a pensar en el diseño como experiencia. Aquí aprendí a trabajar con Material Design y Cupertino no solo como estilos visuales, sino como filosofías de interacción.

  • Avatar
    Jorge
    (5)
    Estilo puro y limpio

    Me encantó la libertad que da para jugar con los diseños de las apps, pude experimentar con interfaces que antes me parecían imposibles y el resultado final se siente súper moderno y pulido, ideal para lo que buscaba.

  • Avatar
    Jackeline
    (5)
    Diseñar para Android, iOS y Web sin perder el estilo

  • Avatar
    Angel
    (5)
    Flutter Design Lab : Exploration de Material Design, Cupertino et Web

    Este curso especializado está enfocado en el diseño de interfaces con Flutter, explorando los sistemas de diseño Material Design, Cupertino y adaptaciones para Web. Aprenderás a crear componentes visuales personalizados, aplicar estilos consistentes, gestionar temas y construir experiencias multiplataforma con enfoque estético y funcional. Incluye proyectos prácticos que simulan aplicaciones reales con énfasis en usabilidad, accesibilidad y coherencia visual. Ideal para diseñadores y desarrolladores que desean dominar el diseño de interfaces modernas con Flutter.

  • Avatar
    Caty
    (5)
    Excelenteeee

    He completado el curso online de Flutter Design Lab y he quedado muy feliz con la calidad de la enseñanza y los conocimientos adquiridos. El curso abarca de manera completa los conceptos de Material Design, Cupertino y Web, lo cual me ha permitido tener un amplio entendimiento sobre el diseño en Flutter.

  • Avatar
    Gabriela
    (5)
    No puedo esperar para aplicar todo lo que aprendí en mis futuros proyectos

    El curso es simplemente increíble! explorar material design y cupertino me abrió los ojos a nuevas posibilidades. me encantó experimentar con los diferentes estilos y ver cómo toma forma en web.

  • Avatar
    Javi
    (5)
    ¡Qué buen gusto visual!

    Es fascinante ver cómo puedes hacer que una app se vea bien tanto en un sistema como en otro sin volverte loco. Experimentar con los diferentes estilos y ver que todo encaja perfectamente en la web también fue una maravilla. Me dio herramientas estéticas que no sabía que necesitaba

  • Avatar
    Santiago
    (5)
    Ha estado bien el curso

  • Avatar
    Nicolás
    (5)
    Muy buen curso

  • Avatar
    Rocío
    (5)
    Interesante y muy práctico

  • Avatar
    María
    (5)
    Explorando el diseño con Flutter como nunca antes

    Diseñar con Flutter ya no me resulta confuso. Aprendí a aplicar Material Design, Cupertino y diseño web desde un solo entorno. Fue como descubrir una nueva forma de crear interfaces hermosas.

  • Avatar
    Rosa
    (5)
    buen curso :)

  • Avatar
    Samuel
    (5)
    Excelente curso

    Ahora mis apps tienen una presentacion súper profesional y no puedo creer que yo las haya hecho

  • Avatar
    Yvonne
    (5)
    Muy buena calidad

    La calidad del audio y la imagen y la coherencia en el contenido, es muy buena! Felicidades

  • Avatar
    danison
    (5)
    Recomendado Flutter Design Lab

    Buena introducción práctica a los principios de diseño y UX para la creación de aplicaciones mobile atractivas, 10/10

  • Avatar
    Joiser
    (5)
    Explicaciones concretas

    El temario abarca desde el diseño de interfaces con Flutter, pasando por la creación de aplicaciones como clones de Netflix e Instagram, hasta la internacionalización en Flutter

  • Avatar
    Carlos
    (5)
    Curso recomendado

    ¡El curso de Flutter Design Lab es fantástico! El instructor muestra cómo crear diseños atractivos y funcionales para aplicaciones utilizando el framework Flutter. Además, se brindan ejemplos prácticos que permiten aprender cómo aplicar los conocimientos aprendidos en la creación de una App en tiempo real. ¡Si estás buscando aprender cómo crear diseños de apps realmente atractivos y únicos, este es el curso para ti!

FORFAITS POUR ACCÉDER SELON VOS OBJECTIFS ET BESOINS

Achetez le cours individuel, obtenez toute la parcours d'apprentissage ou accédez à toute la plateforme

Choisissez le mode de paiement qui s'adapte le mieux à vos besoins et à votre budget avec un paiement unique par cours, un accès mensuel ou annuel au parcours d'apprentissage ou même à toute la plateforme.

Paiement unique

Achetez le cours une fois et accédez-y à vie

49.99

  • Paiement unique
  • Accès instantané au cours à vie
  • Accédez à la communauté du cours
Le Plus
Populaire

Grenouille de bronze

Accédez à tous les cours, communautés et extras de Frogames

39 /mois

  • Paiement unique de 39€ par mois
  • Accès instantané à tous les cours
  • Accédez à la plateforme et aux communautés 24h/24 et 7j/7, où et quand vous voulez
  • Annulez à tout moment sans perdre votre progression

Ruta de Desarrollo Multiplataforma

Accede a todos los cursos de la Ruta de Desarrollo Multiplataforma

19.99 /mois

  • Paiement unique de 19.99€ par mois
  • Accès instantané aux +10 cours du parcours
  • Accédez au parcours 24 / 7, où et quand vous voulez
  • Annulez à tout moment sans perdre votre progression

Paiement unique

Achetez le cours une fois et accédez-y à vie

49.99

  • Paiement unique
  • Accès instantané au cours à vie
  • Accédez à la communauté du cours
Le Plus
Évalué

Grenouille d'Or

Accédez à tous les cours, communautés et extras de Frogames

349 /an

  • Paiement unique de 349€ par an
  • 3 mois de réduction
  • Accès instantané à tous les cours
  • Accédez à la plateforme et aux communautés 24h/24 et 7j/7, où et quand vous voulez
  • Annulez à tout moment sans perdre votre progression
  • Bibliothèque de Ressources
  • Sessions Q&A en direct mensuelles
  • Support premium

Ruta de Desarrollo Multiplataforma

Accede a todos los cursos de la Ruta de Desarrollo Multiplataforma

199 /an

  • Paiement unique de 199 € par an
  • 4 mois de réduction
  • Accès instantané aux +10 cours du parcours
  • Accédez au parcours 24 / 7, où et quand vous voulez
  • Annulez à tout moment sans perdre votre progression
  • Support premium

* Tous les prix s'entendent taxes comprises.

Pour votre sécurité, toutes les commandes seront traitées sur un serveur sécurisé.

Ruta de Desarrollo Multiplataforma

El pack definitivo con todos nuestros cursos de Desarrollo Multiplataforma para crear aplicaciones tanto web como para dispositivos móviles en Android e iOS. Incluye los cursos que están por venir y las actualizaciones y mejoras de los actuales

Git et GitHub de A à Z : Tout sur le contrôle de version

Apprenez les concepts fondamentaux et le flux de travail essentiel sur le contrôle de version en utilisant Git et GitHub à partir de zéro !

106 cours

Cours de Dart de A à Z

Dart, le langage développé par Google : un choix puissant pour le développement d'applications web et mobiles

135 classes

De Dart à Flutter : Fondamentaux des Applications Mobiles Hybrides

Plongez dans le monde de la programmation avec Flutter grâce à différents projets qui garantissent un apprentissage solide et dynamique.

198 classes

Apprenez C# en 6 heures

Apprenez C#, le langage de programmation utilisé pour créer des jeux vidéo dans Unity ou des backends en .Net en seulement 6 heures !

54 cours

App Store Optimization (ASO) de A à Z

Maîtrisez les techniques d'App Store Optimization (ASO) comme un expert en partant des bases et augmentez les téléchargements de vos applications et jeux pour iOS et Android

34 classes

Flutter Design Lab : Exploration de Material Design, Cupertino et Web

Découvrez la magie de la conception d'applications avec les puissants outils de Flutter pour faire passer vos compétences au niveau supérieur

148 cours

Programmation orientée objet avec C#

Appliquez de manière pratique et comprenez les concepts de la programmation orientée objet en C# et maîtrisez la création de classes, l'héritage, le polymorphisme ou l'encapsulation entre autres

107 cours

SQL de la A a la Z

Desde la creación de bases de datos hasta el control total de tus consultas, este curso te llevará de principiante a experto en el manejo de datos de manera eficiente

86 clases

Intelligence Artificielle dans Flutter avec Firebase AI

Desarrolla un Chat-GPT completamente funcional utilizando Flutter y Firebase AI

39 clases

React Native : Apprenez React Native avec des exercices pratiques

Apprenez les bases de React Native à partir de zéro. Utilisez React Native pour créer des applications mobiles hybrides pour iOS et Android

52 cours

Masterclass de productivité utilisant Visual Studio et C#

Augmentez radicalement votre productivité en utilisant C# avec Visual Studio, en maîtrisant tous ses raccourcis et outils disponibles

48 cours

Maîtrisez Android à partir de zéro avec Kotlin, Compose et Gemini AI

Android 16 : Apprenez Kotlin, Compose, Retrofit, Room et l'Intelligence Artificielle. Créez de vraies applications sur Android Studio

692 classes

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

Desarrolla 50 proyectos mientras aprendes diferentes técnicas de programación en iOS

489 clases