Bienvenida e Introducción

1

¡Renovaremos este curso!

2

Desarrollando en Flutter

3

¿Qué es Flutter?

4

Dart y Flutter

5

Sintaxis de Dart

6

¡Renovaremos este curso!

7

Flutter para desarrolladores Android, iOS y Xamarin.forms

8

Flutter para desarrolladores React Native

9

¿Cómo luce una app construída en Flutter?

10

Primer reto

Creando mi entorno de desarrollo

11

¡Renovaremos este curso!

12

Requerimientos de Hardware y Software

13

Instalando Flutter en Android Studio y Visual Studio Code

14

Composición de un proyecto en Flutter

Interfaces en Flutter

15

¡Renovaremos este curso! Te quedan unos días para concluirlo.

16

Programación Declarativa en Flutter

17

Estructura de un programa en Flutter

18

Hola Mundo en Flutter

19

Widgets básicos

20

Widgets con estado y sin estado

21

Análisis de Interfaces de Usuario en Flutter

22

Definiendo los layouts de nuestra interfaz

23

Segundo reto

Widgets sin estado en Flutter

24

¡Renovaremos este curso! Te quedan unos días para concluirlo.

25

Flutter Widgets: Container, Text, Icon, Row

26

Flutter Widgets: Column

27

Recursos en Flutter: Tipografías y Google Fonts

28

Widget Image

29

Widget Apilando Textos

30

Widgets Decorados

31

Widget Imagen Decorada

32

Widget Listview

33

Widget Button, InkWell

34

Tercer reto

Widgets con estado en Flutter

35

¡Renovaremos este curso! Te quedan unos días para concluirlo.

36

Botones en Flutter

37

Clase StatefulWidget: Cómo se compone

38

Widget Floating Action Button

39

Widgets BottomNavigationBar

40

Generando Navegación en BottomNavigationBar

41

Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar

42

Cuarto reto

Fin del Curso

43

¡Renovaremos este curso!

44

Conclusiones

45

¡Terminamos!

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

19 Días
19 Hrs
17 Min
28 Seg
Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

Flutter para desarrolladores Android, iOS y Xamarin.forms

7/45
Recursos

Android

  • Todo lo que tenemos en las interfaces de Android como: botones, textos, etiquetas, imágenes, etc., proviene (o es una instancia) de la clase padre View y todos estos elementos en su conjunto, al final, constituirán a su vez un View. El lenguaje de esquematización usado en Android para diseñar y definir la composición de las interfaces es XML.

iOS

  • De manera similar, en iOS todo lo que tenemos en las interfaces como: botones, textos, etiquetas, etc., proviene (o es una instancia) de la clase principal UIView. Para la composición y diseño de las interfaces iOS cuenta con un entorno gráfico dedicado a esta tarea cuyo componente principal son los Storyboards.

Xamarin / Xamarin.Forms

  • En el ecosistema de desarrollo multiplataforma de Microsoft y .NET, Xamarin / Xamarin.Forms, los elementos que conforman las interfaces de las aplicaciones: botones, textos, imágenes, etc., son instancias de la clase base Element mientras que para el diseño y composición de la interfaz, el lenguaje de esquematización utilizado es XAML (derivado de XML).

Flutter

  • En Flutter, el equivalente a los Views, UIViews y Elements, con los que se componen las interfaces de las aplicaciones, son los Widgets, de hecho todo en Flutter es en esencia, un Widget, y la forma en que se diseñan y se componen las interfaces es mediante la definición de árboles de Widgets o Widget tree en los que todos los Widget de la interfaz están organizados de forma anidada y representan atributos o propiedades de este árbol.

Aportes 62

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

🖼️ En Flutter todo es un Widget y en Dart todo es un Objeto.

En Flutter todo es un Widget 😃

Android - iOs - Xamarin - Flutter
View - UIView - Element - Widget
XML - Storyboard - XAML - Widget tree

Soy desarrollador Xamarin y la verdad es que tiene muchas limitaciones gráficas. Flutter es todo lo contrario.

La forma en que se componen las interfaces en Flutter es mediante arboles de widgets (widgets tree)

Aquí hay más sobre Flutter: https://bit.ly/3a4YG8m

En widget todo es un flutter.

Ah no, algo esta mal…

Esto es “WIDGeteria”(brujería) 😮

En resumen…
Android, todo lo que contiene sus interfaces proviene de la clase padre view.
IOS, todo lo que contiene en sus interfaces proviene de las clases principales UIView, y para la composición de diseño de sus interfaces cuenta con StoryBoards.
Xamarin, los elementos que conforman las interfaces son instancias de la clase base Element, para el diseño y composición de interfaces se utiliza XAML (derivado de XML).
Flutter, todo es un widget.

Yo soy nuevo no vengo de ningun lenguaje.
Si acaso lo m{as que he aprendido fue en pyhton pero no llegue muy lejos

Xamarin y Xamarin.forms tienen un principio (multi-plataforma con lógica común única) realmente similar a Flutter, pero el acabado final en la apariencia de las interfaces es mucho más sencilla y poco atractiva. Con Flutter, al parecer, los resultados visuales y de UX son simplemente increíbles.

Eso de no tener una opción de arrastrar los elementos a la interfaz y tenerlos que codificar a manita estará interesante y frustrante a la vez jaja

Después de cada clase, paso un rato leyendo los comentarios interesantes que me motivan a seguir aprendiendo este lenguaje.

Nunca habia escuchado tantas veces la palabra: Widget 😃

Xamarin se queda corto ante todo lo que ofrece Flutter

Realmente estoy muy emosionado de hacer este curso

Hola, Ann, Saludos.
Me gustaría saber por que debo escoger flutter, en lugar de otras opciones.

  • Kotlin
  • IOS
  • Ionic
  • React Native
  • Xanarin
  • Entre otros.

Si ya esta pregunta ya la hicieron, indicarme donde, para ver las respuestas.

Genial, estoy un poco familiarizado con los views de Android uwu

Vi que Flutter usa Foundation, significa que la interfaz se crea en HTML? Mi pregunta es: Se usa css, js y html en el front?

Vengo de Ionic, quiero saber si flutter es mejor, por lo que he visto se puede hacer muchas cosas mas bonitas, no se si ionic tiene un limite, aun no lo he encontrado, para todo lo que me han pedido ha servido, pero eso si, tarda mas… aun en producción.

Su diálogo:

  • Es que quiero “Dart!” e una breve introducción… xd

De lo que veo, Android y IOS nativo es casi similar con las vistas ya que en Android son los View mientras que en IOS es UIView, pero es bastante interesante Flutter ya que lo hace mas sencillo la programación

Viendo esto, espero que se me facilite el desarrollo pues ya tengo conocimientos utilizando view.

Contexto:: todo es un widget

Flutter ===> Widget.
Dart =====> Objeto.

TODO ES UN WIDGET! XD

En conclusion, en flutter todo es un widget

equivalencia android y flutter

**Android ** usa _Views _ y estos estan ordenados por un .xml.
**Flutter ** usa _Widgets _ dentro de Widgets con propiedades.

Es posible desarrollar para iOS, en linux si conecto un Iphone?

Excelente

Tengo 5 años desarrollando apps nativas, apenas le voy a entrar a Flutter. A ver que tal. 😄

Widget para Flutter View en Android, IOS no lo conozco y nunca he desarrollado nativo.

Palabra clave-, Widget

hace un tiempo escuche que Xamarin tiene muchas limitaciones,

espero ver BUENOS ejemplos de como transportar daticos pues entre widgets y desde BD, eso me vuelve loco en estos cursos!!!

Genial! No use ninguno, pero de seguro me será muy útil en un futuro!

Si bien en Android no hay un storyboard desde el Android Studio 3.3 tenemos ahora el Navigation Editor si lo quieren probar 😄

un widget puede estar compuesto de otros widgets; así, puedo tener cajas de texto (que es un widget) para capturar información y un botón (que también es un widget) para enviar dicha información al backend. Esto quiere decir que, al final, un widget es una interfaz.

¿"…en android, la forma de desarrollar interfaces es a través de xml"? No.

Los views (interfaces) están escritos en xml. XML no es la forma de desarrollar interfaces, XML es el lenguaje en que están construídas dichas interfaces…

hoy 06/02/2018 he decicido aprender flutter, ya que ionic acaba de actualizar a la version 4 y esta un compleato desorden en su ducumentacion, es muy complicado ya que muchos plugins y componentes no funcionan en la version 4 y es por eso que estoy aqui en flutter!

Super… 🤓

Super!!

Buena comparaciòn

Muchas gracias.

Puedo mecionar que sol tengo la teoria de la construccion de apps con android, participer muy poco en crar una app con AndroidStudio pero este video me ha dicho mas sobre como funciona la creacion de apps con de cada uno de los frameworks

Pregunta se pueden generar packetes que puedan ser consumidos desde distintas aplicaciones que no usen dart?

con esta comparación me resultó mas facil comprender la relación

Prácticamente ahora todo es un Widget!

Sera cuestión de acostumbrarse a definir los widget en pantalla por medio de código, seguramente en Flutter hay una forma sencilla de hacerlo.

¡Es realmente genial que todo sea un Widget!

Bajo este enfoque todo lo manejas en tu código Dart, y logras construir aplicaciones bastante rápido. 😃

Todo va a esar fácil siguindo la misma lógica

Estoy ansioso por ver la abstracción de React Native en Flutter.
Tal vez los componentes de RN pueden ser tomados como Widgets en Flutter?

Esta clase es fundamental, ya que te hace cambiar la perspectiva que tienes si es que vienes del desarrollo nativo, tanto Android como iOS. Muy interesante.

Mas facil flutter.

Creo que la Comunidad de Flutter crecera en poco tiempo gracias a Google.

RESUMEN DE LA CLASE

En Flutter todo es un Widget ⚡️

en widgets lo hacemos con flutter

cualquier cosa en flutter = Widget

Podría decirse que basicamente un widget es un componente?

Exelente. Veremos persistencia con sqlite y consumo de servicios y sincronización?