Curso de Flutter desarrollo una app básica para la Copa América

CONTENIDO DEL CURSO

¿Qué aprenderás con el curso Flutter Básico App Copa América?

Desarrollo Flutter

1. Generar JSON con Laravel

Desarrollo de una API Rest Básica con el Framework Laravel generando una salida de datos en formado JSON. 889

22m ►

2. Primera y segunda pantalla de la App Flutter

Comenzaremos creando la App Flutter con una Pantalla Inicial la cual tendrá un boton que al hacer click lanzará una segunda pantalla en Flutter. 471

18m ►

3. Menu de opciones

Desarrollo del menu interactivo de opciones para la app de la Copa América 2019 con pantallas como equipos, noticias, grupos y calendario,. 382

23m ►

4. Navegación Drawer

En esta quinta lección implementaremos el menu lateral de la App Copa América 2019, para ello usaremos Drawer, ListView, ListTile, onTap. 459

18m ►

5. Llenar un ListView con JSON

Implementación de un ListView con datos extraídos de una Base de Datos MYSQL a través de una API Rest Laravel que genera JSON usando el Widget Future Http. 506

22m ►

6. Click en ListView Maestro Detalle

Como hacer un maestro detalle con un ListView en Flutter lanzando una segunda pantalla con toda la información de la Noticia.. 337

11m ►

7. Base de datos Sqflite

Veremos que librerías y código en dart es necesario para empezar a manipular una base de datos con el SDK de Flutter. 858

9m ►

DESARROLLO DE UNA APP PARA LA COPA AMÉRICA CON EL SDK DE FLUTTER PARA IOS Y ANDROID

Las tecnologías que usaremos estan basadas en dos partes claramente diferenciadas y son:

El Framework Laravel.- Para el desarrollo de aplicaciones web en el Lenguaje de Programación del lado del servidor PHP y el Gestor de Base de Datos MYSQL
El SDK de Flutter.- Para el desarrollo de aplicaciones móviles tanto para IOS y Android.

Los programas o Software que usaremos son:

Editor de código Visual Studio Code
IDE para el desarrollo de aplicaciones Android Studio
Navegador Web Brave o Google Chrome
Servidor Web Local Xampp

APLICACIÓN WEB - LARAVEL

Crearemos una API Rest básica que genere un archivo de salida en JSON cada vez que lo requiera el aplicativo móvil, esto con el fin de alimentar con información una base de datos Sqflite. Esta sección lo haremos muy rápido, solo lo suficiente para entender como se genera JSON con Laravel. ~~No entraremos al desarrollo de una panel de administración para ingresar datos a la base de datos.~~ Puesto que la finalidad de esta primera parte solo es generar un archivo JSON a partir de una Base de Datos.

Tecnologías a usar en esta primera parte son :

PHP
MYSQL
JSON

Programas necesarios: Para el desarrollo de esta sección emplearemos el Editor de código Visual Studio Code y un servidor local web en este caso XAMPP.

APLICACIÓN MÓVIL - SDK FLUTTER

La app mediante una petición Http solicitará información al servidor web, este retornará un archivo JSON el cual inflará la base de datos, para luego extraer datos de manera offline.

Tecnología a emplear

Dart
Sqflite

Programaremos en el entorno de trabajo de Android Studio con el SDK Flutter donde usaremos widgets como:

RaisedButton, Text, Image, Padding, Container, Center, Card, Image.NetWork, Image.Asset, etc
ListView.builder, GridView.builder, Caroucel, para inflar y organizar componentes
Future para conexionnes http
Diseño y programación de una Base de Datos Sqflite ademas de crear los métodos de inserción, listado de datos y total de registros.

La app móvil mostrará varias pantallas como son:

Portada
Menu principal
Menu Lateral
Noticias
Calendario
Grupos
Equipos

639

Pásate a Premium

Nivel Básico.
Acceso las 24 horas del dia.
Descargas del código fuente.
Acceso a todos los vídeos
Acceso a cualquier curso