Imagen del curso gratis React Native

Curso en línea gratuitoReact Native

Duración del curso en línea: 10 horas y 9 minutos

4.33

estrellaestrellaestrellaestrellamedia estrella

(3)

Crea apps móviles para iOS y Android con React Native: curso online gratis para dominar componentes, navegación, API y despliegue, y llevar tu perfil al siguiente nivel.

En este curso gratuito, aprenda sobre

  • Qué es React Native y su flujo de trabajo para crear apps móviles con JavaScript/JSX
  • Instalación y setup en macOS y Windows: Node, JDK, SDKs y herramientas necesarias
  • Estructura base del proyecto: rol de index, carpetas clave (p.ej. store) y organización
  • JSX, primera app y componentes: creación, composición y reutilización de UI
  • State y eventos: useState, actualización de UI y uso de TouchableOpacity
  • Props y validación con PropTypes para tipar/asegurar contratos entre componentes
  • Ciclo de vida en React: constructor, renderizado, shouldComponentUpdate y desmontaje
  • Optimización con Pure Components y uso de Fragments para evitar wrappers innecesarios
  • Formularios: layouts, inputs y secureTextEntry para campos de contraseña
  • Peticiones HTTP con Axios: estructura, middleware y patrón request/response
  • Autenticación: tipos comunes, Firebase Auth y construcción de flujos de login
  • Google Cloud Functions: configuración, deploy, rutas HTTP y uso de service accounts
  • Integración con Twilio: cuentas, credenciales, mocks y envío de mensajes
  • TDD y testing en React Native: setup, pruebas a funciones y pruebas de interacción

Descripción del curso

Da el salto al desarrollo móvil con un curso online gratuito pensado para llevarte desde la configuración inicial hasta la creación de una aplicación sólida, con una base moderna y enfocada a la práctica. Aprenderás a trabajar con React Native para construir apps multiplataforma, mejorando tu capacidad de convertir ideas en productos funcionales que puedan ejecutarse en iOS y Android.

A lo largo del recorrido ganarás soltura con los pilares del desarrollo en React Native: estructura de un proyecto real, JSX, componentes reutilizables, gestión de estado y comunicación entre componentes mediante props. También afianzarás buenas prácticas para mantener un código más claro, escalable y fácil de mantener, comprendiendo cuándo optimizar renderizados y cómo organizar mejor tu aplicación para que crezca sin volverse inmanejable.

El curso te guía por el proceso de preparación del entorno en distintos sistemas operativos, para que no te detengan los problemas típicos de instalación. Además, profundiza en temas clave para apps modernas como la navegación entre pantallas, la creación de interfaces y formularios, y el manejo de elementos interactivos, reforzando una mentalidad orientada a la experiencia de usuario.

Para que puedas construir funcionalidades completas, se trabajan integraciones habituales en proyectos profesionales: consumo de APIs, patrones de comunicación cliente-servidor y organización del flujo de datos. Se introduce además el uso de servicios en la nube para ampliar capacidades del proyecto, abordando el despliegue de funciones y la configuración necesaria para conectar tu app con servicios externos de forma ordenada.

Como valor diferencial, también se incorporan fundamentos de calidad: enfoque en pruebas, configuración y hábitos que ayudan a detectar errores antes y facilitar la evolución del proyecto. Encontrarás ejercicios para comprobar comprensión y afianzar conceptos sin depender únicamente de la teoría, con un camino progresivo para que avances con seguridad.

Si buscas iniciarte en el desarrollo de aplicaciones o ampliar tu perfil en TI, este curso es una oportunidad práctica para construir bases sólidas, entender el ciclo completo de una app móvil moderna y acercarte al estándar de trabajo que se usa en proyectos reales.

Contenido del curso

  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 0 Introducción 16m
  • Ejercicio: _¿Qué es React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 1.1 Instalación MacOs 12m
  • Ejercicio: ¿Cuál es la herramienta mencionada que permite gestionar múltiples versiones de Node.js?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 1.2 Instalación Windows 16m
  • Ejercicio: _¿Qué es el JDK y para qué se utiliza en el desarrollo de React Native en Windows?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 2 Primera App y JSX 26m
  • Ejercicio: ¿Cuál es la función principal del archivo "index" al crear una aplicación en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 3 Componentes 26m
  • Ejercicio: _¿Qué es un componente en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 4 States 22m
  • Ejercicio: ¿Cuál es la función principal del componente 'TouchableOpacity' en una aplicación React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 5 Props 17m
  • Ejercicio: _¿Qué son las props en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 6 Prop-Types 10m
  • Ejercicio: ¿Cuál es una característica clave de JavaScript mencionada en el video?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 1 16m
  • Ejercicio: _¿Cuál es el objetivo del constructor en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 2 13m
  • Ejercicio: ¿Cuál de los siguientes métodos de ciclo de vida de React se usa para decidir si un componente debe volver a renderizarse después de una actualización?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 7 Ciclos de Vida Parte 3 08m
  • Ejercicio: _¿Para qué se utiliza el método de desmontaje en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 8 Pure Components 12m
  • Ejercicio: ¿Cuál es la función principal del botón de 'reset' en la aplicación de contador?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 9 Fragments 12m
  • Ejercicio: _¿Qué se añade al contador al presionar el botón +10 en el tutorial de React Native con HIWEX?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 10 Estructura del Proyecto 08m
  • Ejercicio: ¿Cuál es el propósito principal de la carpeta 'store' en la estructura del proyecto?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 11 Tipos de Autenticación 11m
  • Ejercicio: ¿Cuál es un tipo de autenticación usado comúnmente por su facilidad para recordar por los usuarios?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 12 Introducción GCF 05m
  • Ejercicio: ¿Cuál es una característica notable de las Google Cloud Functions?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 13 Configuración GCF 08m
  • Ejercicio: _¿Qué herramienta se debe instalar de forma global para manejar las Google Cloud Functions en nuestro ordenador?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 14 Deploy GCF 10m
  • Ejercicio: ¿Cuál es el primer paso para desplegar una función de Google Cloud?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 15 Construir GCF 11m
  • Ejercicio: _¿Qué es lo que se va a utilizar en las Google Cloud Functions para definir qué métodos de http se van a utilizar?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 16 Servicio de Cuentas 07m
  • Ejercicio: ¿Cuál es la finalidad de importar el archivo de 'service account' en una aplicación de Firebase?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 17 Crear Usuario 18m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 18 Crear Cuenta en Twilio 07m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 19 Mocks 05m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 20 Credenciales en Twilio 09m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 21 Enviar Mensaje 07m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 22 Layout (Crear Usuario) 21m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 23 useState 09m
  • Ejercicio: _¿Qué es el prop "secure text entry" en React Native y qué hace?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 24 Axios 14m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 25 Axios (Estructura) 15m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 26 Axios Middleware 11m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 27 Axios (REQ-RES) 09m
  • Ejercicio: _¿Qué modificaciones realizó el autor en el código de la aplicación en la sección de las Google Cloud Functions?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 28 TDD 08m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 29 Configuración Test 12m
  • Ejercicio: _¿Qué herramienta se recomienda instalar en Visual Studio Code para revisar que los módulos estén funcionando correctamente?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 30 Test Contenido 39m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 31 Test a Funciones 11m
  • Ejercicio: _¿Qué tipo de pruebas se deben meter dentro de interaction en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 32 Firebase Config 14m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 33 Auth 14m
  • Ejercicio: _¿Qué librería se utiliza para importar el componente i+d en el método de login en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 34 Navegación 04m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 35 Configuración Nav 07m
  • Ejercicio: _¿Qué es lo primero que se debe instalar para poder interactuar con las navegaciones nativas dentro del dispositivo en React Native con React Navigation?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 36 Navegar 12m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 36 Navegar parte 2 08m
  • Ejercicio: _¿Qué atributo se utiliza para poner un título personalizado en la barra de navegación en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 37 Higher-Order Components 10m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 38 Loading 10m
  • Ejercicio: _¿Cuál es la función principal del componente "activity indicator" en React Native?
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 39 Organizar 18m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 40 Custom Header 15m
  • Lección en vídeo: Curso de React Native desde Cero - Capitulo 41 useEffect 16m

Este curso gratuito incluye:

10 horas y 9 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Más cursos gratuitos en Desarrollo de aplicaciones

¡Libro electrónico y audiolibros gratis! ¡Aprende escuchando o leyendo!

¡Descarga la App ahora para tener acceso a + 5000 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 60 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.