school
Este curso pertenece a las siguientes rutas de aprendizaje
play_circle_outline
vista previa
6 minutos
file_download
Archivos del curso (Proyecto final)
N/A
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
9 minutos
play_circle_outline
vista previa
10 minutos
play_circle_outline
vista previa
10 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
Ejecutar comandos para dejar el proyecto Laravel en marcha de forma correcta
6 minutos
play_circle_outline
Introducción a React Native, Expo y revisando las dependencias del proyecto
8 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
Definir archivos de constantes y estilos css con React Native
5 minutos
play_circle_outline
Crear la instancia de Laravel Echo de forma correcta
3 minutos
play_circle_outline
Servicio Axios para comunicarnos con la API utilizando Sanctum
3 minutos
play_circle_outline
Escribir la Store para manejar autenticación con Mobx
10 minutos
play_circle_outline
Escribir la Store para modificar la interfaz con Mobx
2 minutos
play_circle_outline
Comunicar todas las Stores entre sí con Mobx
3 minutos
play_circle_outline
Componente para mostrar un Loader mientras suceden cosas en la APP
4 minutos
play_circle_outline
Crear un componente SnackBar que utilizaremos con los canales de Echo
7 minutos
play_circle_outline
Crear componente para mostrar errores de validación del servidor
3 minutos
play_circle_outline
Crear la pantalla para iniciar sesión
14 minutos
play_circle_outline
Crear la pantalla para registrar usuarios
4 minutos
play_circle_outline
Crear una navegación por Tabs para usuarios no identificados
6 minutos
play_circle_outline
Crear un componente para manejar navegaciones de usuarios invitados e identificados
3 minutos
play_circle_outline
Actualizar el punto de entrada de Expo para utilizar los providers Mobx y Paper
9 minutos
play_circle_outline
Pantalla Welcome después de iniciar sesión y conectar a canal privado Echo con autenticación
7 minutos
play_circle_outline
Crear la navegación por Tabs para usuarios identificados y cambiar navegación de forma dinámica
6 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
Pantalla para cerrar sesión y comprobar que el socket se desconecta completamente en el servidor
7 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
Probar la emisión de eventos desde el servidor y algunos conceptos importantes
5 minutos
play_circle_outline
Almacén de datos Jobs con Mobx para gestionar el estado de las categorías de trabajos
7 minutos
play_circle_outline
Listar las categorías de trabajos, escuchar y emitir eventos de forma completa y pruebas finales
16 minutos
school
¿Qué aprenderás?
¿Interesado en el desarrollo sin real time? ¡Mira este curso!
Aprende a desarrollar aplicaciones móviles en tiempo real con React Native y Laravel Echo utilizando Expo. Para desarrollar el Backend en Realtime utilizaremos Laravel Echo con Socket.IO y Laravel Sanctum para el sistema de autenticación basado en tokens contra rutas API y Canales.
Hoy en día es una necesidad saber desarrollar aplicaciones en tiempo real. Cada vez son más las empresas que solicitan este conocimiento en un desarrollador web o móvil. Si no cuentas con estos conocimientos dejarás de poder atender a posibles clientes que requieran este tipo de aplicaciones.
A lo largo de este curso de React Native y Laravel Echo crearemos una APP para Android y iOS, algo parecido a un portal para buscar trabajo. Sin entrar en todos los detalles de este tipo de proyectos, sí definiremos lo que más nos interesa, autenticación y Realtime.
Empezaremos por configurar el Backend con Laravel utilizando el sistema de Broadcast de Laravel para emitir eventos al cliente utilizando el Middleware de autenticación Sanctum con el fin de proteger nuestros endpoints.
Ya que Laravel será quien comunique a la APP lo que esté sucediendo en nuestra base de datos, crearemos una serie de eventos para actualizar cierta información y así notificar a React Native para que puede actualizar las interfaces de todos los clientes que estén conectados y escuchando los eventos disparados.
Una vez tengamos el Backend Laravel funcionando, empezaremos a desarrollar la aplicación móvil con React Native y Expo. Lo primero será instalar todas las dependencias necesarias. Entre las más importantes cabe destacar las siguientes:
Aprende a desarrollar aplicaciones móviles en tiempo real con React Native y Laravel Echo utilizando Expo. Para desarrollar el Backend en Realtime utilizaremos Laravel Echo con Socket.IO y Laravel Sanctum para el sistema de autenticación basado en tokens contra rutas API y Canales.
Hoy en día es una necesidad saber desarrollar aplicaciones en tiempo real. Cada vez son más las empresas que solicitan este conocimiento en un desarrollador web o móvil. Si no cuentas con estos conocimientos dejarás de poder atender a posibles clientes que requieran este tipo de aplicaciones.
A lo largo de este curso de React Native y Laravel Echo crearemos una APP para Android y iOS, algo parecido a un portal para buscar trabajo. Sin entrar en todos los detalles de este tipo de proyectos, sí definiremos lo que más nos interesa, autenticación y Realtime.
Empezaremos por configurar el Backend con Laravel utilizando el sistema de Broadcast de Laravel para emitir eventos al cliente utilizando el Middleware de autenticación Sanctum con el fin de proteger nuestros endpoints.
Ya que Laravel será quien comunique a la APP lo que esté sucediendo en nuestra base de datos, crearemos una serie de eventos para actualizar cierta información y así notificar a React Native para que puede actualizar las interfaces de todos los clientes que estén conectados y escuchando los eventos disparados.
Una vez tengamos el Backend Laravel funcionando, empezaremos a desarrollar la aplicación móvil con React Native y Expo. Lo primero será instalar todas las dependencias necesarias. Entre las más importantes cabe destacar las siguientes:
- React Native Paper para definir la interfaz.
- Echo para escuchar los eventos de Laravel.
- Socket.IO, el cliente utilizado por Echo.
- Mobx, mi alternativa a Vuex en React, fácil y genial.
Con el proyecto Expo iniciado y las dependencias instaladas, configuraremos Babel para mapear nuestro proyecto y tener acceso directo a todos los paths utilizando alias, algo súper recomendable en cualquier proyecto, a esto se le conoce como module resolver.
De aquí en adelante será desarrollar componentes, navegaciones, stores, screens, archivos de constantes, servicios para conectar con Laravel Echo y consumir la API con Axios y todo lo que te puedas imaginar para desarrollar este tipo de proyectos.
assignment
Requisitos
- Conocimientos de Laravel, aquí tienes tienes un curso gratuito desde 0.
- Conocimientos de JavaScript y HTML
group
¿A quién va dirigido el curso?
Cualquier desarrollador de aplicaciones web que utilice Laravel y desee aprender a desarrollar aplicaciones móviles en tiempo real con React Native y Expo para Android y iOS desde 0 paso a paso.
help_outline
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
card_membership
Certificado de finalización
emoji_events
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
Opiniones
Valoraciones
5
2 valoraciones
hace 5 años
hace 5 años
Se trata todo los temas con explicación cara y fácil de comprender.
Sugerencia: Seria Interesante un Curso de Vue-Native con Laravel Sanctum o AWS Amplify
Gracias por compartir tanto conocimiento y tan buenos cursos