- 1
¡Renovaremos este curso!
00:31 - 2

Desarrollando en Flutter
01:36 - 3

¿Qué es Flutter?
08:50 - 4

Dart y Flutter
08:13 - 5
Sintaxis de Dart
00:05 - 6
¡Renovaremos este curso!
00:31 - 7

Flutter para desarrolladores Android, iOS y Xamarin.forms
04:33 - 8
Flutter para desarrolladores React Native
01:27 - 9

¿Cómo luce una app construída en Flutter?
04:13 - 10
Primer reto
00:19
Análisis de Interfaces de Usuario en Flutter
Clase 21 de 45 • Curso de Flutter
Contenido del curso
- 15
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 16

Programación Declarativa en Flutter
04:24 - 17

Estructura de un programa en Flutter
08:20 - 18

Hola Mundo en Flutter
05:07 - 19

Widgets básicos
09:18 - 20

Widgets con estado y sin estado
04:26 - 21

Análisis de Interfaces de Usuario en Flutter
07:04 - 22
Definiendo los layouts de nuestra interfaz
00:18 - 23
Segundo reto
00:20
- 24
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 25

Flutter Widgets: Container, Text, Icon, Row
13:37 - 26

Flutter Widgets: Column
08:43 - 27

Recursos en Flutter: Tipografías y Google Fonts
06:57 - 28

Widget Image
08:28 - 29

Widget Apilando Textos
09:41 - 30

Widgets Decorados
12:28 - 31

Widget Imagen Decorada
17:21 - 32

Widget Listview
10:17 - 33

Widget Button, InkWell
14:32 - 34
Tercer reto
00:12
- 35
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 36
Botones en Flutter
01:14 - 37

Clase StatefulWidget: Cómo se compone
05:29 - 38

Widget Floating Action Button
10:16 - 39

Widgets BottomNavigationBar
09:54 - 40

Generando Navegación en BottomNavigationBar
11:14 - 41
Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar
03:20 - 42
Cuarto reto
00:17
Analizar las interfaces de usuario para determinar la mejor forma de componer los diferentes grupos de elementos visuales o de interacción que conforman nuestra aplicación es una tarea común entre desarrolladores de aplicaciones móviles. De hecho la propia documentación oficial de Flutter lo recomienda.
El análisis consiste básicamente en identificar o detectar visualmente cuál sería la mejor forma de construir las diferentes secciones de nuestra interfaz, tomando en cuenta los widgets básicos de los cuales disponemos en Flutter. Prever la manera en que pueden ser anidados u organizados los diferentes widgets básicos, incluso determinar qué grupos de widgets pudieran pasar a ser nuevos widgets compuestos nos facilitará mucho el trabajo posterior ya cuando pasemos al código del programa.
Una técnica usada para representar el widget tree resultante del análisis de la interfaz es mediante un diagrama de árbol, en el que cada widget se representa con una símbolo circular en una estructura de dependencias o asociaciones derivadas desplegadas en forma de árbol descendente.