Tabla de Contenido
Temario
Lecciones por cada unidad de estudio con videos sobre el proceso de desarrollo y textos explicativos del código.
Desarrollo Flutter
1. Contexto de la Aplicación
Explicación de que trata el curso
2. Generar JSON con Laravel
Desarrollo de una API Rest Básica con el Framework Laravel generando una salida de datos en formado JSON
3. Pantalla de Inicio 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
4. 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,
5. 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
6. 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
7. 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.
8. 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
Descripción del curso
DESARROLLO DE UNA APP PARA LA COPA AMÉRICA CON EL SDK DE FLUTTER PARA IOS Y ANDROID
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
¿Qué aprenderás?
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.
Requisitos
Perfil del estudiante
- Conocimientos intermedios en el SDK Flutter
- Conocimientos en el desarrollo de aplicaciones web Laravel API Rest
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
Código fuente
No disponible
