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!

Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Ú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

¿Qué es Flutter?

3/45
Recursos

Flutter es una tecnología híbrida creada por Google para desarrollar aplicaciones nativas (cross platform) en iOS y Android. Su principal objetivo es el diseño de interfaces móviles y está basado en un lenguaje de programación que permite compartir código fuente para ambas plataformas acorde a una lógica de negocio.

Durante el año 2017 Google hizo la presentación y lanzamiento de Flutter en su versión alpha, luego a principios de 2018 lanzó la primera versión beta y ya para este momento, en diciembre de 2018, está disponible la versión oficial de Flutter 1.0 estable.

Flutter utiliza Dart, un lenguaje de programación originado por Google y que estaría orientado a aplicaciones móviles y web. Se espera que esta plataforma sea el framework principal de aplicaciones para Fuschia que se encuentra en construcción.

flutter.png

Características de Flutter

Flutter compila directamente hacia el código final que interactúa con el procesador, saltándose los pasos intermedios, por lo que las aplicaciones creadas tienen un mejor desempeño y rendimiento. Esto la diferencia de:

  • El desarrollo híbrido de WebView para mostrar código HTML
  • El desarrollo bridge que utiliza renderers intermedios de código para generar apps
cross-platform.png

También esta tecnología emplea sus propios Widgets y engine de renderizado llamado Skia Canvas desarrollado en C++.

¿Qué es mejor Flutter o React Native?

A diferencia de React Native, Flutter se encarga de realizar vistas personalizadas en lugar de llamar solo los componentes nativos. Esto significa que el mismo render efectuado en Android se hace para iOS, visualmente van a ser iguales, porque trabaja en el pixel perfect.

Desventaja de Flutter

Sin embargo, tienes como desventaja que si estás usando un patrón de diseño que es particular de Android y lo llevas para iOS (por ejemplo un Float Action Button), provocas que los usuarios de IOS se sientan ajenos a esa interfaz. Por esta razón, algunas funciones o características que no existen en iOS pueden ser más lentas que en Android.

Ventajas de Flutter

  • Cuenta con una gran cantidad de componentes (API, UI, navegación y pruebas)
  • Permite programar con un único lenguaje desde diferentes dispositivos (iOS, Mac, Linux)
  • Ofrece un mejor rendimiento utilizando Skia como motor al controlar cada pixel

Pero en general las ventajas son más que las desventajas. Es importante que tengas en cuenta que Flutter no reemplaza ni simplifica el flujo de publicación para Apple.

Contribución creada con los aportes de Uriel Ramírez.

Aportes 142

Preguntas 32

Ordenar por:

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

💙 Dart es mi lenguaje de programación favorito, Flutter sin duda será la herramienta que utilizare para crear aplicaciones multiplataforma.

Flutter usa Dart, un lenguaje relativamente nuevo creado por Google y su enfoque es el del desarrollo de interfaces móviles.

Para los que no tomaron el curso de Dart o no sabían que estaba en la ruta, aquí les dejo el link: https://platzi.com/clases/dart/ 😃
Saludos desde Perú!

Me gusto esta explicación por que no solo te dice “¿De que esta hecho Flutter?” si no que también que futuro tiene y cual es la importancia de aprenderlo.

• Es un SDK creado por Google, pensado en aplicaciones nativas.
• Su objetivo son las interfaces.
• Compila directamente hacia el código final que interactúa con el procesador, saltando pasos intermedios
• Usa sus propios Widgets y engine de renderizado llamado Skia Canvas desarrollado en C++.

Los cursos de Anahí son muy buenos! Pero ya vamos por la versión 3.0.0 de Flutter, sería bueno un curso más actualizado

Interesante, con muchos ánimos y ganas de aprender Flutter y el desarrollo móvil.

Si como a mi, no te quedaban claras las diferencias entre estilos de desarrollo móvil (nativo, híbrido y cross platform) acá les dejo un video del canal de Platzi que puede aclarar mucho: https://www.youtube.com/watch?v=eD4MGOrsug4

Más profesores como Anahì en Platzi
#MasAnahisenPlatzi
#MenosProfesdeHueva

Muchas ganas por transmitir toda tu pasión y tu ganas de enseñar Ann, harás que este curso sea fantástico!

este curso esta muy desactualizado!

POR FAVOR SACAR UN CURSO DE FLUTTERFLOW

Definición FLUTTER: “El futuro” combinación de Native + Hibrido + Cross-Platform: dando como resultado la creación de la mejor experiencia para el usuario manera mas sencilla y fluida. Nos toco sin duda la era de aprender y desaprender, esto va muy rápido, adiós Xamarin/Windows y React Native/FB 😃 Hola Fuchsia/Google

hola buen dia… es mi primer dia en Flutter!!! deseenme suerte!!!

¿Yo trabajo en proyectos sobre React Native, y siempre tengo que validar el funcionamiento en Android y en iOS, me gustaría saber si solo trabajo mi base de código en Dart, que tan diferente se van a ver mis aplicaciones en iOS y Android, y que tanto código debo cambiar para lograr la misma aplicación. Cosa que no logro a la primera en React Native?
¿Se puede solo validar en Android y sin hacer cambios exportar a iOS?

¿Fuchsia? Omg

🧐Fuchsia es un nuevo sistema operativo desarrollado por Google y que difiere de por ejemplo android en que esta basado sobre un nuevo kernel conocido como Zircon en lugar del kernel de Linux.
🤯En mayo de 2021 los empleados de Google confirmaron que el sistema operativo habia sido desplegado en la primera version de Google Nest que es una linea de productos de domotica de Google

Estoy interesado en crear aplicaciones que puedan hacer registros en BD locales (offline) para después cuando se tenga acceso a la red poder sincronizar con una BD en Cloud, es posible esto con Flutter?

Soy joven, me encanta estar al día la tecnología que es actual para aprender y mejorar profesionalmente, pero también en paralelo es bueno ir aprendiendo las tecnologías que serán el boom en unos años, como un inversionista a riesgo, lastima que no estaba en este mundo tecnológico cuando estaba el tren de react en la estación, no dejare que se me vaya el de flutter!

Que curioso, hace unos años me compré un libro de Dart porque me gustó la idea que proponían, pero pasado el tiempo pensé que estaba muerto porque no escuchaba mucho de él. Ahora veo este curso de Flutter y que además usa Dart. Estoy super ilusionado de aprenderlo. Y encima con una gran profesora.

hay algún canal de slack de Flutter??

Que poder tiene Flutter 😲😳

Quitar cosas hace que una app sea más rápida 😄
Flutter no utiliza ningun bridge(native-control)
Rust no utiliza ningun Garbage Collector

Velocidad en renderizado = Flutter
Velocidad de procesamiento = Rust 😉

Estoy emocionado por aprender a construit mi propia app 💚💚💚

Dart es mi lenguaje de programación favorito, Flutter sin duda será la herramienta que utilizare para crear aplicaciones multiplataforma.

Que es un flutter ? SDk desarrollado por Google creado para diseñar interfaces nativas iOS y android. Mantiene la logica del negocio.

  • Ha tenido varios lanzamientos en 2017 tuvo su version alpha
  • En diciembre de 2018 se tuvo la version 1.0
  • Utiliza un lenguaje de programacion Dart y fue creado para programacion de interfaces moviles.
  • Es CrossPlatform. Lo que quiere decir que no es completamente nativa

Con el tiempo he visto el potencial que tiene Flutter en comparación de otras tecnlogías. Además, encontre este artículo interesante: https://www.statista.com/statistics/869224/worldwide-software-developer-working-hours/?mc_cid=0d4b6f3855&mc_eid=1164c3de7b

Que tal es flutter para manejar hardware del dispositivo?.
gps, camara etc

Pero si la idea es tener un nuevo OS y se acaba Android que pasaría con Kotlin (Que también es un lenguaje Joven)?

la app de platzi está en flutter ?

Cómo has mejorado como profe, sobre todo desde el primer curso de platzigram

Flutter es un SDK creado por Google, para desarrollar aplicaciones nativas para IOS y Android. Su principal objetivo es desarrollar interfaces mobiles funcionales.
Utiliza el lenguaje de programación Dart desarrollado por Google y que estaría orientado no solo al desarrollo de aplicaciones móviles sino también de aplicaciones web, incluso se espera que Flutter sea el framework principal para el desarrollo de aplicaciones para Fuschia, el nuevo OS en el que Google se encuentra trabajando.
A diferencia del desarrollo híbrido de aplicaciones móviles basado en un WebView para mostrar código HTML, o el desarrollo bridge que utiliza renderers intermedios de código nativo para la generación de apps, Flutter compila directamente hacia el código final que interactúa con el procesador, saltándose los pasos intermedios, por lo que las aplicaciones resultantes tienen una mejor performance y mayor rendimiento. Flutter usa sus propios Widgets y engine de renderizado llamado Skia Canvas desarrollado en C++.

Wowww, seguro sera una super tecnologia !!!

Excelente explicación, te mantiene interesado todo el tiempo y te motiva, también te muestra el estado actual y el futuro del flutter.

100% emocionado de continuar el curso.

Entonces Flutter es el presente y futuro del desarrollo movil

Flutter el futuro del desarrollo de aplicaciones nativas

Flutter es un SDK de Google creado para diseñar interfaces nativas iOS y Android.
Utiliza el lenguaje de programación Dart y fue creado para programadores de interfaces móviles.
Desde diciembre 2018 tenemos la primera version de Flutter 1.0
Prodriamos clasificar a Flutter en la categoría de Cross Platform aunque en realidad es un poco mas avanzado.

parece interesante… vengo de trabajar con Xamarin Form y creo que también es un muy buena elección… veremos si esta al nivel

super el curso de flutter ojalá suban más contenido para ser experto en este campo.

Flutter es un SDK desarrollado por Google para crear aplicaciones móviles tanto para Android como para iOS (Apple). Fue desarrollado como un software para uso interno dentro de la compañía pero vieron el potencial que tenia y decidieron lanzarlo como proyecto de código libre. Actualmente es uno de los proyectos de desarrollo de aplicaciones móviles que más está creciendo. Además, desde la última versión estable, también es posible realizar aplicaciones Web y de escritorio para Windows y Mac. Aunque en estas dos plataformas aún está en fase experimental (beta).
Estas son las tres principales ventajas que ofrece Flutter respecto a otras frameworks de desarrollo de aplicaciones multiplataforma:

  • Compila en nativo, tanto en Android como en iOS.
    La creación interfaces gráficas es muy flexible, puedes combinar diferentes Widgets (elementos gráficos) para crear las vistas.

  • El desarrollo es muy rápido, permite ver el resultado de forma instantánea mientras se escribe el código.

  • Explicado de forma muy simple, Flutter utiliza un motor gráfico, llamado Skia, que renderiza en 2D los elementos gráficos. Flutter está escrito en C, C++ y, mayormente, en Dart. De forma resumida, la capa del motor está escrito en C++ y la de los Widgets en Dart.

Widget es la palabra más repetida cuando se hace referencia a Flutter, se refiere a los elementos gráficos que componen una vista. Por ejemplo, un botón, un texto o una imagen. Aunque también hay Widgets más complejos que están formados por otros Widgets.

**Flutter utiliza Dart como lenguaje de programación, **también desarrollado por Google. Posiblemente, esta sea una desventaja, ya que Dart no es un lenguaje muy conocido ni usado por la comunidad de desarrolladores móviles (Swift, Objective-C, Kotlin, Java) y web (JavaScript, PHP, Java, Ruby…).

por favor actualizar este curso por parte independiente he aprendido flutter ahora esta muy diferente

• Es un SDK creado por Google, pensado en aplicaciones nativas.
• Su objetivo son las interfaces.
Si quieres aprender flutter es aconsejable primero aprender dart

Flutter es un sdk de desarrollo para io’s y android. Sirve para desarrolla interfaces moviles.

Desde 2018 tenemos la primera versión oficial.

Utiliza **Dart ** (lenguaje creado por Google) y fue creado para interfaces móviles.

Dart es el lenguaje donde mejor me adapte en el desarrollo móvil, espero reforzar mis habilidades

Interesante información la aqui compartida, Fuchsia OS…

(https://www.ionos.es/digitalguide/servidores/herramientas/fuchsia-os/)

Interesante clase

Me adelante muchos pasos , pero aprendi he aprendido en todos estos cursos.

Nunca he programado en este lenguaje desarrollo, pero por los videos que he visto creo que es parecido a los lenguajes que manejo actualmente (principalmente JS)

Me gusta Dart!!! Vamos

Lindo curso, esperemos aprender mas

No veo la hora de aprender a usarlo

Soy informatico y estoy ansioso por este curso, Anahí es muy buena profesora 😃

Dato curioso, para hoy en abril de 2021 ya esta la version 2!

Flutter, es un SDK desarrollado por google. Capaz que muchos no tengan idea de lo que es un sdk, asi que aca les dejo mi explicación.
SDK es el acrónimo de “Software Development Kit” (Kit de desarrollo de software). El SDK reúne un grupo de herramientas que permiten la programación de aplicaciones móviles.

Excelente clase, vamos con todo!

Excelente, pues vamos con Flutter y Dart

Excelente ya quiero empezar con toda y sacarle provecho a Flutter

Flutter vs Xamarin? pro y contras

No conocía esa forma de trabajo de Flutter y su manera de dar mejor rendimiento a las aplicaciones creadas.

Existen equipos ya con el OS Fuschia.

Interesante todos los datos que desconocía, como el lenguaje de programación de Google Dart

Hay alguna delimitante al usar flutter? Que no te permita hacer x o y cosa en iOS o Android?

todo muy bien asta ahora como siempre

osea podemos tener un backend en php o python y luego consumir esa logica desde web y mobil?

Flutter SDK de google diseño de interfas nativas de IOS y Android.
2017 primer versio Alpha
Febrero 2018 version Beta
Diciembre 2018 version 1.0

Utiliza un lenguaje Dart

Flutter no compila en read va directo al procexsador

Flutter modelo de widget render y propio engin de renderizado skia 2d

fuchsia lenguaje que quiere o dersplazara a android.

Es buena idea comenzar en la programación móvil con Flutter?

😮 Tengo muchas expectativas en Flutter y Fuchsia! 😄

A darle con el curso de Flutter.!!

Emocionado por las posibilidades, hay que aprovechar que esto apenas empieza y estar a la vanguardia de los avances

Qué es Flutter?

Flutter y Dart

Cómo funciona Flutter vs. otros frameworks

El futuro de Flutter con Fucshia OS

Yo programo desde hace mucho tiempo en Delphi para Windows y ahora quiero desarrollar para moviles, Delphi también entra en Cross Platform, quiero aprender a desarrollar en Flutter y tomar todos los cursos para entender el desarrollo para Android y después desarrollar en Delphi para Android, ya les platicare mi experiencia.

Que genial está flutter

Super la información!! Me intriga Fuchsia 😦

Genial ❤️ Flutter

Tendremos Hummingbird para PWA con Flutter 😃

Aún más motivado para aprender.

Yo lo entiendo flutter mas como programar en wix XD.

Que interesante es el mundo de flutter!

Dart es el lenguaje de programación bandera para FLUTTER.

@anncode porque en esta clase dices que flutter es cross platform y en este video https://www.facebook.com/199183900150149/posts/2091452590923261/ dice que es nativo, me ayudas con esta duda por favor?. Gracias

Genera aplicaciones con mayor rendimiento.

Tengo muchas espectativas con Flutter y con el curso

Tiempo record.
https://flutter.io/

Se ve superinteresante, y de hecho voy a tomar el curso. Pero no creo que utilizaré flutter para algún proyecto en particular en el corto plazo, el problema es que utiliza tecnologías muy poco conocidas en el mundo laboral, peor aún en las empresas, entonces encontrar personas que puedan trabajar con esto será más complicado. Es por este punto donde veo que por ejemplo React Native tendrá todavía algún tiempo más, pues utiliza JavaScript y encuentras desarrolladores JavaScript en cualquier lado. También trabajé en su momento con Xamarin, pero realmente ya lo estoy dejando por React Native, que es lo que estoy utilizando en mi actual proyecto.

Que interesante sobre los bridge y Fuchsia !!!

me entusiasma lo poco que he visto

Documentación de flutter : https://flutter.dev/docs

Iniciando el curso, y me a gustado, e incluso me a interesado mucho …

Flutter tiene un monstruo gigante como soporte así que deberá tener una gran desarrollo y soporte hacia futuro.

Flutter ya lo esperaba!!

muy buena opcion para el desarrollo de apps

Se ve muy prometedora esta tecnología, seguimos adelante!

Super!!

SUPER EMOCIONADA DE EMPEZAR!!! 😄

Quiero ver que me parece Flutter… antes de ir por React Native

Super