React Native Expo: Aplicaciones nativas para IOS y Android
EAS, Push Notifications, Mapas, Rutas, Haptics, Cámara, Galería, Secure Storage, GeoLocation, Google y Apple AppStore.
Lo que serás capaz de hacer
Bienvenidos a nuestro curso de React Native con Expo . Este es un curso en el cual aprenderemos a crear aplicaciones móviles utilizando React Native junto con el framework de Expo . No es necesario saber nada de React Native, pero si se recomienda tener las bases de React. Todo el curso está en TypeScript , pero si nunca lo haz usado, también cuenta con una introducción amigable y reforzamiento a lo que necesitamos que sepas sobre React para poder entrar cómodamente a React Native. Esta es una lista de algunos de los temas que tocamos en el curso: TypeScript EAS Build Patrones de diseño Autenticación con JWT Storage Secure Local Gestores de estado Context Zustand Push Notifications Enviar y recibir Crear backend propio para envío Formularios Native Wind Temas light y dark personalizados Paquetes de expo y de terceros PreBuilds Cámara, galería, media storage y más Protección de rutas Empaquetamiento Google PlayStore Alphas Betas Subida Apple AppStore Sin Mac TestFlight App Store Connect TanStack y manejo de caché local Query Mutation Expo Router Mapas Geolocation Rutas CRUD Peticiones HTTP Formik Re-utilización de componentes Y mucho más Este es un curso donde buscamos darte las habilidades que te permitan crear esas aplicaciones móviles que deseas crear utilizando el conocimiento de React que tengas, y recuerda que este como todos nuestros cursos, cuentan con co-instructores que te ayudarán a terminarlo de la mejor manera posible atendiendo tus preguntas . Esperamos que el curso sea todo lo que esperas y mucho más! Fernando Herrera + Equipo de DevTalles
- React Native + TypeScript + Expo
- Uso de cámara, galería, almacenamiento y más
- Desplegar en la Google PlayStore y Apple AppStore
- Usar mapas y trazar rutas
- Temas personalizados lighty dark
Temario
UNIDAD 1 - Introducción · 4 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Introducción
- ¿Cómo funcionará el curso?
- ¿Cómo hacer preguntas?
- Instalaciones recomendadas
UNIDAD 2 - Reforzamiento sobre React y TypeScript · 17 leccionesUNIDAD 2 - Reforzamiento sobre React y TypeScript
UNIDAD 2 - Reforzamiento sobre React y TypeScript
- Introducción
- Temas puntuales
- Inicio de proyecto
- Tipos básicos
- Objetos literales
- Funciones
- TailwindCSS
- Counter Component
- Custom hooks
- AuthContext - ContextAPI
- AuthContext - Enumeraciones y estado
- Métodos en el contexto
- Separación de componentes
- Peticiones HTTP
- Tipar Props
- Formularios
- Código fuente
UNIDAD 3 - Configuración de equipo - React Native - Expo · 8 leccionesUNIDAD 3 - Configuración de equipo - React Native - Expo
UNIDAD 3 - Configuración de equipo - React Native - Expo
- Introducción
- Temas puntuales
- Mi primer proyecto - TestingApp
- MAC: Android Environment
- MAC: Android Emulator
- MAC: IOS Simulator
- Windows: Android Environment
- Windows: Android Emulator
UNIDAD 4 - Mi primera aplicación en React Native · 8 leccionesUNIDAD 4 - Mi primera aplicación en React Native
UNIDAD 4 - Mi primera aplicación en React Native
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - CounterApp
- Estilos y botones
- Botón flotante personalizado
- Retroalimentación al tocar el botón
- Código fuente
UNIDAD 5 - Calculator App · 17 leccionesUNIDAD 5 - Calculator App
UNIDAD 5 - Calculator App
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto
- ExpoRouter: index y _layout
- Fuentes personalizadas y diseño inicial
- Estilos globales
- Custom Text + Default Props
- Botones de la calculadora
- Botones de la calculadora - Parte 2
- Paquetes adicionales - Haptics y NavigationBar
- Lógica de la calculadora - useCalculator
- Construir número
- Limpiar, cambiar signo y borrar anterior
- Manejo de los botones de operaciones
- Calcular el resultado matemático
- Código fuente de la sección
UNIDAD 6 - Tipos de navegación y estilos · 14 leccionesUNIDAD 6 - Tipos de navegación y estilos
UNIDAD 6 - Tipos de navegación y estilos
- Introducción
- Temas puntuales
- Demostración
- Inicio de aplicación - NavigationApp
- Estilos con Nativewind
- Fuentes personalizadas en Nativewind
- Colores personalizados
- Navegación entre pantallas
- CustomButtons y Link AsChild
- ForwardRef y Variantes
- StackNavigation
- Personalización del StackNavigation
- Listado de productos y detalle
- Código fuente
UNIDAD 7 - Tabs y Drawer · 14 leccionesUNIDAD 7 - Tabs y Drawer
UNIDAD 7 - Tabs y Drawer
- Introducción
- Tema puntuales
- Demostración
- Continuación de aplicación
- Tabs
- Personalizar los tabs
- Drawer - Menú lateral
- Personalizar el Drawer
- DrawerContent
- Conectar Drawer, con Tabs con Stack
- Optimizar nombres de directorios
- Mostrar drawer controladamente
- Cambiar título basado en los argumentos
- Código fuente
UNIDAD 8 - MoviesApp - Peticiones HTTP - TanStack · 14 leccionesUNIDAD 8 - MoviesApp - Peticiones HTTP - TanStack
UNIDAD 8 - MoviesApp - Peticiones HTTP - TanStack
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - MoviesApp
- Variables de entorno y API Key
- Cliente de Axios - Primera petición
- Mapear respuestas a objetos personalizados
- TanStack Query - Gestor de estado asíncrono
- Pantalla de carga y SafeArea manual
- Carousel de imágenes
- Mostrar poster de la película
- FlatList Horizontal
- Tarea - Mejor Calificadas y Próximamente
- Código fuente
UNIDAD 9 - MoviesApp - InfiniteScroll y Detalles · 14 leccionesUNIDAD 9 - MoviesApp - InfiniteScroll y Detalles
UNIDAD 9 - MoviesApp - InfiniteScroll y Detalles
- Introducción
- Temas puntuales
- Demostración
- Continuación
- Determinar fin de scroll de un FlatList
- TanStack - InfiniteQuery
- Pantalla - Detalles de la película
- useMovie - TanStack
- Mostrar detalles de la película
- Gradiente sobre el poster
- Descripción de la película
- Tarea - Actores de las películas
- Resolución de la tarea
- Código fuente
UNIDAD 10 - Components App - Temas y estructura · 11 leccionesUNIDAD 10 - Components App - Temas y estructura
UNIDAD 10 - Components App - Temas y estructura
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - ComponentsApp
- Nativewind y Paleta de colores
- ThemedView
- ThemedText
- Opciones de menú y rutas
- Menu Item
- Limpieza y cierre de sección
- Código fuente
UNIDAD 11 - Componentes de React Native · 14 leccionesUNIDAD 11 - Componentes de React Native
UNIDAD 11 - Componentes de React Native
- Introducción
- Temas puntuales
- Demostración
- Continuación de proyecto
- Animaciones 101 - Básicas
- Animaciones 101 - Movimiento
- Custom Hook - useAnimation
- Animated XY
- Switch - ThemedSwitch
- Código por plataforma
- Alerts
- TextInput y ThemedTextInput
- KeyboardAvoidingView
- Código fuente
UNIDAD 12 - Lists, Infinite scrolls, Slides, Theme Changer, modals · 18 leccionesUNIDAD 12 - Lists, Infinite scrolls, Slides, Theme Changer, modals
UNIDAD 12 - Lists, Infinite scrolls, Slides, Theme Changer, modals
- Introducción
- Temas puntuales
- Demostración
- Continuación
- Pull to refresh
- Section List
- Modal Window
- Controles y segundo modal
- InfiniteScroll
- Configuraciones del infinite scroll
- Custom FadeInImage
- Carrusel controlado - Diseño y estructura
- Carrusel controlado - Funcionalidad
- ThemeChanger - Preparación
- ThemeChanger Context y Provider
- Cambio de tema desde el context
- Storage Alternatives - Async Storage
- Código fuente
UNIDAD 13 - Push Notifications · 19 leccionesUNIDAD 13 - Push Notifications
UNIDAD 13 - Push Notifications
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - PushApp
- Expo Push Notifications
- ProjectID - Enviar Notificación Push
- usePushNotifications - CustomHook
- usePushNotification - Parte 2
- Enviar, recibir y mostrar notificaciones push
- Android: Credenciales para builds
- IOS: Credenciales para builds
- Prebuild - Custom Builds
- Tomar información y navegar a pantalla
- Aplicación terminada o en segundo plano
- IOS - Prebuild
- Backend - PushServer - Expo Push API
- Expo Server SDK
- Enviar notificaciones desde nuestro backend
- Código fuente
UNIDAD 14 - MapsApp - Permisos · 11 leccionesUNIDAD 14 - MapsApp - Permisos
UNIDAD 14 - MapsApp - Permisos
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - MapsApp
- Acciones - Permisos de geolocalización
- Zustand - Gestor de estado
- Provider - Permission Checker
- Solicitar permiso de Geolocalización
- Permisos fuera de la aplicación
- Abrir ajustes de la aplicación
- Código fuente
UNIDAD 15 - MapsApp - Mapas y controles · 17 leccionesUNIDAD 15 - MapsApp - Mapas y controles
UNIDAD 15 - MapsApp - Mapas y controles
- Introducción
- Temas puntuales
- Demostración
- Continuación
- Expo - MapView
- Configuración de Google Cloud
- Prebuild con nuestras llaves
- Marcadores
- Acciones para seguir y ver la ubicación del usuario
- Location Store
- Componente CustomMap
- Ubicación del usuario y seguir su trayectoria
- Mover la cámara para seguir al usuario
- Botón flotante personalizado
- Acciones con el Mapa
- Polylines
- Código fuente
UNIDAD 16 - Backend personalizado · 3 leccionesUNIDAD 16 - Backend personalizado
UNIDAD 16 - Backend personalizado
- Introducción
- Temas puntuales
- Descarga y pruebas del backend
UNIDAD 17 - Productos App - Autenticación · 20 leccionesUNIDAD 17 - Productos App - Autenticación
UNIDAD 17 - Productos App - Autenticación
- Introducción
- Temas puntuales
- Demostración
- Inicio de proyecto - ProductsApp
- Fuentes y Colores
- Auth Store - Estado de la autenticación
- Auth Actions - Acciones de autenticación
- Conectar acciones con Store
- Variables de entorno y configuraciones
- Verificar estado de autenticación
- LoginScreen - Pantalla de ingreso
- ThemedTextInput - Caja de texto personalizada
- ThemedButton - Botón personalizado
- ThemedLink - Enlace personalizado
- Pantalla de registro
- Login - Estado y redirección
- Secure Storage Adapter - Secure Store
- Check Status - Axios interceptors
- Logout - Botón personalizado
- Código fuente
UNIDAD 18 - Products App - Listado y mantenimiento · 19 leccionesUNIDAD 18 - Products App - Listado y mantenimiento
UNIDAD 18 - Products App - Listado y mantenimiento
- Introducción
- Temas puntuales
- Demostración
- Continuación
- Obtener productos de forma paginada e individual
- TanStack + Custom Hooks
- Mostrar productos en pantalla
- Scroll infinito
- Pantalla de producto - Diseño
- Cargar data del producto - useProduct
- Carrusel de imágenes
- ButtonGroup personalizado
- Selector de género
- Formik - Gestor de formularios
- useMutation - TanStack
- Acciones para crear y actualizar productos
- Invalidar caché
- Crear un nuevo producto
- Código fuente
UNIDAD 19 - Cámara, galería y carga de imágenes · 17 leccionesUNIDAD 19 - Cámara, galería y carga de imágenes
UNIDAD 19 - Cámara, galería y carga de imágenes
- Introducción
- Temas puntuales
- Demostración
- Continuación
- Prepara pantalla para tomar fotografía
- Cámara y permisos
- Botón de captura y tomar fotografía
- Botones adicionales, girar cámara, galería y regresar
- Mostrar fotografía tomada
- Guardar imagen en galería
- Camera Store - Zustand
- Selector de imágenes
- Cargar imagen vía Postman
- Subir imágenes desde la app
- Subir imágenes - Parte 2
- Pull to refresh
- Código fuente
UNIDAD 20 - PlayStore y AppStore · 8 leccionesUNIDAD 20 - PlayStore y AppStore
UNIDAD 20 - PlayStore y AppStore
- Introducción
- Temas puntuales
- Preparación de aplicación
- EAS Build - Android APK
- EAS Build - Android AAB
- Instalar App desde la PlayStore
- EAS Build - IOS
- EAS Publish - IOS
UNIDAD 21 - Cierre del curso · 1 leccionesUNIDAD 21 - Cierre del curso
UNIDAD 21 - Cierre del curso
- Fin del curso
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
21 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Fernando Herrera.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 21 unidades · 268 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Fernando Herrera; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
