Curso y Libro Flutter desde cero creando mas de 10 proyectos - Desde cero

En esta primera parte damos los primeros pasos con Dark, conocemos este lenguaje de programación que es el corazón de Dart; elementos básicos como el uso de condicionales, ciclos, listas, funciones, clases y muchos más! en pocas palabras conocer los aspectos básicos de Dart.

Conoceremos el uso del Null Safety que es una característica que tienes que conocer en Flutter 2, ya que cambia de una forma importante la estructura de nuestro código, abriendo nuevas posibilidades en un código más conciso, sostenible y por supuesto seguro.

En esta siguiente parte, tenemos que aprender uno de los elementos básicos en Dart y Flutter, antes de iniciar con Flutter vamos a conocer el uso de una nueva característica que viene siendo la del Null Safety, una característica que es empleada en otros lenguajes de programación como Kotlin y Swift ahora también se encuentra de manera nativa en Dart y por supuesto Flutter, lo cual es excelente para crear nuestras apps de manera segura.

Las herramientas son todos los frameworks, IDEs y SDKs que vamos a necesitar para crear nuestras primeras aplicaciones; ¿suena enredado y completo de hacer? realmente no lo es tanto y en el curso lo hacemos paso a paso, visitando las páginas correspondientes, explicando para qué funcionan, para qué vamos a emplearlo y comentando el proceso de instalación.

La instalación de Android Studio tanto como editor como SDK de Android, la instalación de Xcode como SDK y editor, Postman para realizar peticiones y por supuesto Visual Studio Code como editor seleccionado para crear nuestras apps.

En esta sección damos los primeros pasos entre Dart y Flutter, el lenguaje de programación y el framework (y SDK) para crear nuestras apps para Android, iOS, escritorio, web...

Conocer porque Flutter es una SDK, también un framework para el desarrollo de apps y TODO esto es clave para poder conocer esta tecnologías y con esto dar los primeros pasos con Flutter y Dart.

En esta primera parte en la cual ya entramos al ciclo de vida de una app en Flutter, vamos a conocer aspectos básicos de una app; la función de arranque de TODO conocida como main, el Material App como envoltorio, el árbol del widget, componentes o widgets básicos para la creación de cualquier app como texto, imágenes, campos de texto, botones... todo esto lo veremos en detalle para dar los primeros pasos con el framework.

Siguiendo avanzando en el curso, lo siguiente que tenemos que conocer, son como podemos crear una aplicación más dinámica, en la cual podamos cambiar aspectos de la misma a nuestro antojo; si tenemos una propiedad y a partir del valor de la misma queremos cambiar el estado de un widget... hasta este punto la app anterior NO permite este comportamiento, solamente eran bloques de lego o widgets que estaban por la interfaz regados, pero con los Stateful Widgets ya no es así.

Los Statefulwidgets nos permiten agregar esa parte de flexibilización que necesitamos sí o sí para crear nuestras apps más dinámicas, así que, vamos a crear un conversor de medidas para dar un poco más de dinámica a nuestra app, veremos elementos que cambian según algunas condiciones...

Vamos a crear un conversor de medidas para conoce en detalle como actualizar los widgets en la pantalla.

La persistencia es una característica que usan las aplicaciones modernas para tener resguardada los datos de la aplicación y que se encuentren solo en la memoria volátil (La Ram), si no que estos datos sean guardadas en el Disco Duro, en el caso de Flutter mobile seria en una SD o la memoria interna del dispositivo, esto es útil para guardar por ejemplo, la información del login del usuario, dados eh cache, etc; en esta sección vamos a crear una aplicación en la cual vamos a almacenar datos de manera local y de manera persistente.

Vamos a guardar datos de un sencillo formulario de manera persistente, para cuando cerremos la aplicación o reiniciamos el dispositivo, esos datos sigan alli.

En este apartado vamos a aprender un tema fundamental que es la navegación entre pantallas; sin importar lo imponente que sea tu aplicación, con el mejor estilo y diseño, si no puedes crear más de una pantalla en la cual puedas pasar de una pantalla a otra no tiene sentido alguno.

En esta sección vamos a aprender la navegabilidad entre distintas pantallas con el componente de ruteo que tenemos definido en Flutter. .

Tenemos un par de secciones en las cuales creamos un Timer, de esta manera sabemos cómo trabajar de una manera más completa, creando otra aplicación real en la cual tiene un alto grado de interacción con el usuario.

Instalaremos nuestros primeros paquetes y luego le daremos un funcionamiento asíncrono mediante los Streams, para usar hilos secundarios en la aplicación y la misma NO se detenga o quede pegada.

En esta sección es una de las más importantes y largas del curso, en las cuales vamos a crear una aplicación REAL, una app de películas de las cuales vamos a consumir los datos de una Rest API real, vamos a crear una app modular, en la cual sería un listado, página de detalle, listado de las últimas películas, calificaciones, imágenes TOP 10, entre otros, estará consumida desde una Rest Api de la app de un tercero que se aloja en Internet.

Para esto, vamos a realizar peticiones HTTP mediante un paquete, usa el FutureBuilder para manejar peticiones asincronas, y conocer otros widgets como el ListView, ListTile, Card, paginación, funciones de promesa y mucho más.

En esta sección, vamos a construir presentar las animaciones y transiciones entre páginas, pero dándole estilos personalizados en cuanto a la animación de una página a otra y regresando a la anterior. Estas transiciones son para personalizar la animación de una pantalla a otra; sin embargo, en otra sección trataremos las transiciones de tipo Hero, para animar los widgets comunes entre páginas.

En Flutter es muy fácil realizar cambios suaves entre un estado a otro, entiéndase colores, bordeados, transparencia, tamaños entre otras operaciones, para eso tenemos animaciones de tipo Builder, container, entre otras que veremos en esta sección.

Aprenderemos el patrón original en Flutter para trabajar con los estados, el patrón de Bloc, con esto, podremos tener datos comunes en un solo lugar y poder ser fácilmente accesible desde un repositorio central; para esta sección haremos una aplicación tipo TODO.

Finalmente, tenemos una sección para crear una tienda en línea con Strapi y Flutter, empleando el patrón de Redux; que es otro patrón para mantener el estado de nuestra aplicación en un solo lugar; en esta sección, vamos a poner en práctica:

• Crear una app con múltiples pantallas.
• Usar el patrón de Redux como repositorio de datos central.
• Crear una app en Node con Strapi, cargar datos y crear la Rest Api.
• Conectar una app en Flutter a la Rest Api con MongoDB.
• Consumir la Rest Api de Strapi mediante peticiones HTTP.
• Realizar operaciones CRUD desde la app en Flutter a Strapi.
• Carrito de compras con CRUD de productos
• Favoritos.
• Y mucho más.

Crearemos una aplicación para administrar sitios en varias secciones mediante un formulario y registrando imágenes mediante la cámara del dispositivo o desde la galería, usaremos Provider como manejador de estado.

Crearemos una aplicación de to do list con Flutter web en varias secciones y administramos las tareas mediante un formulario en un alerta, usaremos animaciones para el listado, los flex y expanded para organizar el contenido y sincronización con Firebase con el Cloud Storage y Cloud Firestore para almacenar las imágenes y los to do respectivamente.