Rasca la imagen para llevarte un descuento en tu curso. Podrás aplicar el cupón en el momento de pago.

5.0 /5
(3)

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
Tu cuaderno para tomar notas online sobre el curso
¿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 Practicas
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!

instructor

5.0 /5
(3)

  • 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!

  • 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
    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

PLANES PARA ACCEDER SEGÚN TUS OBJETIVOS Y NECESIDADES

Compra el curso individual, obtén toda la ruta de aprendizaje o accede a toda la plataforma

Elige la forma de pago que mejor se adapte a tus necesidades y a tu bolsillo con pago único por curso, acceso mensual o anual a la ruta de aprendizaje o incluso a toda la plataforma.

Pago Único

Compra el curso una vez y accede de por vida

49.99

  • Un único pago
  • Acceso instantáneo al curso de por vida
  • Accede a la comunidad del curso
El Más
Popular

Rana de Bronce

Accede a todos los cursos, comunidades y extras de Frogames

39 /mes

  • Pago único de 39€ al mes
  • Acceso instantáneo a todos los cursos
  • Accede a la plataforma y las comunidades 24 / 7, dónde y cuándo quieras
  • Cancela en cualquier momento sin perder tu progreso

Ruta de Desarrollo Multiplataforma

Accede a todos los Cursos de la Ruta de Desarrollo Multiplataforma

19.99 /mes

  • Pago único de 19.99€ al mes
  • Acceso instantáneo a los +10 cursos de la ruta
  • Accede a la ruta 24 / 7, dónde y cuándo quieras
  • Cancela en cualquier momento sin perder tu progreso

Pago único

Compra el curso una vez y accede de por vida

49.99

  • Un único pago
  • Acceso instantáneo al curso de por vida
  • Accede a la comunidad del curso
El Más
Valorado

Rana de Oro

Accede a todos los cursos, comunidades y extras de Frogames

349 /año

  • Pago único de 349€ al año
  • 3 meses de descuento
  • Acceso instantáneo a todos los cursos
  • Accede a la plataforma y las comunidades 24 / 7, dónde y cuándo quieras
  • Cancela en cualquier momento sin perder tu progreso
  • Biblioteca de Recursos
  • Directos mensuales de Q&A
  • Soporte premium

Ruta de Desarrollo Multiplataforma

Accede a todos los Cursos de la Ruta de Desarrollo Multiplataforma

199 /año

  • Pago único de 199€ al año
  • 4 meses de descuento
  • Acceso instantáneo a los +10 cursos de la ruta
  • Accede a la ruta 24 / 7, dónde y cuándo quieras
  • Cancela en cualquier momento sin perder tu progreso
  • Soporte premium

* Todos los precios llevan impuestos incluidos.

Por tu seguridad, todos los pedidos se procesarán en un servidor seguro.

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 y GitHub de la A a la Z: Todo sobre el control de versiones

¡Aprende los conceptos fundamentales y el flujo de trabajo esencial sobre el control de versiones utilizando Git y GitHub desde cero!

106 clases

Curso de Dart de la A a la Z

Dart, el lenguaje desarrollado por Google: una elección poderosa para el desarrollo de aplicaciones web y móviles

135 clases

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

Introdúcete en el mundo de la programación con Flutter con diferentes proyectos que te garantizan un aprendizaje sólido y dinámico

198 clases

Aprende C# en 6 horas

Aprende C#, el lenguaje de programación utilizado para crear videojuegos en Unity o backends en .Net ¡en solamente 6 horas!

53 clases

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

Domina las técnicas del App Store Optimization (ASO) como un experto empezando por la base y aumenta las descargas de tus apps y juegos tanto para iOS como para Android

34 clases

Flutter Design Lab: Explorando Material Design, Cupertino y Web

Descubre la magia del diseño de aplicaciones con las poderosas herramientas de Flutter para llevar tus habilidades al siguiente nivel

148 clases

Programación Orientada a Objetos con C#

Aplica de forma práctica y entiende los conceptos de programación orientada a objetos en C# y domina la creación de clases, la herencia, el polimorfismo o la encapsulación entre otros

107 clases

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

85 clases

React Native: Aprende React Native con ejercicios prácticos

Aprende los fundamentos de React Native desde cero. Usa React Native para construir aplicaciones móviles híbridas tanto para iOS como para Android

52 clases

Masterclass de productividad utilizando Visual Studio y C#

Incrementa drásticamente tu productividad usando C# con Visual Studio, dominando todos sus shortcuts y herramientas disponibles

48 clases