Autoplay
Autocompletar
Lección previa
Completar y continuar
Flutter: App Delivery con NodeJS, MySQL y Pasarelas de pago
Presentacion del curso
Introduccion (16:39)
Instalacion de herramientas en Windows
Instalacion de Flutter en Windows (4:50)
Instalacion de NodeJS en Windows (1:37)
Instalacion de Visual Studio Code (5:22)
Instalacion de Postman (1:06)
Instalacion de Android Studio en Windows (3:02)
Instalacion de herramientas en MacOSX
Requisitos para tomar esta seccion (0:54)
Instalacion de Flutter en MacOSX (10:20)
Instalacion de NodeJS en MacOSX (2:03)
Instalacion de visual studio code en MacOSX (2:53)
Instalacion de Postman en MacOSX (1:45)
Instalacion de Android Studio en MacOSX (8:23)
Correr la aplicacion en un emulador IOS (6:33)
Correr la aplicacion en un Iphone o IPAD (9:08)
Primeros diseños en Flutter
Creando el proyecto en Android Studio (5:13)
Corriendo la aplicacion de prueba en un emulador o celular (10:29)
Gestor de estados de la app (13:46)
Creando la pantalla principal (Parte 1) (25:57)
Creando la pantalla principal (Parte 2) (20:42)
Interaccion con Widgets, Navegacion, Formularios
Navegar entre pantallas (8:54)
Creando la pantalla de registro (13:05)
Trabajando con los formularios (16:25)
Configuracion del backend
Crear servidor en Node JS (11:54)
Probando rutas del servidor (11:13)
Conexion del backend con la Base de datos MySQL
Instalacion de MYSQL en Windows (7:28)
Creacion de la tabla Usuarios en MYSQL (7:04)
Conectarse a la base de datos MYSQL desde NodeJS (31:30)
Creando un nuevo usuario desde la app en Flutter (17:31)
Validaciones en NodeJS y Json Web Tokens (JWT)
Encriptar un password (3:12)
Configurando NodeJS con Json Web Tokens (32:50)
Modulo de usuarios
Enviando la peticion de login desde la App (11:21)
Creando la sesion de usuario (18:52)
Manejo de imagenes (Backend y frontend)
Seleccionar o tomar fotografias desde la aplicacion (19:41)
Preparando el backend para subir imagenes (15:57)
Enviando formulario con imagen (18:50)
Progress dialog (3:32)
Modulo de roles de usuario
Creando los roles del usuario en la base de datos (9:33)
Generar diagrama entidad relacion de la base de datos (1:47)
Asignar el rol de CLIENTE a cada nuevo usuario (10:24)
Listar los roles asignados a un usuario (12:05)
Mostrar los roles del usuario en la app (23:16)
Enlazar los roles con sus rutas (18:22)
Gestor de estados de la aplicacion
Explicacion del gestor de estados GetX (11:27)
Bottom Navigation Bar (10:28)
Edicion del perfil de usuario
Pestaña de perfil de usuario (14:28)
Creando el formulario para actualizar datos (16:34)
Backend para actualizar datos del usuario (9:10)
Actualizando datos del usuario (Parte 1) (17:53)
Actualizando datos del usuario (Parte 2) (17:28)
Actualizando datos del usuario (Parte 3) (1:38)
API REST Y JWT
Enviando peticiones con Json Web Token (6:47)
Modulo de categorias
Creando la tabla categorias y insertando datos (15:02)
Creando el formulario para crear una nueva categoria (19:13)
Creando una nueva categoria desde la app (11:53)
Backend para crear un nuevo producto con varias imagenes (25:51)
Formulario para crear un nuevo producto (parte 1) (21:28)
Formulario para crear un nuevo producto (parte 2) (23:51)
Creando un nuevo productos desde la app (21:08)
Un par de validaciones mas para el formulario de productos (5:04)
Mostrar las categorias disponibles en la app (8:42)
Modulo de productos
Listar los productos por categoria (25:19)
Mejorando el diseño de los widgets de productos (9:44)
Modal Bottom Sheet (5:51)
Mostrando el detalle del producto (20:03)
Modulo de bolsa de compras
Agregando items a la bolsa de compras (25:50)
Agregando items a la bolsa de compras (Parte 2) (12:59)
Widget de la bolsa de compras y buscador de productos (15:29)
Mostrando la lista de productos agregados a la bolsa de compras (26:55)
Agregando funcionalidades a la pantalla de Mi Orden (10:45)
Modulo de direcciones
Creando el formulario para agregar una nueva direccion (17:47)
Integrar google maps con la app (22:02)
Agregando los widgets al mapa de google (14:58)
Obteniendo la Direccion del Punto de Referencia (21:37)
Mostrando en el TextField el punto de referencia seleccionado en el (8:09)
Backend para crear una nueva direccion (19:40)
Creando una nueva direccion desde la app (10:58)
Backend para listar las direcciones por usuario (5:56)
Mostrar las direcciones del usuario en la app (23:07)
Guardar la direccion seleccionada en sesion (12:20)
Get Builder para mostrar las nuevas direcciones creadas (7:11)
Modulo de ordenes
Creando la tabla de ordenes (10:35)
Creando registro en la tabla orders con productos (17:08)
Creando una nueva orden desde la app (19:07)
Consulta para listar las ordenes con sus productos (19:20)
Backend para listar las ordenes (7:41)
Mostrando las ordenes del cliente en la app (25:07)
Mejorando el diseño de las tarjeta de la orden (10:11)
Mostrando el detalle de la orden (22:29)
Backend para listar los repartidores (8:57)
Mostrando los repartidores disponibles en el detalle de la orden (16:09)
Actualizando el estado de la orden a despachado (14:35)
Mostrando widgets dependiendo del estado de la orden (15:19)
Backend para listar las ordenes asignadas a un repartidor (7:40)
Mostrando las ordenes asignadas a un repartidor (14:23)
Actualizando el estado de la orden a EN CAMINO (7:07)
Mostrando el mapa de la orden (10:51)
Mostrando informacion en el mapa del orden (21:03)
Agregar Marcadores personalizados al mapa de Google (15:27)
Obtener la posicion del dispositivo en tiempo real (8:43)
Almacenar la posicion del delivery en la base de datos (6:28)
Trazado de rutas y API de llamadas telefonicas
Trazando ruta desde punto A a punto B (17:04)
Centrar la posicion y realizar llamadas telefonicas (4:37)
Listar las ordenes solicitadas por el cliente (23:24)
Socket IO - Tiempo real
Socket IO del lado del servidor (11:57)
Socket IO del lado del cliente (7:58)
Socket IO Emitiendo y escuchando la posicion en tiempo real (11:17)
Actualizando el estado de la orden a ENTREGADO (14:53)
Tiempo real para el estado de la orden ENTREGADO (5:53)
Mercado pago
Formulario para procesar un pago (20:16)
Obtener de mercado pago los tipos de identificacion disponibles par (18:48)
Generando el token de pagos con tarjeta de credito o debito (27:27)
Formulario del numero de coutas (16:20)
Obtener el numero de coutas para hacer el pago (17:11)
Backend para crear un pago (14:41)
Creando el pago (29:56)
Validando la respuestas de mercado pago una vez terminada la transa (39:25)
Agregando funciones y elementos extras a la app
Mostrar en el icono de la bolsa de compras la cantidad de producto (15:57)
Buscar productos por nombre (15:10)
Configurando el app para recibir notificaciones push (21:45)
Notificaciones Push
Generando y guardando el token de notificaciones en la base de dat (12:54)
Enviando notificaciones de dispositivo a dispositivo (28:16)
Enviando notificaciones de dispositivo a varios dispositivos (15:36)
Stripe
Pagos con Stripe (40:25)
Aplicacion completa
Codigo aplicacion
Widget de la bolsa de compras y buscador de productos
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear