Tabla de Contenido
Temario
Tienes a disposición el temario para descargar del curso Flutter y Laravel App de Turismo en formato PDF
Introducción al curso
1. Introducción
Qué vamos a implementar, una breve introducción del contexto, las herramientas que usaremos, el diseño de la base de datos
Instalación y configuración Laravel
2. Instalar Laravel y Paquetes
Ejecutamos la línea composer create-project laravel/laravel appturismo --prefer-dist y listo esto empezará a descargar e instalar Laravel de forma rápida
3. Login y Roles de Acceso
Implementación del sistema de autenticación en Laravel para la App de turismo con 3 niveles de acceso: admin, empresa y cliente gestionados con Spatie
Funcionalidades del Rol Admin
4. CRUD tabla Rutas
Veremos ¿Cómo implementar el CRUD para el modelo Rutas? para ello creamos el modelo, la migración, el controlador, las rutas y las vistas correspondientes
5. CRUD tabla Post
Aprenderemos a crear el CRUD correspondiente para manipular la tabla POST en el framework Laravel de nuestra APP de turismo
6. CRUD tabla Empresa
Implementamos el modelo, la migración, las rutas, los métodos del controlador, las vistas y finalmente realizamos un testing para encontrar y corregir Bugs
7. CRUD tabla Lugar
Desarrollo del CRUD para lugar (atractivos turísticos) en Laravel
8. CRUD tabla Fotos
Implementación del CRUD para la tabla fotos de la app de turismo. Desarrollo backend.
9. CRUD tabla user
Implementación de métodos para mostrar a los usuarios de la aplicación además que permita al administrador cambiar el estado del usuario activo o no activo
10. Optimizando la administración
Optimizando el panel administrativo para el rol admin
Funcionalidades para el Rol Empresa
11. Rutas y Controlador para el Rol Empresa
Rutas y controlador del rol Empresa para su gestión
12. Gestión para el Rol Empresa
Permite el registro, login del mismo, además de la inserción de nuevas empresas, edición y la eliminación de la misma
Desarrollo del FrontEnd
13. Rutas FrontEnd
Diseño y configuración de las rutas de la aplicación de la vista FrontEnd
14. Página Principal
Diseño de la portada o página frontal de la aplicación frontend
15. Página Rutas
Diseño e implementación de la Página rutas
16. Página Lugar
Implementación de la página Lugar
17. Página Empresa
Diseño de la página empresa para la App Turismo
Creación y Configuración Flutter
18. Entorno de desarrollo
El proyecto para nuestra aplicación móvil en Flutter para IOS y Android con Servicios Web- API Rest Laravel
19. Pantalla Inicio
Diseño funcional de la portada de nuestra aplicación móvil : Logo, Texto y Botón
20. Api Service
La aplicación para consumir data del servidor web necesita de un servicio web para gestionar las peticiones http veamos como empezar a programarla.
21. Implementación de los Modelos
Clases necesarias para representar las tablas de nuestra base de datos dbturismo en nuestra app y que se integrarán a nuestra DBmanager de consultas SQLite
22. Implementación de un DBmanager
Vamos a crear una base de datos SQLite para ello instanciamos el paquete sqflite, path_provider y otros necesarios, también crearemos los métodos CRUD
23. Funcionalidad y Mockups
Explicaremos que es lo que vamos a desarrollar tomando como guía un bosquejo de cada pantalla que tendrá nuestra app Flutter
Vistas públicas en Flutter
24. Pantalla Lista de Rutas
Dicha pantalla mostrar un widget ListView con cierta información de cada ruta para mostrarla al usuario de la app, donde podrá hacer touch para elegir una.
25. Pantalla Lista de Empresas
La pantalla empresa mostrará las empresas que pertenezcan a una determinada ruta que haya sido elegida por el usuario, básicamente un listview
26. Pantalla Empresa
Simplemente consumimos el objeto con los datos de la empresa los cuales podemos mostrarlos en la pantalla mediante algunos widgets.
27. Pantalla Lista Lugares Turísticos
Instanciamos un ListView para cargar los datos de la tabla Lugar, con ello mostraremos los datos y agregaremos un botón para carga un Lugar
28. Pantalla Lugar Turístico
En esta pantalla mostraremos información del lugar turístico de forma sencilla donde consumiremos el parámetro que recibimos de la lista de lugares
29. Pantalla Foto360
Importaremos un paquete para tratar la imagen en 360 o plana mediante un operador ternario donde evaluaremos un nuevo campo tipo,
Autenticación en Flutter con JWT
30. Proceso de Registro
Implementación del Proceso de registro de un usuario de tipo empresa, lección dividida en 03 partes: Lógica JWT Laravel, Formulario Flutter y Testing
31. Proceso de Login - Logout
Desarrollo del proceso de Login y Logout con JWT para iniciar sesión en la aplicación y cerrar la sesión con Tokens.
Administración Empresa
32. Panel Administración Empresa
Desarrollo de la pantalla y funciones para gestionar información respecto del usuario de tipo empresa, acceso a los métodos CRUD
33. CRUD Insertar una Empresa
Desarrollo de la funcionalidad para crear un nueva empresa a partir de la información proporcionada en la pantalla a desarrollar.
34. CRUD Editar una Empresa
Vamos a crear el proceso de edición de los datos de una empresa consignados en el CRUD insertar
35. CRUD Borrar una empresa
Implementación de la lógica para eliminar o borrar un registro correspondiente a una empresa.
UI Laravel - UI Flutter
36. Diseño en Laravel
Aplicaremos un diseño simple y elegante a nuestro proyecto Laravel usando estilos adecuados.
37. Diseño de la app Flutter
Diseño de la app Flutter
Descripción del curso
Aprende a programar una app móvil dinámica usando el SDK de Flutter y el lenguaje de programacion Dart, es decir, que su contenido se encuentre alojado en un servidor web y pueda ser consumido mediante una Api Rest sencilla con el BackEnd en Laravel 8.
La funcionalidad del proyecto radica en que permita a cualquier empresa agregar su perfil corporativo mediante el aplicativo en Flutter o también mediante la aplicación web en Laravel. El proyecto tendrá un administrador general que podrá agregar información y/o actualizar, habilitar la empresa que se ha registrado, etc.
Algunas funcionalidades que desarrollaremos:
- Desarrollo de un sistema de autenticación tanto en Laravel como en la App móvil Flutter con Json Web Tokens (JWT)
- Implementación de una base de datos local Sqlite y la correspondiente sincronización con el Servidor web mediante una API.
- Gestión de roles con dos tipos de usuarios claramente definidos : Admin, Empresa.
- Implementación de una sección administrativa para el usuario empresa.
- Visualización de fotos 360 y/o planas
¿Qué aprenderás?
En el presente curso aprenderás a desarrollar una aplicación móvil para el sector turismo, donde vas a integrar tecnologías del lado del backend desarrollado en Laravel y la aplicación móvil con el SDK de Flutter.
Es un curso FullStack, es decir debes dominar o al menos tener los conocimientos necesarios acerca del desarrollo de una aplicación web en Laravel, desarrollo de una API Rest y finalmente dominar el desarrollo de aplicaciones móviles con Flutter, el ideal es que realmente tengas conocimientos avanzados para poder llevar el curso.
Desarrollo web con Laravel
- Aplicación BackEnd
- Aplicación FrontEnd
Desarrollo Api Rest
- Implementación
Desarrollo Móvil Flutter
- Aplicación móvil
Requisitos
Requisitos que el Alumno debe tener en cuenta para tomar el curso, puesto que si no cumple ciertos requisitos le será un poco más dificil asimilar las lecciones, pero no imposible.
Requisitos recomendables:
- Conocimientos en la implementación de Base de datos MySql y Sqlite a un nivel intermedio.
- Dominio en el desarrollo de aplicaciones web con Laravel a un nivel intermedio
- Conocimientos en la implementación de una API nivel intermedio.
- Conocimientos en el desarrollo de aplicaciones Flutter a un nivel intermedio.
- Conocimientos avanzados en la maquetación de páginas web con Html y Css, uso de Bootstrap.
Características del equipo de cómputo
- Sistema operativo Windows
- Navegador: Chrome o Firefox en su última versión
- Android Studio con el SDK Flutter
- Visual Studio Code
- Xampp como servidor web local
Acceso a una conexión de internet
Código fuente
Disponible
- Acceso al código fuente
- Acceso a recursos gráficos
- Formato descargable ZIP
