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.
Bienvenida e Introducción
¡Renovaremos este curso!
Desarrollando en Flutter
¿Qué es Flutter?
Dart y Flutter
Sintaxis de Dart
¡Renovaremos este curso!
Flutter para desarrolladores Android, iOS y Xamarin.forms
Flutter para desarrolladores React Native
¿Cómo luce una app construída en Flutter?
Primer reto
Creando mi entorno de desarrollo
¡Renovaremos este curso!
Requerimientos de Hardware y Software
Instalando Flutter en Android Studio y Visual Studio Code
Composición de un proyecto en Flutter
Interfaces en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Programación Declarativa en Flutter
Estructura de un programa en Flutter
Hola Mundo en Flutter
Widgets básicos
Widgets con estado y sin estado
Análisis de Interfaces de Usuario en Flutter
Definiendo los layouts de nuestra interfaz
Segundo reto
Widgets sin estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Flutter Widgets: Container, Text, Icon, Row
Flutter Widgets: Column
Recursos en Flutter: Tipografías y Google Fonts
Widget Image
Widget Apilando Textos
Widgets Decorados
Widget Imagen Decorada
Widget Listview
Widget Button, InkWell
Tercer reto
Widgets con estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Botones en Flutter
Clase StatefulWidget: Cómo se compone
Widget Floating Action Button
Widgets BottomNavigationBar
Generando Navegación en BottomNavigationBar
Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar
Cuarto reto
Fin del Curso
¡Renovaremos este curso!
Conclusiones
¡Terminamos!
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Anahí Salgado Díaz de la Vega
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
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');
}
Uno de mis favoritos 😉
https://startflutter.com/themes/flutter-ui-3/
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 !
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.
¡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.
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?