A
Andrea Lopez Mendoza
Aprendi a desarrollar aplicaciones multiplataforma con pasos concretos y didacticos.
PRECIO DE LANZAMIENTO
React Native Expo Aplicaciones nativas para IOS y Android
4.65
(20)
|
407 Estudiantes
|
Certificación internacional
Acceso de por vida
Acceso multiplataforma
Info
USD 300.00
USD 300.00
USD 50.00
Descripcion
Aprende a crear aplicaciones nativas para IOS y Android usando React Native con Expo. Domina desde la configuracion inicial hasta funcionalidades avanzadas como camara, animaciones y mapas.
Lo que aprenderas:
- Configurar proyectos con Expo y ExpoRouter
- Implementar componentes personalizados y estilos globales
- Desarrollar funcionalidades de calculadora con logica avanzada
- Integrar camara, permisos y gestion de imagenes
- Crear animaciones y manejar temas dinamicos
- Trabajar con mapas, geolocalizacion y manejo de estado con Zustand
Contenido del Curso
Introduccion
Introduccion
Como funcionara el curso
Como hacer preguntas
Instalaciones recomendadas
Reforzamiento sobre React y TypeScript
Introduccion
Inicio de proyecto
Tipos basicos
Objetos literales
Funciones
TailwindCSS
Counter Component
Custom hooks
AuthContext - ContextAPI
AuthContext - Enumeraciones y estado
Metodos en el contexto
Separacion de componentes
Peticiones HTTP
Tipar Props
Formularios
Configuracion de equipo - React Native - Expo
Introduccion
Mi primer proyecto - TestingApp
MAC Android Environment
MAC Android Emulator
MAC IOS Simulator
Windows Android Environment
Windows Android Emulator
Mi primera aplicacion en React Native
Introduccion
Demostracion
Inicio de proyecto - CounterApp
Estilos y botones
Boton flotante personalizado
Retroalimentacion al tocar el boton
Calculator App
Introduccion
Demostracion
Inicio de proyecto
ExpoRouter index y layout
Fuentes personalizadas y diseno inicial
Estilos globales
Custom Text + Default Props
Botones de la calculadora
Botones de la calculadora - Parte 2
Paquetes adicionales - Haptics y NavigationBar
Logica de la calculadora - useCalculator
Construir numero
Limpiar, cambiar signo y borrar anterior
Manejo de los botones de operaciones
Calcular el resultado matematico
Tipos de navegacion y estilos
Introduccion
Demostracion
Inicio de aplicacion - NavigationApp
Estilos con Nativewind
Fuentes personalizadas en Nativewind
Colores personalizados
Navegacion entre pantallas
CustomButtons y Link AsChild
ForwardRef y Variantes
StackNavigation
Personalizacion del StackNavigation
Listado de productos y detalle
Tabs y Drawer
Introduccion
Demostracion
Continuacion de aplicacion
Tabs
Personalizar los tabs
Drawer - Menu lateral
Personalizar el Drawer
DrawerContent
Conectar Drawer, con Tabs con Stack
Optimizar nombres de directorios
Mostrar drawer controladamente
Cambiar titulo basado en los argumentos
MoviesApp - Peticiones HTTP - TanStack
Introduccion
Demostracion
Inicio de proyecto - MoviesApp
Variables de entorno y API Key
Cliente de Axios - Primera peticion
Mapear respuestas a objetos personalizados
TanStack Query - Gestor de estado asincrono
Pantalla de carga y SafeArea manual
Carousel de imagenes
Mostrar poster de la pelicula
FlatList Horizontal
Tarea - Mejor Calificadas y Proximamente
MoviesApp - InfiniteScroll y Detalles
Introduccion
Demostracion
Continuacion
Determinar fin de scroll de un FlatList
TanStack - InfiniteQuery
Pantalla - Detalles de la pelicula
UseMovie - TanStack
Mostrar detalles de la pelicula
Gradiente sobre el poster
Descripcion de la pelicula
Tarea - Actores de las peliculas
Resolucion de la tarea
Components App - Temas y estructura
Introduccion
Demostracion
Inicio de proyecto - ComponentsApp
Nativewind y Paleta de colores
ThemedView
ThemedText
Opciones de menu y rutas
Menu Item
Limpieza y cierre de seccion
Componentes de React Native
Introduccion
Demostracion
Continuacion de proyecto
Animaciones 101 - Basicas
Animaciones 101 - Movimiento
Custom Hook - useAnimation
Animated XY
Switch - ThemedSwitch
Codigo por plataforma
Alerts
TextInput y ThemedTextInput
KeyboardAvoidingView
Lists, Infinite scrolls, Slides, Theme Changer, modals
Introduccion
Demostracion
Continuacion
Pull to refresh
Section List
Modal Window
Controles y segundo modal
InfiniteScroll
Configuraciones del infinite scroll
Custom FadeInImage
Carrusel controlado - Diseno y estructura
Carrusel controlado - Funcionalidad
ThemeChanger - Preparacion
ThemeChanger Context y Provider
Cambio de tema desde el context
Storage Alternatives - Async Storage
Push Notifications
Introduccion
Demostracion
Inicio de proyecto - PushApp
Expo Push Notifications
ProjectID - Enviar Notificacion Push
UsePushNotifications - CustomHook
UsePushNotification - Parte 2
Enviar, recibir y mostrar notificaciones push
Android Credenciales para builds
IOS Credenciales para builds
Prebuild - Custom Builds
Tomar informacion y navegar a pantalla
Aplicacion terminada o en segundo plano
IOS - Prebuild
Backend - PushServer - Expo Push API
Expo Server SDK
Enviar notificaciones desde nuestro backend
MapsApp - Permisos
Introduccion
Demostracion
Inicio de proyecto - MapsApp
Acciones - Permisos de geolocalizacion
Zustand - Gestor de estado
Provider - Permission Checker
Solicitar permiso de Geolocalizacion
Permisos fuera de la aplicacion
Abrir ajustes de la aplicacion
MapsApp - Mapas y controles
Introduccion
Demostracion
Continuacion
Expo - MapView
Configuracion de Google Cloud
Prebuild con nuestras llaves
Marcadores
Acciones para seguir y ver la ubicacion del usuario
Location Store
Componente CustomMap
Ubicacion del usuario y seguir su trayectoria
Mover la camara para seguir al usuario
Boton flotante personalizado
Acciones con el Mapa
Polylines
Backend personalizado
Introduccion
Descarga y pruebas del backend
Productos App - Autenticacion
Introduccion
Demostracion
Inicio de proyecto - ProductsApp
Fuentes y Colores
Auth Store - Estado de la autenticacion
Auth Actions - Acciones de autenticacion
Conectar acciones con Store
Variables de entorno y configuraciones
Verificar estado de autenticacion
LoginScreen - Pantalla de ingreso
ThemedTextInput - Caja de texto personalizada
ThemedButton - Boton personalizado
ThemedLink - Enlace personalizado
Pantalla de registro
Login - Estado y redireccion
Secure Storage Adapter - Secure Store
Check Status - Axios interceptors
Logout - Boton personalizado
Products App - Listado y mantenimiento
Introduccion
Demostracion
Continuacion
Obtener productos de forma paginada e individual
TanStack + Custom Hooks
Mostrar productos en pantalla
Scroll infinito
Pantalla de producto - Diseno
Cargar data del producto - useProduct
Carrusel de imagenes
ButtonGroup personalizado
Selector de genero
Formik - Gestor de formularios
UseMutation - TanStack
Acciones para crear y actualizar productos
Invalidar cache
Crear un nuevo producto
Camara, galeria y carga de imagenes
Introduccion
Demostracion
Continuacion
Prepara pantalla para tomar fotografia
Camara y permisos
Boton de captura y tomar fotografia
Botones adicionales, girar camara, galeria y regresar
Mostrar fotografia tomada
Guardar imagen en galeria
Camera Store - Zustand
Selector de imagenes
Cargar imagen via Postman
Subir imagenes desde la app
Subir imagenes - Parte 2
Pull to refresh
PlayStore y AppStore
Introduccion
Preparacion de aplicacion
EAS Build - Android APK
EAS Build - Android AAB
Instalar App desde la PlayStore
EAS Build - IOS
EAS Publish - IOS
Cierre del curso
Fin del curso
Requisitos
- Conocimientos basicos de JavaScript y React
- Computadora con sistema operativo Windows o Mac
- Conexion estable a internet para instalaciones y pruebas
Reseñas generales
4.65 de 5
20 Puntuaciones
5 star
75%
4 star
15%
3 star
10%
2 star
0%
1 star
0%
Reseñas destacadas
K
korina tinoco
Las explicaciones sobre la integracion con Expo fueron muy utiles para mis proyectos.
E
Eduardo Medel Jiménez
Me gusto como enseña a manejar componentes nativos y su interaccion con React Native.
I
Igor Villafuerte Rivera
El uso de hooks y gestion de estados en el curso me ayudo mucho a optimizar mi codigo.
M
Maribel Paucara
Hubiera preferido mas profundidad en la configuracion para IOS, pero el contenido es bueno.
G
GUADALUPE SÁNCHEZ
La seccion dedicada a la publicacion de apps en tiendas fue muy practica y clara.
I
Ismael Alexander Villalobos Arapa
Aprendi a implementar animaciones y transiciones flugadas usando Expo.
A
Anderson joel Maruqez Arias
Algunos ejemplos de integracion con APIs externas fueron muy basicos y podrian mejorar.
R
RAQUEL SOSA
El enfoque en el desarrollo para dispositivos moviles es justo lo que necesitaba para mi app.
R
RODRIGO BARRIONUEVO
El curso cubre lo esencial, aunque la parte de debugging podia ser mas detallada.
J
JESUS ANGEL CANTU CANTU
Muy bueno para entender como funciona la estructura de proyectos en React Native con Expo.
C
Carlos Calderon C
Los retos y ejercicios lograron mantenerme motivado y aplicando lo aprendido inmediatamente.
W
Wilton Payano
Esperaba mas ejemplos reales de gestion de estados complejos, pero el material es util.
F
Franco Andrés Silva
La explicacion sobre el manejo de estilos y el diseño adaptativo fue muy beneficiosa.
A
Aquino candela ayelen
Conoci herramientas para optimizar el rendimiento de las aplicaciones que no conocia antes.
Y
YENUEN GARCÍA
Me hubiera gustado mas contenido sobre integracion con bases de datos locales.
G
GONZALO SEGUNDO AGUILERA BASTIAS
Ahora puedo crear apps para Android e IOS sin necesidad de usar codigo nativo.
D
Daniel neyra vega
El soporte y las aclaraciones de dudas hicieron que avanzar fuera mucho mas sencillo.
C
Carlos Andres Solano Duarte
La parte de configuracion de permisos y sensores fue clara y aplicable en mis proyectos.
D
Daniela Paredes Luna
Me ayudo a entender como funciona Expo y como sacarle provecho para desarrollo rapido.
USD 300.00
USD 50.00
PARA MAS INFORMACION
INGRESA TUS DATOS
Completa tus datos solo si estas evaluando inscribirte en este programa.
Parte de una ruta de especialización
Especialización en Desarrollo Web Full Stack Moderna
Inversion
USD 50.00
Duracion26 Horas
EvaluacionSi
CertificadoSi
WebinarsSi
IdiomaEspañol
Aprobacion93%