Gratte l'image pour obtenir une réduction sur ton cours. Tu pourras appliquer le coupon au moment 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
Toma notas de tu curso en tiempo real en 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
Hemos terminado una aventura juntos, ¡pero vamos a por la siguiente!

instructeur

5.0 /5
(18)

  • Avatar
    Gustavo
    (5)
    Flutter Design Lab: Explorando Material Design, Cupertino y Web

    Le cours « Flutter Design Lab: Explorando Material Design, Cupertino y Web » est une expérience de formation axée sur la conception d'interfaces modernes, réactives et multiplateformes avec Flutter. Idéal pour ceux qui souhaitent créer des applications visuellement attrayantes et cohérentes sur Android, iOS et Web, ce programme combine la théorie du design avec la pratique technique, libérant tout le potentiel du framework.

  • Avatar
    Nieves
    (5)
    Flutter Design Lab : Explorer Material Design, Cupertino et Web – maîtrise le design multiplateforme avec style, fluidité et précision 📘 Avis personnel : « Ce cours a été une révélation. Je savais déjà utiliser Flutter pour construire des écrans fonctionnels, mais je ne m'étais jamais arrêté pour penser au design comme expérience. J'ai appris ici à travailler avec Material Design et Cupertino non seulement comme styles visuels, mais comme philosophies d'interaction. J'ai adoré voir comment un même widget peut s'adapter à Android, iOS et Web sans perdre en cohérence. Le meilleur, c'a été de comprendre comment utiliser les thèmes, les typographies, les couleurs et les animations pour que chaque app se sente polie et professionnelle. Maintenant quand je conçois, je pense à la cohérence, l'accessibilité et l'esthétique. Ce cours m'a donné des outils réels pour créer des interfaces qui ont l'air bien et se sentent encore mieux. » 🔹 Niveau : Intermédiaire 🔹 Format : Vidéo + développement guidé par projet 🔹 Idéal pour : Designers UI/UX, développeurs Flutter, formateurs techniques et créateurs d'apps multiplateformes 🧩 Ce que tu maîtriseras : - Fondamentaux du design dans Flutter : Material vs Cupertino - Widgets visuels adaptatifs pour Android, iOS et Web - Personnalisation des thèmes, couleurs, typographies et styles - Design réactif et adaptatif avec MediaQuery et LayoutBuilder - Animations fluides avec Hero, AnimatedContainer et Transitions - Création d'interfaces accessibles et scalables - Bonnes pratiques en design multiplateforme - Exportation et tests sur différents appareils Tu veux que je la connecte avec des Parcours de design avancé, animations personnalisées ou intégration avec Figma ? Je peux aussi t'aider à créer une version pour les réseaux ou catalogue. C'est toi qui décides du rythme, B.

    Ce cours a été une révélation. Je savais déjà utiliser Flutter pour construire des écrans fonctionnels, mais je ne m'étais jamais arrêté pour penser au design comme expérience. J'ai appris ici à travailler avec Material Design et Cupertino non seulement comme styles visuels, mais comme philosophies d'interaction.

  • Avatar
    Georges
    (5)
    Style pur et épuré

    J'ai adoré la liberté qu'il donne pour jouer avec les designs des apps, j'ai pu expérimenter avec des interfaces qui me semblaient avant impossibles et le résultat final se sent super moderne et poli, idéal pour ce que je cherchais.

  • Avatar
    Jackeline
    (5)
    Concevoir pour Android, iOS et Web sans perdre le style

  • Avatar
    Angel
    (5)
    Flutter Design Lab: Explorando Material Design, Cupertino y Web

    Ce cours spécialisé se concentre sur la conception d'interfaces avec Flutter, en explorant les systèmes de design Material Design, Cupertino et les adaptations pour le Web. Tu apprendras à créer des composants visuels personnalisés, appliquer des styles cohérents, gérer les thèmes et construire des expériences multiplateformes avec un accent sur l'esthétique et la fonctionnalité. Il comprend des projets pratiques qui simulent des applications réelles en mettant l'accent sur l'utilisabilité, l'accessibilité et la cohérence visuelle. Idéal pour les designers et les développeurs qui souhaitent maîtriser la conception d'interfaces modernes avec Flutter.

  • Avatar
    Caty
    (5)
    Excellent

    J'ai terminé le cours en ligne Flutter Design Lab et j'ai été très satisfait de la qualité de l'enseignement et des connaissances acquises. Le cours couvre de manière complète les concepts de Material Design, Cupertino et Web, ce qui m'a permis d'avoir une large compréhension sur la conception dans Flutter.

  • Avatar
    Gabriela
    (5)
    Je suis impatiente d'appliquer tout ce que j'ai appris dans mes futurs projets

    Le cours est simplement incroyable ! Explorer Material Design et Cupertino m'a ouvert les yeux sur de nouvelles possibilités. J'ai adoré expérimenter avec les différents styles et voir comment ça prend forme sur le web.

  • Avatar
    Javi
    (5)
    Quel bon goût visuel !

    C'est fascinant de voir comment tu peux faire en sorte qu'une app soit belle sur un système comme sur l'autre sans te perdre. Expérimenter avec les différents styles et voir que tout s'emboîte parfaitement sur le web aussi, c'était merveilleux. Ça m'a donné des outils esthétiques dont je ne savais pas que j'avais besoin

  • Avatar
    Santiago
    (5)
    Le cours s'est bien déroulé

  • Avatar
    Nicolas
    (5)
    Très bon cours

  • Avatar
    Rocío
    (5)
    Intéressant et très pratique

  • Avatar
    María
    (5)
    Exploring design with Flutter like never before

    Designing with Flutter is no longer confusing for me. I learned how to apply Material Design, Cupertino and web design from a single environment. It was like discovering a new way to create beautiful interfaces.

  • Avatar
    Rosa
    (5)
    bon cours :)

  • Avatar
    Samuel
    (5)
    Excellent cours

    Maintenant mes apps ont une présentation super professionnelle et je n'arrive pas à y croire que je les aie faites

  • Avatar
    Yvonne
    (5)
    Très bonne qualité

    La qualité de l'audio et de l'image et la cohérence du contenu sont excellentes ! Félicitations

  • Avatar
    danison
    (5)
    Recommended Flutter Design Lab

    Une bonne introduction pratique aux principes de design et UX pour créer des applications mobile attrayantes, 10/10

  • Avatar
    Joiser
    (5)
    Explications concrètes

    Le programme couvre la conception d'interfaces avec Flutter, en passant par la création d'applications comme des clones de Netflix et Instagram, jusqu'à l'internationalisation dans Flutter

  • Avatar
    Carlos
    (5)
    Cours recommandé

    Le cours de Flutter Design Lab est fantastique ! L'instructeur montre comment créer des designs attrayants et fonctionnels pour les applications en utilisant le framework Flutter. De plus, des exemples pratiques sont fournis qui permettent d'apprendre comment appliquer les connaissances acquises dans la création d'une App en temps réel. Si tu cherches à apprendre comment créer des designs d'apps vraiment attrayants et uniques, ce cours est fait pour toi !

PLANS POUR ACCÉDER SELON TES OBJECTIFS ET TES BESOINS

Achète le cours individuel, obtiens tout le parcours d'apprentissage ou accède à toute la plateforme

Choisis le mode de paiement qui s'adapte le mieux à tes besoins et à ton budget : paiement unique par cours, accès mensuel ou annuel au Parcours d'apprentissage ou même à toute la plateforme.

Paiement unique

Achète le cours une fois et accède à vie

49.99

  • Un seul paiement
  • Accès instantané au cours à vie
  • Accède à la communauté du cours
El Más
Popular

Grenouille de Bronze

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

39 /mois

  • Paiement unique de 39€ par mois
  • Accès instantané à tous les cours
  • Accède à la plateforme et aux communautés 24 / 7, où et quand tu veux
  • Annule à tout moment sans perdre ta progression

Parcours de Développement Multiplateformes

Accède à tous les cours du Parcours Développement Multiplateforme

19.99 /mois

  • Paiement unique de 19.99€ par mois
  • Accès instantané aux +10 cours du parcours
  • Accède au Parcours 24 / 7, où et quand tu veux
  • Annule à tout moment sans perdre ta progression

Paiement unique

Achète le cours une fois et accède à vie

49.99

  • Un seul paiement
  • Accès instantané au cours à vie
  • Accède à la communauté du cours
El Más
Valorado

Grenouille d'Or

Accède à 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ède à la plateforme et aux communautés 24 / 7, où et quand tu veux
  • Annule à tout moment sans perdre ta progression
  • Bibliothèque de Ressources
  • Sessions de Q&A mensuelles en direct
  • Support premium

Parcours de Développement Multiplateformes

Accède à tous les cours du Parcours Développement Multiplateforme

199 /an

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

* Tous les prix incluent les taxes.

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

Parcours de Développement Multiplateformes

Le pack ultime avec tous nos cours de Développement Multiplateforme pour créer des applications web et pour appareils mobiles sur Android et iOS. Il inclut les cours à venir ainsi que les mises à jour et améliorations des cours actuels

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

Apprends les concepts fondamentaux et le flux de travail essentiel du contrôle de version avec Git et GitHub à partir de zéro !

106 cours

Curso de Dart de la A a la Z

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

135 cours

De Dart a Flutter: Fundamentos en Aplicaciones Móviles Híbridas

Plonge-toi dans le monde de la programmation avec Flutter grâce à différents projets qui te garantissent un apprentissage solide et dynamique

198 cours

Aprende C# en 6 horas

Apprends 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 la A a la Z

Maîtrise les techniques de l'App Store Optimization (ASO) comme un expert en commençant par les bases et augmente les téléchargements de tes apps et jeux sur iOS comme sur Android

34 cours

Flutter Design Lab: Explorando Material Design, Cupertino y Web

Découvre la magie du design d'applications avec les puissants outils de Flutter pour porter tes compétences au niveau supérieur

148 classes

Programación Orientada a Objetos con C#

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

107 cours

SQL de la A à la Z

De la création de bases de données à la maîtrise totale de tes requêtes, ce cours te mènera de débutant à expert dans la gestion efficace des données

86 cours

Inteligencia Artificial en Flutter con Firebase AI

Développe un Chat-GPT entièrement fonctionnel avec Flutter et Firebase AI

39 cours

React Native: Aprende React Native con ejercicios prácticos

Apprenez les fondamentaux 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 productividad utilizando Visual Studio y C#

Augmente drastiquement ta productivité en utilisant C# avec Visual Studio, en maîtrisant tous ses raccourcis et outils disponibles

48 cours

Domina Android desde cero con Kotlin, Compose y Gemini AI

Android 16 : Apprends Kotlin, Compose, Retrofit, Room et Intelligence Artificielle. Crée des apps réelles dans Android Studio

692 cours

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

Développe 50 projets tout en apprenant différentes techniques de programmation en iOS

489 cours