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

Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

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

9/45
Recursos

En este curso veremos cómo diseñar una interfaz de usuario de manera sencilla y en tiempo record, aún cuando la misma tiene bastante complejidad. Crearemos una interfaz que será común para ambos sistemas operativos: Android y iOS.

Para ver todo el potencial que tiene Flutter para la creación de interfaces avanzadas que ofrecen una excelente experiencia de usuario puedes consultar el catálogo de demostraciones creado por la comunidad en el sitio web https://startflutter.com

Según sus creadores, el objetivo principal de Flutter no es otro que generar mejores aplicaciones móviles, que funcionen mejor, se vean mejor y ofrezcan mejores experiencias a los usuarios, tanto en Android como en iOS.

Aportes 73

Preguntas 1

Ordenar por:

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

Start Flutter es una biblioteca de plantillas de Flutter gratuitas para descargar. Todos los temas son de código abierto para cualquier uso, incluso comercial.

Hay muchas apps que te muestran un catálogo de los widgets, animaciones y hasta somo se escribe el código. Las puedes descargar de la tienda:
Aquí hay algunos que instalé para probarlos antes de empezar el curso:

Probar estas apps me hizo darme cuenta del gran potencial de Flutter.

Flutter fue creada para realizar aplicaciones hermosas que brinden al usuario una experiencia única.

Para los que estén interesados este es el enlace de la página de Flare, solo crean una cuenta y pueden comenzar a usarlo.

Muy hermosas las interfaces del catálogo, realmente inspiran.


void main() {
	final edades = [33, 15, 27, 40, 22];  
  edades.sort();
  
  print('La edad mayor es: ${edades.last}');
  print('La edad menor es: ${edades.first}');
  print("La edad promedio es: ${edades.reduce((c, i) => c + i) / edades.length}");
    
}

me esta gustando el inicio de este maravilloso curso … espero poder terminar haciendo mi primera aplicación … algo sencillita nomas … :3

quiero construir la aplicación móvil para mi proyecto web
www.hebertdev.live/winteach
, que solo le he metido responsive design para que se vea bien en todos los dispositivos.
… flutter esta genial 😃

Reto completado. Saludos.

main() {
 var ages = [33, 15, 27, 40, 22];
 ages.sort();
  
 var edadMayor = ages[ages.length - 1];
 var edadMenor = ages[0];
 
 var sumaEdades = 0;
   
 ages.forEach( (edad) => sumaEdades += edad);
 int promedioEdades = (sumaEdades/ages.length).round();
  
 print('La edad mayor es: $edadMayor');
 print('La edad menor es: $edadMenor');
 print('La edad promedio es: $promedioEdades');
}

Realmente aprender Flutter es bastante intuitivo y cuando ya estás en codigo verás que es muy sencillo y las interfaces y animaciones que se pueden generar son espectaculares!

Flutter es el futuro !

Aquí les dejo un repo de un desarrollador de la india, llamado Pawan Kumar.

WOW esto me esta gustando mucho, flutter se ve que va con todo, super sencilla de aprender y el gran apoyo que tiene por parte de la comunidad, estoy impresionada. Tome la decision correcta al iniciar este curso

“Mas que posicionar a Android, mas que posicionar a Flutter, es esto es por tener mejores aplicaciones”

3 años desarrollando en Android nativo, creo que después de este curso empezare la migración, muy interesante lo que ofrece…

Según sus creadores, **el objetivo principal de Flutter **no es otro que generar mejores aplicaciones móviles, que funcionen mejor, se vean mejor y ofrezcan mejores experiencias a los usuarios, tanto en Android como en iOS.

Si esto es verdad, flutter tiene muchos factores que lo hacen ser la mejor opción.

Mas que una inspiración yo lo veo como un apoyo… Gracias Dart y Flutter 😊

Veo que Flutter se orienta más en la animaciones y en el diseño, pero me pregunto si también tienen la robustez para crear aplicaciones corporativas?, ¿Qué tal del lado de la seguridad?, ¿Se puede manejar contenido cifrado almacenado en el device?, ¿Se puedo ofuscar alguna App utilizando Flutter?, ¿El tamaño de la App resultante es grande?, ¿Se debe tener alguna consideración especial en la distribución de la aplicación móvil como en las tiendas públicas: Apple Store y Google Play no hay problemas en su publicación?, cosas de eso estilo que salen fuera del ambiente del UI y UX.

Estuve revisando la web sugerida y hay cosas muy interesantes, desde Calculadora hasta reproductores de música. Sin embargo creo que a nivel de diseño muchos se han quedado atrás y me gustaría quizás si alguien puede compartir una página con mejores diseños e interfaz de usuario pensada para 2021.

La verdad las interfaces que he visto hasta ahora que se pueden hacer con flutter son impresionantes!

Me paso que en android no llegue a profundizar en estos temas. Aunque si trataba de mejorar la interfaz ya que en clase la mayoría presentaba la misma interfaz que habíamos visto en clase 😅
Veamos que tan complicado o no es en Flutter

se ve muy bien las interfaces, muy buen UI

Interesante ver la visión del los creadores del proyecto Flutter, generar una mejor experiencia para el usuario es importante para mejorar la tasa de retención. Personalmente también e desinstalado aplicaciones por esta razón.

Creo que empezaré a tomar la escuela de diseño…

Flutter es como construir con lego, ya tienes casi todo hecho solo depende de tu imaginación

Es una galería de plantillas muy interesante, no solo para tomar como inspiración sino para usar en nuestros proyectos.

Es genial, programando aplicaciones nativas en Android siempre ese fue mi cuestionamiento, una forma fácil de hacer interfaces increíbles.

Flutter es genial. Me quedo

¡Me enamoré!

genial lo que se puede lograr

Muy bueno!

Estas muy buenas las interfaces! 😄

Que no Flare es creado por 2Dimensions?

QUe increíble!!

Estaba buscando Flert (si es así que se escribe)para hacer animaciones y no lo encontré!!

Wow no conocia Flare y empezaremos a verlo en el equipo.

Y el curso de dart pa cuando…?

ya tenia tiempo queriendo programar en flutter y ahora me veo aquí en el curso para desarrollar un reto de un hack xD

Buenas soy nuevo en el curso pero me gustaría quitarme duda pensando a futuro, si quisiera desarrollar un app que tenga la funcionalidad de realidad aumentada se podría realizar con flutter

ok, estaba convencido antes pero ahora con ver este sitio, me a convencido mucho mas hahaha …

me encanto por completo.

He pasado por Java, Kotlin, React Native y tengo que admitir que esto me esta emocionando bastante.

ME EN CAN TAN ESAS UI.

Flutter es muy bueno, ¡Me encantaaa!

I Love Flutter…!!!

wow que interesante!

Dart es un interprete o un compilador o los 2?

es de lo mejor que he visto

Que genial!!

me estoy enamorando de Flutter (=

además una ventaja de flutter es que ya funciona en web y probablemente sea compatible con los demás sistemas operativos móviles que salgan (como huawei)

Muy buenas animaciones.

wow flutter es super genial

Es sorprendente las animaciones que se pueden hacer.

Vamos con el reto

Ya me gusto Flutter !!

Que bello es flutter :’)

vamos pues a por el reto!

gracias por el enlace 😃

definitivamente amo los cursos de Anahi AJJAJAJ

flare

vine buscando cobre y encontré oro!!!

Veo que Ann interaccciona con las plantillas de la web startflutter, yo paso el el mouse por encima y no reacciona , y si hago click entro en una pagina de detalles, para descargar pero no hay vista previa, ¿Como hago para ver vista previa?

Como dice Ann aprender Flutter es dejar de hacer diseños estáticos.
Aprendo, aprendo, aprendo.

Ufff que masiso, me he enamorado de flutter.

Para estas alturas ya tenemos un poco más de agregados en el sitio de StartFlutter, así que a revisarlo amigos/as.

StartFlutter

Me enamoré de Flutter :3

Flare no fue creado por Google, es una empresa independiente que actualmente se llama rive.


void main() {
  var ages = [33, 15, 27, 40, 22];
  int youngest = ages[0];
  int oldest = ages[0];
  
  for (int i = 0; i < ages.length; i++) {
if (youngest >= ages[i]) {
youngest = ages[i];
}
    if (oldest <= ages[i]) {
oldest = ages[i];
}
  }
  print('youngest $youngest');
  print('oldest $oldest');
}

Excelente entonces si es de codigo abierto?..

Que gran ayuda!!

Hola! ¿se puede hacer una app con flutter para tienda online? ¿y poder integrar un sistema de pago como prestashop y la opción de enviar mensajes push? Gracias