Autoplay
Autocompletar
Lección previa
Completar y continuar
Flutter: Crea un chat profesional desde cero NodeJS y SQL
Instalacion de herramientas en Windows
Instalacion de Flutter en Windows (4:50)
Instalacion de Visual Studio Code (5:22)
Instalando PostgreSQL en Windows (4:04)
Instalando de NodeJS en Windows (1:31)
Instalacion de Postman (1:06)
Instalacion de Android Studio en Windows (3:02)
Instalaciones en MacOSX (Seccion Opcional)
Requisitos para tomar esta seccion (0:54)
Instalacion de Flutter en MacOSX (10:20)
Instalacion de Android Studio en MacOSX (8:23)
Instalacion de visual studio code en MacOSX (2:53)
Instalacion de NodeJS en MacOSX (2:03)
Instalacion de PostgreSQL en MacOSX (4:17)
Instalacion de Postman en MacOSX (1:45)
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 la aplicacion del chat en Android Studio (5:41)
Corriendo la aplicacion de prueba en un emulador o celular (10:29)
Configuracion del archivo main.dart (15:33)
Explicacion de etiquetas basicas de Flutter (21:58)
Establecer el color por defecto para nuestra aplicacion (6:28)
Diseño de la pantalla de login (parte 1) (13:52)
Diseño de la pantalla de login (parte 2) (6:08)
Diseño de la pantalla de login (parte 3) (16:47)
Diseño de la pantalla de login (parte 4) (9:01)
Comenzando con GetX (Gestor de estados)
Agregando GetX a nuestra aplicacion (24:27)
Creando la pantalla de registro (12:52)
Creando el primer controlador con GetX (13:50)
Comenzado a trabajar con Node Js
Crear servidor en NodeJS (11:44)
Probando rutas del servidor (11:13)
Creacion de la tabla usuarios (11:31)
Conectarse a base de datos Postgres desde NodeJS (12:24)
Creando nuestra API REST en NodeJS (22:36)
Creando un nuevo usuario en la base de datos desde NodeJS (21:36)
Configuracion del backend y conexion con Get Connect (Peticiones Http)
Peticiones HTTP con GetX (24:32)
Validando el formulario de Registro (9:16)
Encriptar password con bcrypt (5:00)
JWT y Get Storage para inicio de sesion
Preparando el backend para iniciar sesion de un usuario con JWT (35:47)
Iniciar sesion desde la app (16:37)
Almacenar datos de sesion del usuario con Get Storage (13:54)
Perfil de usuario
Implementando un Bottom Navigation Bar con GetX (20:22)
Diseñando pantalla de perfil y funcion para cerrar sesion (19:01)
Tomar una fotografia o seleccionar imagen de galeria (14:30)
Backend para almacenar una imagen con NodeJS y Firebase (20:25)
Crear un usuario con imagen desde Flutter (Parte 1) (13:13)
Crear un usuario con imagen desde Flutter (Parte 2) (18:19)
Progress dialog (4:37)
Creando el formulario para editar perfil (18:26)
Editar datos de perfil de usuario con imagen (16:34)
Editar datos de perfil de usuario SIN imagen (9:27)
Mostrar informacion del usuario actualizado (4:09)
Implementar usuarios del chat
Backend para listar los usuarios (6:14)
Enviar peticion HTTP con JWT (9:10)
Mostrar lista de usuarios (14:59)
Creacion del Chat
Diseño de la pantalla para enviar mensajes del chat (21:31)
Creacion del tabla Chats y insercion de datos (15:49)
Creando un chat entre dos usuarios desde la app (22:05)
Mensajes del chat
Backend para crear mensajes (19:06)
Enviando mensajes desde la aplicacion (12:37)
Backend para listar los mensajes por chat (7:03)
Mostrar los mensajes por chat en la app (21:14)
Implementacion Socket IO para tiempo real (15:42)
Enviando mensajes en tiempo real (12:57)
Mensajes con imagen y video
Enviar un mensaje con imagen (16:15)
Comprimir imagen y subirla al servidor (8:38)
Mostrar imagenes en el chat (7:51)
Posicionarse en el ultimo mensaje enviado dentro del chat (5:29)
Subir un video al servidor (10:57)
Reproducir un video en el chat (29:21)
Funcionalidades extra para el chat
Funcionalidad de escribiendo (10:16)
Funcionalidad de mensaje visto (18:25)
Listar los chats que tienen al menos un mensaje (22:11)
Mostrar la lista de chats en la app (19:43)
Mostrar el ultimo mensaje del chat (5:56)
Mostrar numero de mensajes sin leer (13:09)
Mostrar hora del ultimo mensaje y implentar el tiempo real (15:50)
Notificaciones push
Implementando notificaciones push en nuestra app (21:41)
Generando Token de notificaciones (11:47)
Enviando notificaciones de dispositivo a dispositivo (25:49)
Enviando notificaciones con imagen (13:33)
Ultimos detalle de la aplicacion
Funcionalidad EN LINEA-DESCONECTADO (42:41)
Manejar segundo estado de los mensajes (RECIBIDO) (15:03)
Codigo de la aplicacion
codigo final
Posicionarse en el ultimo mensaje enviado dentro del chat
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear