Inicio / Cursos / Crea aplicaciones para Android y iOS c/ React

Impartido por Juan Pablo De la torre ValdezPago único de $2,800 MXN · acceso por 12 meses

Crea aplicaciones para Android y iOS c/ React

Aprende a crear aplicaciones iOS y Android con React, incluye: React Navigation, GraphQL, MongoDB, Firebase y más!

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México

12 meses de acceso En línea · 60 h 30 unidades

Inscribirme — $2,800 MXN Explorar programa

Qué aprenderás

Lo que serás capaz de hacer

¿Deseas crear aplicaciones para Android y iOS con tus conocimientos de HTML, CSS y React? entonces REACT NATIVE es tu mejor opción. En este curso iremos paso a paso creando Aplicaciones, a diferencia de React DOM, en React Native existe una gran cantidad de componentes para mostrar textos, inputs, botones, formularios, alertas y mucho más! Aprenderemos Creando Proyectos (en los 3 primeros videos del curso podrás ver todos los proyectos finalizados y lo que aprenderás) React Native te va a permitir escribir código una vez y compilarlo a iOS y Android. En este curso aprenderás: Llevar tus conocimientos de Desarrollo web hacia el mundo de Apps móviles React Navigation v5 Frameworks UI para React Native (NativeBase y React Paper) Integrar Firebase a React Native Consumir API's de Internet y Propias Animaciones en React Native Storage Conectar a un servidor GraphQL, Apollo y MongoDB Autenticar Usuarios Crear Apps del Mundo Real Integrar useReducer y useContext en React Native y mucho más!

React Native para Crear Apps para Android y iOS
Frameworks UI para React Native como NativeBase y React Paper
GraphQL y Apollo Server con React
React Navigation v5
Firebase con React Native
Estilos a tus Apps y los diferentes componentes de React Native

Temario

UNIDAD 1 - Los Proyectos que construiremos en este curso · 4 lecciones

UNIDAD 1 - Los Proyectos que construiremos en este curso

RestaurantApp - App para restaurantes en Tiempo RealVideo · 5 min
UpTask - Administrador de Proyectos con GraphQL, Apollo Server y MongoDBVideo · 6 min
El Resto de los ProyectosVideo · 8 min
¿Qué es React?Video · 3 min

UNIDAD 2 - ¿Cuánto JavaScript debo saber antes de React? Introducción · 36 lecciones

UNIDAD 2 - ¿Cuánto JavaScript debo saber antes de React? Introducción

¿Cuánto JavaScript debo saber antes de React y React Native? IntroducciónVideo · 2 min
Variables con let (descarga materiales aquí)Video · 7 min
Variables con constVideo · 4 min
Estructuras y Tipos de DatosVideo · 12 min
Introducción a ObjetosVideo · 8 min
Manipulación de ObjetosVideo · 4 min
Destructuring de 2 o más objetosVideo · 3 min
Unir 2 o más objetosVideo · 5 min
Introducción a ArraysVideo · 4 min
Manipulación de ArraysVideo · 11 min
Destructuring de arraysVideo · 5 min
Iteradores de ArreglosVideo · 4 min
Funciones - Function declarationVideo · 4 min
Funciones - Parámetros y Parámetros por DefaultVideo · 4 min
Funciones que retornan valoresVideo · 4 min
Funciones - Function ExpressionVideo · 4 min
Funciones - Arrow FunctionsVideo · 4 min
Arrow Functions y Array MethodsVideo · 3 min
Otros Array Methods útilesVideo · 11 min
Condicionales - ifVideo · 4 min
Condicionales - Comparación con == y ===Video · 5 min
Condicionales - Condición || y &&Video · 5 min
Condicionales - TernariosVideo · 5 min
Scope de VariablesVideo · 4 min
Selectores del DOM - querySelectorVideo · 5 min
Selectores del DOM - querySelectorAllVideo · 3 min
Manipular HTML con JSVideo · 4 min
Eventos del DOM - ClicksVideo · 6 min
Eventos del DOM - InputsVideo · 8 min
Eventos del DOM - SubmitVideo · 6 min
Generando código HTML con JavaScriptVideo · 7 min
Imports y ExportsVideo · 7 min
Fetch API y PromisesVideo · 5 min
Fetch API con Async AwaitVideo · 4 min
Múltiples Async / Await y PerformanceVideo · 9 min
Template StringsVideo · 5 min

UNIDAD 3 - Introducción a React Native · 2 lecciones

UNIDAD 3 - Introducción a React Native

Qué es React NativeVideo · 2 min
Sistemas Operativos y LimitantesVideo · 1 min

UNIDAD 4 - Ambiente de Desarrollo en Windows para crear Apps de Android · 11 lecciones

UNIDAD 4 - Ambiente de Desarrollo en Windows para crear Apps de Android

Instalar Chocolatey (descargar materiales aquí)Video · 3 min
Instalar Node y Java Development KitVideo · 2 min
Instalar Android StudioVideo · 2 min
Instalar Android SKDVideo · 2 min
Crear un AVDVideo · 5 min
Añadir Android al PATHVideo · 5 min
Lanzar los Emuladores desde la TerminalVideo · 3 min
Conectar un dispositivo fisico por USBVideo · 3 min
Crear y Compilar tu primer AppVideo · 5 min
Instalar React Dev ToolsVideo · 6 min
Instalar FlipperVideo · 5 min

UNIDAD 5 - Ambiente de Desarrollo en Mac para Crear Apps para iOS (Descarga Material aqui) · 8 lecciones

UNIDAD 5 - Ambiente de Desarrollo en Mac para Crear Apps para iOS (Descarga Material aqui)

Instalar XodeVideo · 1 min
Instalar HomebrewVideo · 3 min
Instalar Watchman y Node.jsVideo · 2 min
Instalar o Verificar Command Line ToolsVideo · 1 min
Instalar CocoapodsVideo · 2 min
El Simulador de iOSVideo · 3 min
Crear y compilar tu primer appVideo · 8 min
Instalar FlipperVideo · 6 min

UNIDAD 6 - Ambiente de Desarrollo en Mac para Crear Apps para Android · 10 lecciones

UNIDAD 6 - Ambiente de Desarrollo en Mac para Crear Apps para Android

Descargar Android Studio (descarga materiales aquí)Video · 4 min
Instalar Watchman y NodeVideo · 1 min
Instalar Java Development KitVideo · 1 min
Instalar Android SDKVideo · 2 min
Crear un Android AVDVideo · 2 min
Añadir Android al PATHVideo · 4 min
Lanzar Emuladores desde la TerminalVideo · 3 min
Conectar un dispositivo FísicoVideo · 2 min
Crear y Compilar tu primer appVideo · 6 min
Instalar FlipperVideo · 6 min

UNIDAD 7 - PROYECTO: Administrador de Citas de Pacientes · 42 lecciones

UNIDAD 7 - PROYECTO: Administrador de Citas de Pacientes

El Proyecto FinalizadoVideo · 2 min
El Código Finalizado (descarga aquí)Video · 2 min
Cómo Pedir AyudaVideo · 5 min
Primeros pasos y Hola MundoVideo · 4 min
¿Qué son los Componentes de React Native?Video · 3 min
Solución al RetoVideo · 1 min
¿Qué es JSX?Video · 5 min
Estilos en React Native y StyleSheetVideo · 6 min
Primeros Estilos en nuestra appVideo · 3 min
Eventos en React y React NativeVideo · 4 min
Eventos con PressableVideo · 4 min
Estilos a nuestro botónVideo · 5 min
Incorporando un ModalVideo · 2 min
¿Que son los Hooks?Video · 1 min
Reglas de los HooksVideo · 4 min
¿Qué es el State en react?Video · 6 min
Modificando el StateVideo · 3 min
Extensiones para React NativeVideo · 8 min
Componentes y PropsVideo · 7 min
CSS al Nuevo componenteVideo · 11 min
Creando el State para el FormularioVideo · 7 min
Instalando un DatePickerVideo · 10 min
Agregando un botón para cerrar el ModalVideo · 6 min
Diseñando el Botón para agregar citasVideo · 3 min
Validación y Alert en React NativeVideo · 7 min
Modificar el State de pacientesVideo · 5 min
Reiniciar el Formulario después de agregar el pacienteVideo · 2 min
FlatList e iterar sobre grandes colecciones de datosVideo · 9 min
Mostrando Pacientes y Formatear FechasVideo · 4 min
Estilos al Componente de PacienteVideo · 4 min
Creando Botones para Editar y EliminarVideo · 5 min
Detectando el Paciente a EditarVideo · 7 min
¿Qué es useEffect?Video · 9 min
Actualizando RegistrosVideo · 11 min
Solucionando errores con una dependenciaVideo · 6 min
Eliminar PacientesVideo · 6 min
Creando un Modal para ver Información de PacientesVideo · 4 min
Pasando el Paciente hacia el ComponenteVideo · 2 min
Estilos a la vista del PacienteVideo · 4 min
Sombras en React NativeVideo · 5 min
Finalizando la información del PacienteVideo · 7 min
Finalizando la appVideo · 8 min

UNIDAD 8 - PROYECTO: Planificador de Gastos con gráficas · 40 lecciones

UNIDAD 8 - PROYECTO: Planificador de Gastos con gráficas

El Proyecto Finalizado (Código final aquí)Video · 3 min
Comenzando el Proyecto y Materiales (descarga materiales aquí)Video · 3 min
Comenzando el LayoutVideo · 4 min
Crear el Formulario de Presupuesto y Primeros EstilosVideo · 6 min
Finalizando los Estilos del FormularioVideo · 4 min
Validando PresupuestoVideo · 6 min
Pasando a la siguiente pantalla cuando el presupuesto es válidoVideo · 3 min
Mostrando Imágenes en React NativeVideo · 7 min
Mostrando y formateando cantidades en el Control PresupuestoVideo · 5 min
Estilos a las CantidadesVideo · 2 min
Calcular Restante y GastadoVideo · 9 min
Agregar un Icono para Crear GastosVideo · 5 min
Mostrando un Modal al Presionar el botónVideo · 3 min
Creando el Formulario de GastosVideo · 6 min
Estilos al FormularioVideo · 7 min
Creando un botón para cerrar el ModalVideo · 3 min
Leyendo los valores del FormularioVideo · 3 min
Validando el FormularioVideo · 6 min
Colocando el Gasto en el StateVideo · 6 min
Creando el Componente para Listar GastosVideo · 5 min
Primeros pasos con el Componente ListadoVideo · 4 min
Estilos a los GastosVideo · 7 min
Mostrando imágenes de la categoría de GastoVideo · 4 min
Finalizando el Componente GastoVideo · 7 min
Internacionalización para AndroidVideo · 3 min
Mostrando la fecha del GastoVideo · 5 min
Actualizando lo Gastado y Disponible según se agreguen gastosVideo · 3 min
Primeros pasos para editar gastosVideo · 5 min
Llenando el Formulario para editar un gastoVideo · 6 min
Almacenando el Gasto EditadoVideo · 6 min
Primeros pasos para eliminar un gastoVideo · 4 min
Eliminando GastosVideo · 7 min
Solucionando el Detalle del Botón para añadir gastosVideo · 2 min
Añadiendo el Circular Progress BarVideo · 9 min
Personalizando Circular Progress BarVideo · 4 min
Calcular el Porcentaje GastadoVideo · 4 min
Mostrando el Botón de Eliminar de Forma condicionalVideo · 3 min
Creando el Componente de Filtrar GastosVideo · 5 min
Filtrando Gastos por CategoríaVideo · 6 min
Mostrando Gastos FiltradosVideo · 8 min

UNIDAD 9 - Async Storage - Qué es, guardar, obtener y limpiar datos · 5 lecciones

UNIDAD 9 - Async Storage - Qué es, guardar, obtener y limpiar datos

¿Qué es Async Storage? e instalaciónVideo · 2 min
Almacenar en Async StorageVideo · 2 min
Obtener datos de Async StorageVideo · 2 min
Manejo de Errores en Async StorageVideo · 1 min
Almacenar Diferentes Tipos de Datos en Async StorageVideo · 3 min

UNIDAD 10 - ASYNC STORAGE - Proyecto Planificador de Gastos · 6 lecciones

UNIDAD 10 - ASYNC STORAGE - Proyecto Planificador de Gastos

Almacenar el Presupuesto en Async StorageVideo · 3 min
Obtener el Presupuesto de Async StorageVideo · 4 min
Guardar Gastos en Async StorageVideo · 2 min
Obtener Gastos de Async StorageVideo · 4 min
Solucionando ErroresVideo · 1 min
Reiniciar la app y eliminar todos los datosVideo · 7 min

UNIDAD 11 - Layouts en React Native · 4 lecciones

UNIDAD 11 - Layouts en React Native

Creando el Proyecto y primeros ajustesVideo · 2 min
Las diferentes direcciones: Flex column o rowVideo · 4 min
Factor de Crecimiento con flexVideo · 3 min
Alineando contenidoVideo · 4 min

UNIDAD 12 - PROYECTO: Creando un Layout con diferentes opciones · 6 lecciones

UNIDAD 12 - PROYECTO: Creando un Layout con diferentes opciones

El Código de este ejemploVideo · 1 min
Lo que vamos a construir en este capituloVideo · 2 min
Mostrando una imagenVideo · 4 min
Creando un ScrollView HorizontalVideo · 4 min
Agregando un Listado de imágenesVideo · 3 min
Agregando una cuadricula de imágenesVideo · 4 min

UNIDAD 13 - PROYECTO: Cotizador de Criptomonedas que obtiene datos de una API · 19 lecciones

UNIDAD 13 - PROYECTO: Cotizador de Criptomonedas que obtiene datos de una API

El Código de Este ProyectoVideo · 1 min
Lo que vamos a construir en este capituloVideo · 2 min
Creando el Proyecto y primeros pasosVideo · 2 min
Agregando el Header y código condicionalVideo · 3 min
Agregar una fuente personalizadaVideo · 3 min
Finalizando el HeaderVideo · 1 min
Mostrando una imagen de criptomonedasVideo · 2 min
Creando el Componente del FormularioVideo · 3 min
Agregando un Picker para diferentes opcionesVideo · 4 min
Leyendo el valor seleccionado del PickerVideo · 3 min
Consultando la API para obtener las CriptomonedasVideo · 5 min
Llenando las opciones del Picker con el resultado de la consultaVideo · 5 min
Creando el botón de CotizarVideo · 3 min
Validando el FormularioVideo · 5 min
Enviando la CotizaciónVideo · 6 min
Mostrando los resultados de la cotizaciónVideo · 5 min
Agregando más información a la cotizaciónVideo · 4 min
Estilos a la cotizaciónVideo · 4 min
Mostrando un Spinner en lo que se obtiene una cotizaciónVideo · 5 min

UNIDAD 14 - PROYECTO: Obtener el Clima de una ciudad desde una API · 18 lecciones

UNIDAD 14 - PROYECTO: Obtener el Clima de una ciudad desde una API

El Código de este proyectoVideo · 1 min
Lo que vamos a construirVideo · 2 min
Creando el Proyecto y la API que utilizaremosVideo · 3 min
Comenzando con el FormularioVideo · 3 min
Agregando el Picker de opcionesVideo · 3 min
Creando el botón para enviar la petición a la APIVideo · 1 min
Estilos a nuestro ProyectoVideo · 6 min
Ocultar el TecladoVideo · 2 min
Introducción a animacionesVideo · 4 min
Agregando una animación al botón de Buscar ClimaVideo · 6 min
Finalizando la animaciónVideo · 3 min
Leer los valores del formularioVideo · 3 min
Agregando validaciónVideo · 2 min
Formateando la URL para buscar el ClimaVideo · 5 min
Enviando Petición a la API y leyendo el resultadoVideo · 4 min
Mostrando el ClimaVideo · 7 min
Agregando más información al ResultadoVideo · 5 min
Cambiando el Color de Fondo según el Resultado obtenidoVideo · 5 min

UNIDAD 15 - REACT NATIVE INTERMEDIO - Que incluye, que debes saber y mucho más · 1 lecciones

UNIDAD 15 - REACT NATIVE INTERMEDIO - Que incluye, que debes saber y mucho más

Que incluye React Native Intermedio?Video · 1 min

UNIDAD 16 - ANIMATED - La API para crear animaciones en React Native · 10 lecciones

UNIDAD 16 - ANIMATED - La API para crear animaciones en React Native

El Código de este capituloVideo · 2 min
Primeros pasos y que es AnimatedVideo · 5 min
.timingVideo · 6 min
.timing y durationVideo · 3 min
Animación de TextosVideo · 3 min
.interpolateVideo · 5 min
.springVideo · 7 min
Los diferentes valores que soporta .spring para darle más realismoVideo · 3 min
.sequence para diferentes animacionesVideo · 7 min
.sequence .spring y .timing en una animaciónVideo · 5 min

UNIDAD 17 - ASYNC STORAGE - Continuando con los temas intermedios de React Native, veamos AS · 9 lecciones

UNIDAD 17 - ASYNC STORAGE - Continuando con los temas intermedios de React Native, veamos AS

El Código de este capituloVideo · 2 min
Lo que aprenderás en este capituloVideo · 1 min
Creando el Proyecto y qué es Async StorageVideo · 7 min
Almacenando información en Async StorageVideo · 4 min
Obtener Datos de Async StorageVideo · 4 min
Eliminar de Async StorageVideo · 3 min
Guardar las citas en Storage de nuestra appVideo · 3 min
Obtener y Mostrar las citas del StorageVideo · 3 min
Eliminar las Citas del StorageVideo · 2 min

UNIDAD 18 - REACT NAVIGATION - Qué es y como utilizarlo · 9 lecciones

UNIDAD 18 - REACT NAVIGATION - Qué es y como utilizarlo

El Código de este CapituloVideo · 1 min
Qué es React NavigationVideo · 4 min
Instalar React NavigationVideo · 3 min
Creando una navegación y ComponentsVideo · 5 min
Como navegar de una pantalla a otraVideo · 3 min
Volver a la pantalla previaVideo · 3 min
Pasar parametros de una página a otraVideo · 3 min
Headers DinamicosVideo · 2 min
Opciones para personalizar la barra de navegaciónVideo · 3 min

UNIDAD 19 - PROYECTO: Consumir API's Propias, Frameworks UI y React Navigation · 28 lecciones

UNIDAD 19 - PROYECTO: Consumir API's Propias, Frameworks UI y React Navigation

El Código de este proyectoVideo · 1 min
El Proyecto FinalizadoVideo · 3 min
Primeros pasos con el nuevo ProyectoVideo · 2 min
Instalando React NavigationVideo · 3 min
Creando La Vista de inicioVideo · 4 min
Creando el Resto de las vistasVideo · 3 min
Frameworks UI en React NativeVideo · 3 min
Instalando un framework UIVideo · 7 min
Creando un Enlace en la barra superiorVideo · 9 min
Instalando React Native Vector IconsVideo · 6 min
Creando el Componente de Nuevo clienteVideo · 6 min
Agregando el Resto de campos al formularioVideo · 4 min
State para los diferentes camposVideo · 3 min
Leyendo cuando se crea un cliente y validaciónVideo · 3 min
Mostrar alerta de validaciónVideo · 6 min
Creando una API en menos de 2 minutosVideo · 2 min
Conectando la API a nuestra App y Creando un ClienteVideo · 7 min
Redireccionar al agregar clienteVideo · 1 min
Consultar la API para obtener clientesVideo · 3 min
Listar los ClientesVideo · 4 min
Header CondicionalVideo · 3 min
Refrescar cuando se agregan clientesVideo · 8 min
Ver la información de un clienteVideo · 2 min
Mostrando la información del ClienteVideo · 4 min
Agregando un botón de EliminarVideo · 4 min
Eliminando un ClienteVideo · 5 min
Reutilizar el Formulario para editarVideo · 5 min
Editando un ClienteVideo · 4 min

UNIDAD 20 - REACT NATIVE AVANZADO - Que incluye y que debes saber · 1 lecciones

UNIDAD 20 - REACT NATIVE AVANZADO - Que incluye y que debes saber

React Native AvanzadoVideo · 2 min

UNIDAD 21 - PROYECTO - App de Restaurant realtime FullStack en Firebase y React · 25 lecciones

UNIDAD 21 - PROYECTO - App de Restaurant realtime FullStack en Firebase y React

El Código de este proyectoVideo · 1 min
LO QUE VAMOS A CONSTRUIRVideo · 3 min
Creando el Cliente (React Web) y App de FirebaseVideo · 4 min
Integrando Tailwind en reactVideo · 7 min
Routing en la AppVideo · 7 min
Creando las Rutas y ComponentesVideo · 2 min
Estilos al ProyectoVideo · 5 min
Finalizando el Sidebar y routingVideo · 7 min
Routing para nuevos PlatillosVideo · 3 min
Creando el Formulario para nuevos platillosVideo · 9 min
Añadiendo Formik a nuestro formularioVideo · 5 min
Validación con YupVideo · 4 min
Mostrando mensajes de errorVideo · 4 min
Creando la app de firebaseVideo · 8 min
Creando el Context y Agregando Firestore (Tiempo real)Video · 3 min
Insertando Platillos a la base de datosVideo · 5 min
Configurando FileUploader para subir archivosVideo · 4 min
Subir imagenes a FirebaseVideo · 9 min
Mostrando un porcentaje de subida así como un mensaje al finalVideo · 4 min
Acceder a los datosVideo · 6 min
Snapshot para datos en tiempo realVideo · 3 min
Mostrando los platillos en la interfazVideo · 4 min
Mostrar el resto de la informaciónVideo · 3 min
Mostrar un select para cambiar si un platillo esta disponible o noVideo · 5 min
Editando el PlatilloVideo · 7 min

UNIDAD 22 - PROYECTO - App de Restaurant realtime FullStack en Firebase y React Native · 30 lecciones

UNIDAD 22 - PROYECTO - App de Restaurant realtime FullStack en Firebase y React Native

Creando la App de React NativeVideo · 2 min
Agregando React NavigationVideo · 6 min
Agregando las diferentes vistasVideo · 3 min
Manejando el state con Context y useReducerVideo · 9 min
Agregando FirebaseVideo · 4 min
Consumiendo el state en nuestra appVideo · 4 min
NativeBase como UI FrameworkVideo · 3 min
Creando la primer pantallaVideo · 6 min
Primeros pasos con el menúVideo · 6 min
Consultando los Productos del MenúVideo · 6 min
Mostrando los ProductosVideo · 8 min
Agrupando ProductosVideo · 7 min
Estilos a los separadoresVideo · 2 min
Seleccionando un platilloVideo · 9 min
Mostrando el Producto SeleccionadoVideo · 6 min
Finalizando el Componente y Navegando hacia la cantidad de ProductosVideo · 4 min
El Grid de NativebaseVideo · 3 min
Creando los botones de + y -Video · 4 min
Leer el contenido del InputVideo · 3 min
Decrementar e Incrementar en 1Video · 2 min
Calcular el TotalVideo · 5 min
Agregar el Platillo y cantidad al PedidoVideo · 3 min
Guardar el PedidoVideo · 6 min
Trabajando con el Resumen del PedidoVideo · 6 min
Calculando el Total a PagarVideo · 7 min
Agregar la opción de Ir a Pedido en caso de ya no querer agregar nadaVideo · 9 min
Confirmar el PedidoVideo · 2 min
Eliminar articulos del PedidoVideo · 7 min
Insertando el Pedido en la base de datosVideo · 6 min
Obtener el ID del pedidoVideo · 4 min

UNIDAD 23 - PROYECTO - App de Restaurant - React Web y React Native · 7 lecciones

UNIDAD 23 - PROYECTO - App de Restaurant - React Web y React Native

Consulta para obtener las ordenes que aún no estén completas React WebVideo · 4 min
HTML para las ordenes React WebVideo · 8 min
Definir tiempo de entrega React WebVideo · 4 min
Mostrar el Tiempo de entrega en React NativeVideo · 5 min
Completando el Componente para ver el Tiempo de entrega - React NativeVideo · 8 min
Marcar las ordenes como listas - React Web y React NativeVideo · 7 min
Comenzar una nueva orden una vez lista - React NativeVideo · 4 min

UNIDAD 24 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL · 9 lecciones

UNIDAD 24 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL

El Código de este proyectoVideo · 2 min
Lo que vamos a construirVideo · 6 min
Creando el Proyecto y Primeros PasosVideo · 3 min
GraphQL Type DefinitionsVideo · 2 min
Creando un Query y un ResolverVideo · 6 min
Creando un Segundo Query y ResolverVideo · 3 min
Moviendo Type Definitions y Resolvers hacia su propio archivoVideo · 3 min
Conectando una base de datosVideo · 7 min
Configurando CompassVideo · 2 min

UNIDAD 25 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Usuarios · 7 lecciones

UNIDAD 25 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Usuarios

Creando el Modelo de UsuariosVideo · 4 min
Primeros pasos con MutationsVideo · 3 min
Creando un Input para usuariosVideo · 7 min
Insertando Usuarios en la base de datosVideo · 5 min
Hashear PasswordsVideo · 3 min
Autenticación de UsuariosVideo · 6 min
Crear un JSON Web Token (JWT)Video · 6 min

UNIDAD 26 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Proyectos · 6 lecciones

UNIDAD 26 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Proyectos

Creando el Modelo de ProyectosVideo · 3 min
Almacenando Proyectos de la base de datosVideo · 6 min
Almacenando el Usuario Autenticado en el ProyectoVideo · 7 min
Actualizar ProyectosVideo · 6 min
Obtener los Proyectos de un UsuarioVideo · 4 min
Eliminar un ProyectoVideo · 3 min

UNIDAD 27 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Tareas · 5 lecciones

UNIDAD 27 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Tareas

Creando el Modelo de TareasVideo · 2 min
Creando Nuevas TareasVideo · 6 min
Actualizar una TareaVideo · 4 min
Obtener las tareas del UsuarioVideo · 3 min
Eliminar una tareaVideo · 2 min

UNIDAD 28 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - React Native · 32 lecciones

UNIDAD 28 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - React Native

Creando el Proyecto y Primeros pasosVideo · 3 min
Creando la navegaciónVideo · 5 min
Creando el Formulario de AutenticaciónVideo · 4 min
Estilos al Formulario de AutenticaciónVideo · 6 min
Creando el Formulario de Crear CuentaVideo · 3 min
Conectando Apollo al Proyecto de React NativeVideo · 10 min
Creando el Mutation para insertar nuevos usuariosVideo · 4 min
Validación del FormularioVideo · 8 min
Creando Usuarios desde la appVideo · 9 min
Ajustes a la creación de UsuariosVideo · 5 min
Ajustes al Modelo de UsuariosVideo · 3 min
Trabajando con la Autenticación de UsuariosVideo · 3 min
Mostrando los mensajes de errorVideo · 5 min
Guardando el Token en StorageVideo · 4 min
Enviando el Storage hacia el ServidorVideo · 12 min
Primeros pasos con los proyectosVideo · 4 min
Formulario para Crear ProyectosVideo · 7 min
Creando Proyectos desde el FormularioVideo · 7 min
Consultar para obtener los ProyectosVideo · 5 min
Mostrando el Listado de ProyectosVideo · 7 min
Actualizar los proyectos cuando se agregan nuevosVideo · 6 min
Formularios para crear TareasVideo · 4 min
Validación del FormularioVideo · 3 min
Agregando TareasVideo · 6 min
Obteniendo las Tareas de un ProyectoVideo · 4 min
Mostrando las TareasVideo · 4 min
Agregando los IconosVideo · 2 min
Resaltar el estado de las tareasVideo · 3 min
Actualizar las TareasVideo · 6 min
Eliminar una TareaVideo · 5 min
Actualizar las Tareas al EliminarlasVideo · 7 min
Actualizar al Agregar nuevas tareasVideo · 5 min

UNIDAD 29 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Deployment Apollo · 1 lecciones

UNIDAD 29 - PROYECTO: Fullstack React Native, Apollo Server, GraphQL - Deployment Apollo

Deployment del ProyectoVideo · 8 min

UNIDAD 30 - Donde continuar aprendiendo · 1 lecciones

UNIDAD 30 - Donde continuar aprendiendo

Continua tu aprendizajeVideo · 1 min

Certificado oficial

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

Cómo funciona

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
30 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.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Crea aplicaciones para Android y iOS c/ React

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 Juan Pablo De la torre Valdez.
Folio y QR verificables para compartirlo con quien te contrate.

Medios que necesitas

Equipo de cómputo Conexión estable a internet

Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

30 unidades · 392 lecciones · 60 h
12 meses de acceso
Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable

Pago único

$2,800MXN

Acceso por 12 meses

Inscribirme Hablar con un asesor

Preguntas frecuentes

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 Juan Pablo De la torre Valdez; 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.