React Native
Conviértete en desarrollador/a móvil multiplataforma con React Native para iOS y Android.
Así estudias: curso autodidacta
- Autodidacta y 100% en línea: contenido disponible 24/7.
- Avanzas a tu ritmo: la plataforma guarda tu progreso.
- Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
- Te evalúas con actividades automáticas, sin entregas a un tutor.
Lo que serás capaz de hacer
Aprenderás a crear aplicaciones móviles multiplataforma para iOS y Android con React Native. Desarrollarás habilidades prácticas en programación, gestión de datos y diseño de experiencias accesibles.
- Usar JavaScript, React y componentes reutilizables para construir interfaces interactivas.
- Crear aplicaciones móviles con navegación, listas, formularios e interacción nativa.
- Consultar, almacenar y presentar datos mediante APIs REST y mecanismos de autenticación.
- Gestionar cambios y revisiones de código con Git, la línea de comandos y GitHub.
- Aplicar fundamentos de UX, accesibilidad e investigación para diseñar wireframes y prototipos.
Temario
UNIDAD 1 - Aplicaciones móviles · 23 leccionesIntroducción al desarrollo móvil - UNIDAD 1 - Aplicaciones móviles
Introducción al desarrollo móvil - UNIDAD 1 - Aplicaciones móviles
- Introducción al programa
- Introducción al curso
- Funciones de desarrollador web y móvil
- Un día en la vida de un desarrollador móvil
- Programa del curso
- Explora tu camino como desarrollador móvil
- Cómo tener éxito en este curso
- Visión general del proyecto Capstone
- Cómo funciona Internet
- ¿Qué son los sitios y las páginas web?
- ¿Qué es un servidor web y cómo funciona?
- ¿Qué es un navegador web y cómo funciona?
- Comprobación de conocimientos - Cómo funciona la web
- Recursos adicionales
- Evolución de las aplicaciones móviles
- iOS: Plataforma e idioma
- Android: Plataforma e idioma
- JavaScript, el lenguaje de la web
- Navegadores web frente a navegadores móviles
- Sitios web con capacidad de respuesta
- Cuestionario del módulo: Desarrollo móvil
- Resumen del módulo: Desarrollo móvil
- Recursos adicionales
UNIDAD 2 - Introducción a HTML y CSS · 24 leccionesIntroducción al desarrollo móvil - UNIDAD 2 - Introducción a HTML y CSS
Introducción al desarrollo móvil - UNIDAD 2 - Introducción a HTML y CSS
- ¿Qué es el lenguaje de marcado de hipertexto?
- Documentos HTML
- Creación de un documento HTML
- Etiquetas HTML sencillas
- Vinculación de documentos
- Introducción al DOM
- Accesibilidad web
- Comprobación de conocimientos: Introducción al HTML
- Recursos adicionales
- Seleccionar y estilizar
- Diferentes tipos de selectores
- Texto y color en CSS
- Introducción del modelo de caja
- Flujo de documentos - Bloque vs. En línea
- Conceptos básicos de alineación
- Comprobación de conocimientos: Conceptos básicos de CSS
- Estilizar una página
- Recursos adicionales
- Herramientas para desarrolladores
- Ejercicio: Examinar una página web
- ¿Qué es un IDE?
- Examen del módulo: Introducción a HTML y CSS
- Resumen del módulo: Introducción a HTML y CSS
- Recursos adicionales
UNIDAD 3 - React y React Native · 20 leccionesIntroducción al desarrollo móvil - UNIDAD 3 - React y React Native
Introducción al desarrollo móvil - UNIDAD 3 - React y React Native
- ¿Qué es el desarrollo móvil multiplataforma?
- Otros enfoques de desarrollo de aplicaciones móviles
- Pros y contras del desarrollo de aplicaciones multiplataforma
- ¿Qué es un emulador?
- Comprobación de conocimientos: Introducción al desarrollo móvil multiplataforma
- Contenidos estáticos y dinámicos
- Aplicaciones de una sola página
- ¿Qué es React?
- Estudio de caso: ¿Por qué los ingenieros de Facebook crearon React?
- Cómo funciona React
- El DOM virtual
- Jerarquía de componentes
- React y bibliotecas complementarias
- Evaluación de conocimientos: Introducción a React
- Recursos adicionales
- ¿Qué es React Native?
- ¿Por qué creó Meta React Native?
- Resumen del módulo: React y React Native
- Módulo Quiz: React y React Native
- Recursos adicionales
UNIDAD 4 - Resumen del curso y evaluación calificada · 6 leccionesIntroducción al desarrollo móvil - UNIDAD 4 - Resumen del curso y evaluación calificada
Introducción al desarrollo móvil - UNIDAD 4 - Resumen del curso y evaluación calificada
- Resumen del curso 1: Introducción al desarrollo móvil
- Sobre la tarea de programación Crear y dar estilo a una página web
- Crear y estilizar una página web
- Evaluación graduada: Introducción al desarrollo móvil
- Enhorabuena, ha completado Introducción al desarrollo móvil
- Próximos pasos tras Introducción al desarrollo móvil
UNIDAD 5 - Introducción a Javascript · 51 leccionesProgramación con JavaScript - UNIDAD 5 - Introducción a Javascript
Programación con JavaScript - UNIDAD 5 - Introducción a Javascript
- Introducción a la programación con JavaScript
- ¿Cómo se utiliza JavaScript en el mundo real?
- Programa del curso
- Cómo tener éxito en este curso
- Cómo posicionarse para una nueva carrera
- Cómo descubrir oportunidades de empleo
- Configuración del código VS (opcional)
- Introducción a la programación
- ¿Por qué JavaScript?
- Programación en JavaScript
- Escribir su primer código JavaScript
- Variables
- Detective Digital: Descubre la magia interactiva que te rodea
- Ejercicio: Declarar variables
- Solución: Declarar variables
- Declarar variables
- Tipos de datos
- Operarios
- Números
- Cuerdas
- Booleanos
- Operadores en profundidad
- Ejercicio: Uso avanzado de operadores
- Solución: Uso avanzado de operadores
- Autoexamen: Uso avanzado de operadores
- Comprobación de conocimientos: Bienvenido a la programación
- Mejoras en JavaScript
- Recursos adicionales
- Declaraciones por escrito
- Trabajar con sentencias condicionales
- Ejemplos condicionales
- Ejercicio: Practicar enunciados condicionales
- Soluciones: Practicar enunciados condicionales
- Practicar sentencias condicionales
- Sentencias condicionales en JavaScript
- Construcciones en bucle
- Para bucle
- Bucle while
- Ejercicio: Tareas repetitivas con bucles
- Soluciones: Tareas repetitivas con bucles
- Bucles For en JavaScript: Conceptos básicos y uso
- Bucles anidados
- Bucles y bucles anidados
- Usos de los bucles
- Ejercicio: Trabajar con condicionales y bucles
- Solución: Trabajar con condicionales y bucles
- Fundamentos de los bucles anidados de JavaScript
- Comprobación de conocimientos - Condicionales y bucles
- Resumen del módulo: Introducción a JavaScript
- Examen del módulo: Introducción a JavaScript
- Recursos adicionales para condicionales y bucles
UNIDAD 6 - Los componentes básicos de un programa · 36 leccionesProgramación con JavaScript - UNIDAD 6 - Los componentes básicos de un programa
Programación con JavaScript - UNIDAD 6 - Los componentes básicos de un programa
- Funciones
- Almacenamiento de datos en matrices
- Construir y llamar funciones
- Ejercicio: Practicar con funciones
- Solución: Practicar con funciones
- Introducción a las funciones de JavaScript
- Introducción a los objetos
- Literales de objeto y notación con puntos
- Literales de objeto y notación de paréntesis
- Las matrices son objetos
- Hoja de trucos sobre objetos matemáticos
- Objeto matemático
- Una mirada más atenta a las cuerdas
- Hoja de trucos para cuerdas
- Ejercicio: Creación de matrices y objetos
- Soluciones: Creación de matrices y objetos
- Related Técnicas numéricas aleatorias en JavaScript
- Métodos de objetos
- Tipo de
- Matrices, objetos y funciones de JavaScript
- Comprobación de conocimientos: Matrices, objetos y funciones
- Recursos adicionales
- Fallos y errores
- Pruebe los bloques de captura
- Errores de sintaxis, lógicos y de ejecución
- Valores indefinidos, nulos y vacíos
- Ejercicio: Prevención de errores
- Solución: Prevención de errores
- Errores de JavaScript, valores vacíos y fundamentos de Jest
- Ejercicio: Programación defensiva
- Solución: Programación defensiva
- Comprobación de conocimientos: Tratamiento de errores
- Resumen del módulo: Los componentes básicos de un programa
- Cuestionario del módulo: Los componentes básicos de un programa
- Recursos adicionales
- Resúmenes de datos en JavaScript: Matrices, objetos, funciones y gestión de errores
UNIDAD 7 - Paradigmas de programación · 58 leccionesProgramación con JavaScript - UNIDAD 7 - Paradigmas de programación
Programación con JavaScript - UNIDAD 7 - Paradigmas de programación
- Introducción a la programación funcional
- Valores de retorno de las funciones
- Llamada a funciones y recursividad
- Introducción a la recursión con el ejemplo de la secuencia de Fibonacci
- Introducción al ámbito de aplicación
- El paradigma de la programación funcional
- Visual Studio Code en Coursera
- Construir un programa funcional
- Introducción a la programación funcional y la recursión
- Ámbito con var, let y const
- Comparación de var, let y const
- Comprobación de conocimientos: Introducción a la programación funcional
- Recursos adicionales
- Refactorización de var a let y const: Corrección de errores comunes de JavaScript
- Introducción a la programación orientada a objetos
- Clases
- Principios de programación orientada a objetos
- Constructores
- Herencia
- Creación de clases
- Parámetros por defecto
- Diseñar un programa OO
- Construir un programa orientado a objetos
- Programación orientada a objetos y prototipos en JavaScript
- Plano de programación orientada a objetos: Diseño con clases y herencia
- Comprobación de conocimientos: Introducción a la programación orientada a objetos
- Recursos adicionales
- Desestructuración de matrices y objetos
- For de bucles y objetos
- For- de bucles y objetos
- Ejemplos de literales de plantilla
- Trabajar con literales de plantilla
- Iteración de matrices y objetos
- Fundamentos de JavaScript: Desestructuración, bucles y literales de plantilla
- Estructuras de datos
- Trabajar con matrices y objetos: Ejercicio de desestructuración
- Ejemplos de estructuras de datos
- Operador de dispersión
- Operario de descanso
- Uso de la dispersión y el descanso
- Fundamentos de JavaScript: Operaciones Spread, Rest y Array Concisas
- Comprobación de conocimientos: Funciones avanzadas de JavaScript
- Recursos adicionales
- Módulos JavaScript
- Manipulación del DOM de JavaScript
- Interactividad JavaScript
- Selectores JavaScript
- Gestión de eventos
- Ejercicio: Actualización del contenido de la página web
- Ejercicio: Capturar datos
- Solución: Captura de datos
- Manipulación y selectores DOM de JavaScript
- Mover datos en la web
- Notación de objetos de JavaScript - JSON
- Comprobación de conocimientos - JavaScript en el navegador
- Resumen del módulo: Paradigmas de programación
- Examen del módulo: Paradigmas de programación
- Recursos adicionales
UNIDAD 8 - Pruebas · 13 leccionesProgramación con JavaScript - UNIDAD 8 - Pruebas
Programación con JavaScript - UNIDAD 8 - Pruebas
- Otros entornos JavaScript - node & NPM
- Instalación de Node y NPM (opcional)
- ¿Qué son las pruebas?
- Tipos de pruebas
- Introducción a Jest
- Escribiendo pruebas con Jest
- Escribir una prueba unitaria
- Introducción a las pruebas de JavaScript con Jest
- TDD (desarrollo basado en pruebas)
- Comprobación de conocimientos: Introducción a las pruebas
- Cuestionario del módulo: Pruebas
- Resumen del módulo: Pruebas
- Recursos adicionales
UNIDAD 9 - Evaluación graduada de final de curso · 7 leccionesProgramación con JavaScript - UNIDAD 9 - Evaluación graduada de final de curso
Programación con JavaScript - UNIDAD 9 - Evaluación graduada de final de curso
- Recapitulación Programación con JavaScript
- Sobre el ejercicio de hacer recibos de Little Lemon
- Recibidor Little Lemon
- Recibidor Little Lemon
- Examen final calificado: Programación con JavaScript
- Enhorabuena por completar el curso Programación con JavaScript
- Próximos pasos
UNIDAD 10 - Colaboración de software · 17 leccionesControl de versiones - UNIDAD 10 - Colaboración de software
Control de versiones - UNIDAD 10 - Colaboración de software
- Introducción al curso
- ¿Cómo colaboran los desarrolladores en el mundo real?
- Programa del curso: Control de versiones
- Cómo tener éxito en este curso
- Por qué todo desarrollador necesita herramientas de colaboración
- ¿Qué es el control de versiones?
- Caso práctico: Cómo colaboran los ingenieros de Meta
- Terminología de Git para el control de versiones
- Sistemas de control de versiones y herramientas
- Una historia del control de versiones
- Control de versiones en el desarrollo de software profesional
- Una historia de revisiones
- Puesta en escena frente a producción
- Verificación de conocimientos: Introducción al control de versiones
- Resumen del módulo: Colaboración de software
- Cuestionario del módulo: Colaboración de software
- Recursos adicionales
UNIDAD 11 - Línea de comandos · 19 leccionesControl de versiones - UNIDAD 11 - Línea de comandos
Control de versiones - UNIDAD 11 - Línea de comandos
- La línea de comandos
- ¿Qué son los comandos Unix?
- Uso de Bash en el Terminal Mac
- Uso de Bash en Windows
- Creación y ejecución de scripts de Bash
- Introducción a la línea de comandos: Comprobación del directorio de trabajo
- Cambiar de directorio y mostrar el contenido
- Creación y traslado de directorios y archivos
- Dominar la gestión de archivos y directorios en Unix
- Crear y manipular directorios y archivos
- Autorrevisión: Crear y modificar directorios y archivos
- Tuberías
- Redirección
- Grep
- Laboratorio práctico: Exploración de comandos de Shell para procesamiento de archivos y texto
- Comprobación de conocimientos: Comandos Unix
- Cuestionario del módulo: Línea de comandos
- Resumen del módulo: Línea de comandos
- Recursos adicionales
UNIDAD 12 - Trabajar con Git · 28 leccionesControl de versiones - UNIDAD 12 - Trabajar con Git
Control de versiones - UNIDAD 12 - Trabajar con Git
- ¿Qué es Git y GitHub?
- Instalación de Git (Windows y Mac)
- Instalación de Git en Mac
- Cree su cuenta de GitHub
- Conexión a GitHub a través de HTTPS
- Conexión a GitHub a través de SSH
- Creación y clonación de un repositorio
- Cómo funciona Git
- Añadir y confirmar
- A distancia frente a local
- Empujar y tirar
- Añadir, confirmar y enviar
- Ramas
- Utilizar un repositorio
- Autoexamen: Utilización de un repositorio
- Resolución de conflictos
- Laboratorio práctico: Resolución de conflictos de fusión en GitHub mediante ramas
- Ejemplo de flujo de trabajo
- CABEZA
- Comandos Diff
- Culpe a
- Bifurcación
- Comprobación de conocimientos: Git y GitHub
- Recursos adicionales
- Crear un repositorio con bifurcación
- Auto-revisión: Crear un repositorio con bifurcación
- Cuestionario del módulo: Trabajar con Git
- Resumen del módulo: Trabajar con Git
UNIDAD 13 - Evaluación calificada · 8 leccionesControl de versiones - UNIDAD 13 - Evaluación calificada
Control de versiones - UNIDAD 13 - Evaluación calificada
- Resumen del curso: Control de versiones
- Acerca de la evaluación por niveles
- Ejercicio: Gestionar un proyecto en GitHub
- Solución: administrar un proyecto en GitHub
- Autoexamen: Gestión de un proyecto en GitHub
- Evaluación graduada de final de curso
- Enhorabuena por haber completado el curso sobre control de versiones
- Resumen del curso y próximos pasos
UNIDAD 14 - Componentes React · 49 leccionesConceptos básicos de React - UNIDAD 14 - Componentes React
Conceptos básicos de React - UNIDAD 14 - Componentes React
- Introducción al curso: Conceptos básicos de React
- ¿Cómo se utiliza React en el mundo real?
- Antes de aprender React
- Construyendo tu base React: Entendiendo HTML, CSS y JavaScript
- Módulos JavaScript, importaciones - exportaciones
- Recursos adicionales: Componentes React
- ¿Por qué React?
- Visión general de React.js
- Introducción a los componentes funcionales
- Creación de componentes React
- Transpilar JSX
- Bloques de construcción de React: Preparación para el primer laboratorio
- Trabajar con laboratorios en este curso
- Su primer componente
- Solución: Su primer componente
- Autoexamen: Su primer componente
- Estructura del proyecto React
- Personalizar el proyecto
- Importación de componentes
- Creación e importación de componentes
- Solución: Creación e importación de componentes
- Autoexamen: Creación e importación de componentes
- Recursos adicionales para React components and where they live
- Configuración de un proyecto React en VS Code (Opcional)
- Comprobación de conocimientos: Componentes de React y dónde viven
- Principios de los componentes: Puntales
- Disección de accesorios
- Utilización de accesorios en los componentes
- Pases de accesorios
- Solución: Pasar puntales
- Autoexamen: Aprobar apoyos
- Presentación de JSX
- Atrezzo y niños
- Estilización de elementos JSX
- Estilo práctico
- Sintaxis JSX y función de flecha
- Comprobación de conocimientos: Estilizar JSX
- Expresiones JSX incrustadas
- Operadores y funciones ternarios en JSX
- Expresiones como accesorios
- Incrustación en atributos
- Componentes React
- Múltiples componentes
- Solución: Múltiples componentes
- Tarjetas de números aleatorios: Una aplicación práctica de React para principiantes
- Autorrevisión: Múltiples componentes
- Resumen del módulo: Componentes React
- Módulo Quiz: Componentes React
- Recursos adicionales: Uso y estilo de los componentes
UNIDAD 15 - Datos y Estado · 35 leccionesConceptos básicos de React - UNIDAD 15 - Datos y Estado
Conceptos básicos de React - UNIDAD 15 - Datos y Estado
- Tipos de eventos
- Asuntos destacados
- Manejo de eventos comunes
- Sintaxis para manipuladores
- Comprobación de conocimientos: Eventos y errores
- Manejo de eventos y expresiones incrustadas
- Eventos de usuario
- Eventos dinámicos
- Solución: Eventos dinámicos
- Autoexamen: Eventos dinámicos
- Comprobación de conocimientos: Eventos dinámicos y cómo manejarlos
- Recursos adicionales: Datos y estado
- Flujo de datos padre-hijo
- Flujo de datos en React
- Los niños y los datos
- Comprobación de conocimientos: Flujo de datos
- ¿Qué es el Estado?
- Estado de observación
- Estado de React
- ¿Qué son los ganchos?
- Utilizar ganchos
- Gestionar el estado
- Aplicación Contador React: Manejo de Eventos con useState
- Comprobación de conocimientos: Enuncie el concepto
- Perforación de puntales
- Gestión del estado de React
- Comprobación de conocimientos: Estado aprobado
- Con estado frente a sin estado
- Gestión del estado en React
- Solución: Gestión del estado en React
- Autoexamen: Gestión del estado en React
- Comprobación de conocimientos: Estado o apátrida
- Resumen del módulo: Datos y estado
- Cuestionario del módulo: Datos y estado
- Recursos adicionales: Datos y eventos
UNIDAD 16 - Navegación, actualización y activos en React.js · 29 leccionesConceptos básicos de React - UNIDAD 16 - Navegación, actualización y activos en React.js
Conceptos básicos de React - UNIDAD 16 - Navegación, actualización y activos en React.js
- Tipos básicos de navegación
- Navegación
- La barra de navegación
- Crear una ruta
- Solución: Crear una ruta
- Autoexamen: Creación de una ruta
- Comprobación de conocimientos: Navegación
- Renderizado condicional
- Aplicación del renderizado condicional
- Componentes condicionales
- Actualizaciones condicionales de una vista
- Renderizado dinámico de componentes en React: Una aplicación de inicio/cierre de sesión
- Comprobación de conocimientos: Actualizaciones condicionales
- Recursos adicionales
- ¿Qué es un activo y dónde vive?
- Agrupación de activos
- Utilización de activos incorporados
- Visualización de imágenes
- Solución: Visualización de imágenes
- Autoexamen: Visualización de imágenes
- Audio y vídeo
- Paquetes multimedia
- Crear un componente audio / vídeo
- A practicar: Selección de canciones
- Solución: Selección de canciones
- Autoevaluación: Selección de canciones
- Resumen del módulo: navegación, actualización y activos en React.js
- Prueba del módulo: navegación, actualización y activos en React.js
- Recursos adicionales: Uso de activos en React
UNIDAD 17 - Su primera aplicación React · 7 leccionesConceptos básicos de React - UNIDAD 17 - Su primera aplicación React
Conceptos básicos de React - UNIDAD 17 - Su primera aplicación React
- Resumen del curso: Conceptos básicos de React
- Acerca de esta evaluación graduada: Calculadora app
- Crear una aplicación de calculadora
- Solución: Construir una aplicación de calculadora
- Ejemplo: Construir una aplicación de calculadora
- Enhorabuena, ¡ha completado los fundamentos de React!
- Próximos pasos
UNIDAD 18 - Introducción a React Native · 48 leccionesReact Native - UNIDAD 18 - Introducción a React Native
React Native - UNIDAD 18 - Introducción a React Native
- Introducción al curso
- ¿Qué es React Native?
- Funciones de desarrollador nativo, multiplataforma e híbrido
- Conozca a un desarrollador multiplataforma
- Bridging the Gap: Your React Foundation for Mobile Apps (Acortando distancias: su base React para aplicaciones móviles)
- Programa del curso
- Cómo tener éxito en este curso
- Visión general del entorno de desarrollo React Native
- React Native con Expo
- Recursos adicionales
- ¿Cómo se utiliza React Native en el mundo real?
- Código React Native
- Ventajas de React Native
- ¿Qué es la Expo?
- Creación de aplicaciones React Native con Expo
- Comprobación de conocimientos: Introducción a React Native
- Recursos adicionales
- ¿Qué son los componentes React Native?
- Construir un componente
- Explorar la construcción de un componente
- Ejercicio: Su primer componente React Native
- Solución: Su primer componente React Native
- Autoevaluación: Su primer componente React Native
- Comprobación de conocimientos: Componentes React Native
- Recursos adicionales
- ¿Qué son los componentes de vista y texto?
- Uso de los componentes de vista y texto
- Explorar los componentes de vista y texto
- Ejercicio: Construir una pantalla React Native
- Solución: Construir una pantalla React Native
- Autoevaluación: Construir una pantalla React Native
- ¿Qué es el componente ScrollView?
- Uso del componente ScrollView
- Explorar el componente ScrollView
- Ejercicio: Construir un componente desplazable
- Solución: Construir un componente desplazable
- Autoexamen: Construir un componente desplazable
- Comprobación de conocimientos: Vistas, texto y componentes desplazables
- Recursos adicionales
- Estilización de componentes mediante StyleSheet
- Estilo práctico
- Estilización mediante StyleSheet
- Ejercicio: Estilizar un componente
- Solución: Estilizar un componente
- Autoexamen: Estilizar un componente
- Resumen del módulo: Introducción a React Native
- Examen del módulo: Introducción a React Native
- Recursos adicionales
UNIDAD 19 - Listas e introducción de texto en React Native · 39 leccionesReact Native - UNIDAD 19 - Listas e introducción de texto en React Native
React Native - UNIDAD 19 - Listas e introducción de texto en React Native
- Renderizado de listas grandes mediante el componente FlatList
- Uso del componente FlatList
- Explorar el componente FlatList
- Ejercicio: Renderizar una lista grande utilizando FlatList
- Solución: Renderizar una lista grande utilizando FlatList
- Autorrevisión - Renderizar una lista grande utilizando FlatList
- Métodos FlatList
- Comprobación de conocimientos: Renderizar listas grandes con FlatList
- Recursos adicionales
- Renderizar grandes listas por secciones utilizando SectionList
- Uso del componente SectionList
- Explorar el componente SectionList
- Ejercicio: Renderizar una lista grande utilizando SectionList
- Solución: Renderizar una lista grande utilizando SectionList
- Revisión propia: Renderizar una lista grande utilizando SectionList
- Comprobación de conocimientos: Renderizar listas grandes con SectionList
- Recursos adicionales
- ¿Qué es el componente TextInput?
- Configurar el componente TextInput
- Componente TextInput y sus características
- Ejercicio: Crear un componente TextInput
- Solución: Crear un componente TextInput
- Autoexamen: Crear un componente TextInput
- Teclado virtual en aplicaciones móviles
- Trucos y consejos para manejar el teclado virtual
- Manejo del teclado virtual
- Comprobación de conocimientos: Aceptar la entrada del usuario
- Recursos adicionales
- Accesorios comunes del componente TextInput
- Pasar props al componente TextInput
- Ejercicio: Crear una página de inicio de sesión
- Solución: Crear una página de inicio de sesión
- Autorrevisión: Crear una página de inicio de sesión
- Uso de los métodos TextInput
- Métodos TextInput
- Comprobación de conocimientos: Puntales y métodos en TextInput
- Resumen del módulo: Listas e introducción de texto en React Native
- Examen del módulo: Listas y entrada de texto en React Native
- Recursos adicionales
UNIDAD 20 - Pressable, imágenes y ganchos en React Native · 34 leccionesReact Native - UNIDAD 20 - Pressable, imágenes y ganchos en React Native
React Native - UNIDAD 20 - Pressable, imágenes y ganchos en React Native
- ¿Qué es el componente prensable?
- Uso del componente prensable
- Explorar Pressable
- Ejercicio: Crear un área de texto clicable con Pressable
- Solución: Crear un área de texto en la que se pueda hacer clic con Pressable
- Autoexamen: Cree un área de texto en la que se pueda hacer clic con Pressable
- Comprobación de conocimientos: Componente prensable
- Recursos adicionales
- Visualización de imágenes en React Native
- Uso del componente de imagen
- Exploración del componente imagen
- Estilizar una imagen dentro de la aplicación
- Pasar accesorios al componente de imagen
- Explorando los accesorios del componente de imagen
- Establecer imágenes de fondo
- Ejercicio: Visualización de imágenes en su aplicación
- Solución: Mostrar imágenes en su aplicación
- Autorrevisión: Visualización de imágenes en su aplicación
- Comprobación de conocimientos: Imágenes en React Native
- Recursos adicionales
- ¿Qué son los ganchos?
- Uso del gancho useColorScheme
- Explorando el gancho useColorScheme
- Uso del gancho useWindowDimensions
- Explore el gancho useWindowDimensions
- Utilizar otros ganchos comunitarios
- Explorar otros ganchos comunitarios
- Ejercicio: Hooks en React Native
- Solución: Ganchos en React Native
- Auto revisión: Ganchos en React Native
- Comprobación de conocimientos: Hooks en React Native
- Resumen del módulo: Pressable, Imágenes y Hooks en React Native
- Examen del módulo: Pressable, Imágenes y Hooks en React Native
- Recursos adicionales
UNIDAD 21 - React Navigation · 41 leccionesReact Native - UNIDAD 21 - React Navigation
React Native - UNIDAD 21 - React Navigation
- ¿Qué es React Navigation?
- Instalación y configuración de React Navigation
- Configuración de la navegación React
- Utilización del Stack.Navigator
- Creación y configuración del navegador de pila nativo
- Enfoques para pasar el atrezzo a la pantalla
- Pasar puntales a la pantalla
- Ejercicio: Establecer rutas
- Solución: Establecer rutas
- Autorrevisión: Establecer rutas
- Comprobación de conocimientos: Introducción a React Navigation
- Recursos adicionales
- Pasar a una nueva pantalla
- Moverse entre pantallas
- Navegar a una pantalla
- Volver a la pantalla anterior
- Configuración de una barra de cabecera
- Ejercicio: Moverse entre pantallas
- Solución: Moverse entre pantallas
- Autoexamen: Moverse entre pantallas
- Comprobación de conocimientos: Moverse entre pantallas
- Recursos adicionales
- ¿Qué es la navegación por pestañas?
- Ejemplo de navegación por pestañas
- Personalización del navegador de pestañas
- Explorar la navegación por pestañas
- Ejercicio: Configurar la navegación por pestañas
- Solución: Configurar la navegación por pestañas
- Auto revisión: Configurar la navegación por pestañas
- Comprobación de conocimientos: Navegación por pestañas
- Recursos adicionales
- ¿Qué es la navegación por cajones?
- Ejemplo de navegación por cajones
- Explorar la navegación por los cajones
- Ejercicio: Configurar la navegación por los cajones
- Solución: Configurar la navegación por los cajones
- Autorrevisión: Configurar la navegación por los cajones
- Comprobación de conocimientos: Navegación por los cajones
- Resumen del módulo: React Navigation
- Examen del módulo: React Navigation
- Recursos adicionales
UNIDAD 22 - Evaluación del proyecto final · 9 leccionesReact Native - UNIDAD 22 - Evaluación del proyecto final
React Native - UNIDAD 22 - Evaluación del proyecto final
- Resumen del curso: React Native
- Sobre la evaluación final del proyecto
- Ejercicio Suscripción al boletín de Little Lemon
- Código de solución: Suscripción al boletín de Little Lemon
- Revisión por pares: Suscripción al boletín Little Lemon
- Paseo por la solución: Suscripción al boletín de Little Lemon
- Examen final del curso: React Native
- Enhorabuena, ¡ha completado React Native!
- Próximos pasos
UNIDAD 23 - Introducción a las API REST · 23 leccionesTrabajar con datos - UNIDAD 23 - Introducción a las API REST
Trabajar con datos - UNIDAD 23 - Introducción a las API REST
- Por qué los datos son importantes para las aplicaciones móviles
- Introducción al curso: Trabajar con datos en React Native
- Descubrir datos en sus aplicaciones móviles favoritas : aplicación para dispositivos móviles
- Programa del curso
- Cómo tener éxito en este curso
- Lo que sabe sobre HTTP
- RESTfulness
- Convenciones de denominación
- Buenas rutas frente a malas rutas
- Herramientas esenciales para el desarrollo de API
- Métodos HTTP, códigos de estado y tipos de respuesta
- Ejercicio: Conoce tus herramientas
- Autoexamen: Conozca sus herramientas
- Comprobación de conocimientos: Introducción a las API
- Recursos adicionales
- Mejores prácticas REST
- Seguridad y autenticación en la API REST
- Control de acceso
- Autenticación frente a autorización
- Comprobación de conocimientos: Principios de desarrollo de API
- Resumen del módulo: API REST
- Examen del módulo: API REST
- Recursos adicionales
UNIDAD 24 - Interactuar con API REST en React Native · 18 leccionesTrabajar con datos - UNIDAD 24 - Interactuar con API REST en React Native
Trabajar con datos - UNIDAD 24 - Interactuar con API REST en React Native
- Contacto con servidores, protocolo HTTP y llamadas asíncronas
- Protocolo HTTP y Promesas en acción
- Protocolo HTTP y Promesas en detalle
- Ejercicio: Solicitud/Respuesta HTTP en React Native
- Solución: Solicitud/Respuesta HTTP en React Native
- Auto revisión: Solicitud/Respuesta HTTP en React Native
- Comprobación de conocimientos: HTTP en React Native
- Recursos adicionales
- Lo que ha aprendido sobre JSON
- Trabajar con JSON
- Obtención de imágenes
- Ejercicio: Análisis sintáctico de datos en React Native
- Solución: Análisis sintáctico de datos en React Native
- Auto revisión: Análisis sintáctico de datos en React Native
- Comprobación de conocimientos: Trabajar con formatos de datos
- Resumen del módulo: Interactuar con API REST en React Native
- Examen del módulo: Interactuar con API REST en React Native
- Recursos adicionales
UNIDAD 25 - Introducción a las bases de datos y SQL · 33 leccionesTrabajar con datos - UNIDAD 25 - Introducción a las bases de datos y SQL
Trabajar con datos - UNIDAD 25 - Introducción a las bases de datos y SQL
- ¿Qué es una base de datos?
- ¿Cómo se relacionan los datos?
- ¿Qué es el lenguaje de consulta estructurado?
- Uso de SQL
- Introducción a la sintaxis SQL
- Comandos SQL comunes
- CREAR y ELIMINAR base de datos
- Comprobación de conocimientos: Introducción a las bases de datos SQL
- Recursos adicionales
- ¿Qué son las tablas en las bases de datos?
- Cuadros sinópticos
- Resumen de la estructura de la base de datos
- Tipos de datos numéricos
- Tipos de datos de cadenas
- Valores por defecto
- Sentencia CREATE TABLE
- Creación de tablas
- Declaración ALTER TABLE
- Ejercicio: Crear base de datos y crear tabla
- Solución: Crear base de datos y crear tabla
- Autoexamen: Crear base de datos y crear tabla
- Comprobación de conocimientos: Creación de tablas
- Recursos adicionales
- Declaración INSERT
- Declaración SELECT
- Actualización de datos
- Borrado de datos
- Ejercicio: Borrado de registros
- Autorrevisión: Supresión de registros
- Comprobación de conocimientos: Trabajar con datos en SQL
- Resumen del módulo: Introducción a las bases de datos y SQL
- Examen del módulo: Introducción a las bases de datos y SQL
- Recursos adicionales
UNIDAD 26 - Datos en React Native · 20 leccionesTrabajar con datos - UNIDAD 26 - Datos en React Native
Trabajar con datos - UNIDAD 26 - Datos en React Native
- ¿Qué es AsyncStorage?
- Trabajar con AsyncStorage
- AsyncStorage en detalle
- Conexión de AsyncStorage a State
- Ejercicio: Leer y escribir con AsyncStorage
- Solución: Leer y escribir con AsyncStorage
- Autorevisión: Leer y escribir con AsyncStorage
- Comprobación de conocimientos: Introducción a AsyncStorage
- Recursos adicionales
- ¿Qué es SQLite?
- Configuración de Expo-SQLite
- Expo-SQLite en detalle
- Conexión de SQLite a State
- Ejercicio: Leer y escribir con SQLite
- Solución: Leer y escribir con SQLite
- Autoexamen: Leer y escribir con SQLite
- Comprobación de conocimientos: Introducción a Expo-SQLite
- Resumen del módulo: Datos en React Native
- Examen del módulo: Datos SQL en React Native
- Recursos adicionales
UNIDAD 27 - Evaluación del proyecto · 15 leccionesTrabajar con datos - UNIDAD 27 - Evaluación del proyecto
Trabajar con datos - UNIDAD 27 - Evaluación del proyecto
- Recapitulación del curso: Trabajar con datos en React Native
- Sobre la evaluación final del proyecto
- Ejercicio: Configurar la aplicación
- Comprobación de preparación: ¿Ha completado la configuración inicial?
- Ejercicio: Consultar la API REST
- Comprobación de preparación: ¿Ha configurado las consultas de la API REST?
- Ejercicio: Visualización del menú de comida mediante SQLite
- Comprobación de preparación: ¿Ha implementado la visualización del menú de comida?
- Ejercicio: Ordenar y filtrar el menú de alimentos
- Comprobación de preparación: ¿Ha implementado el filtrado y la clasificación del menú de comida?
- Envíe su proyecto de cartera Little Lemon Menu App
- Ejemplar: Little Lemon Menu App
- Examen final calificado: Trabajando con datos en React Native
- Resumen del curso
- Próximos pasos
UNIDAD 28 - Introducción al diseño de UX y UI · 30 leccionesPrincipios de diseño UX/UI - UNIDAD 28 - Introducción al diseño de UX y UI
Principios de diseño UX/UI - UNIDAD 28 - Introducción al diseño de UX y UI
- Introducción a los principios del diseño UX y UI
- Un día en la vida de un diseñador de productos Meta
- Introducción a la UX y la UI
- Un día en la vida de un gestor de productos Meta
- ¿En qué consiste realmente el trabajo de un diseñador de productos?
- Resumen del proyecto final
- Programa del curso UX UI
- Cómo tener éxito en este curso
- ¿Qué es la UX?
- Objetivos de UX + Componentes de calidad
- Herramientas de empatía: Artefactos en el proceso UX
- Visión general del proceso UX
- Comprobación de conocimientos: ¿Qué es la UX?
- Recursos adicionales
- ¿Qué es la IU?
- Tipos de diseño digital
- Crear una cuenta Figma
- Primeros pasos con Figma
- Comprobación de conocimientos: ¿Qué es la interfaz de usuario?
- Recursos adicionales
- ¿Quién es su usuario?
- Escenario del pequeño limón
- Herramientas de empatía
- Ejercicio: Crear un personaje
- Solución: Crear un personaje
- Autoevaluación: Creación de un perfil de usuario
- Estudio de caso: La investigación de usuarios en el mundo real
- Resumen del módulo: Introducción a la UX y la UI
- Cuestionario del módulo: Introducción a la UX y la UI
- Recursos adicionales
UNIDAD 29 - Evaluación del diseño interactivo · 24 leccionesPrincipios de diseño UX/UI - UNIDAD 29 - Evaluación del diseño interactivo
Principios de diseño UX/UI - UNIDAD 29 - Evaluación del diseño interactivo
- Evaluar el diseño
- Hojas de evaluación
- Diseñar para la accesibilidad
- Estudio de caso: Accesibilidad en Meta
- Ejercicio: Evaluación heurística
- Solución: Evaluación heurística
- Autoevaluación: Evaluación heurística
- Prueba de conocimientos: Métodos de evaluación
- Recursos adicionales
- Diseño de formularios
- Mejores prácticas de diseño de formularios
- Aplicación de los principios de diseño de formularios
- Componentes en el diseño de interfaz de usuario
- Evaluación de conocimientos: Principios de buenas prácticas
- Recursos adicionales
- Evaluación de Little Lemon
- Desglose del formulario de Little Lemon
- Mejora de formularios - Mejora de la usabilidad y el diseño
- Uso de iconos de menú en la navegación
- Mejores prácticas de navegación
- Evaluación de conocimientos: Navegación y diseño de formularios
- Resumen del módulo: Evaluación del diseño interactivo
- Cuestionario del módulo: Evaluación del diseño interactivo
- Recursos adicionales
UNIDAD 30 - Fundamentos del diseño aplicado · 29 leccionesPrincipios de diseño UX/UI - UNIDAD 30 - Fundamentos del diseño aplicado
Principios de diseño UX/UI - UNIDAD 30 - Fundamentos del diseño aplicado
- Marcos, capas y formas básicas
- Capas, grupos y marcos
- Tipo y texto
- Tipografía y buenas prácticas
- Aplicación de los principios tipográficos
- Rejillas y limitaciones
- Creación de rejillas para tabletas y móviles
- Sistemas de rejilla
- Manipulación de elementos
- Trabajar con imágenes
- Cómo guardar e importar archivos Figma
- Ejercicio: Diseño - Jerarquía de texto y cuadrícula
- Solución: Diseño - Rejilla de texto y jerarquía
- Autoevaluación: jerarquía del texto y cuadrícula
- Prueba de conocimientos: Tipografía y diseño tipográfico
- Recursos adicionales
- Wireframing
- Creación rápida de prototipos
- Ejercicio: Crear wireframe en Figma
- Solución: Crear wireframe en Figma
- Autoevaluación: Creación de un esquema de diseño en Figma
- Pruebas de usabilidad
- Hoja de trucos y plantilla para pruebas de usabilidad
- Ejercicio: Escribir una prueba de usabilidad
- Solución: Redactar una prueba de usabilidad
- Autoevaluación: Cómo elaborar una prueba de usabilidad
- Resumen del módulo: Fundamentos del diseño aplicado
- Prueba del módulo: Fundamentos del diseño aplicado
- Recursos adicionales
UNIDAD 31 - Diseñar su interfaz de usuario · 28 leccionesPrincipios de diseño UX/UI - UNIDAD 31 - Diseñar su interfaz de usuario
Principios de diseño UX/UI - UNIDAD 31 - Diseñar su interfaz de usuario
- Hágalo bonito
- Principios de los elementos de diseño
- Estilizar Diseño de alta fidelidad
- Ejercicio: Diseñar un componente en Figma
- Solución: Diseñe un componente en Figma
- Autorrevisión: Diseño de componentes
- Tableros de ideas en el diseño
- Prueba de conocimientos: Cómo mejorar tu diseño
- Recursos adicionales
- ¿Qué son los sistemas de diseño?
- Sistemas de diseño
- Diseñar sistemas en Figma
- Ejercicio: Diseño interactivo de componentes
- Solución: Diseño interactivo de componentes
- Autoevaluación: Diseño de componentes interactivos
- Comprobación de conocimientos: Sistemas de diseño
- Recursos adicionales
- Pasar del diseño a la creación de prototipos
- Microinteracciones y microanimaciones
- Anime y pruebe su prototipo
- Estudio de caso: Cómo utiliza Meta las microinteracciones
- Ejercicio: Prototipo de diseño de alta fidelidad
- Solución: Prototipo de diseño de alta fidelidad
- Autoevaluación: Prototipo de diseño de alta fidelidad
- Prueba tu prototipo: una sesión de usabilidad de 5 minutos con Jordan
- Resumen del módulo: Diseño de su interfaz de usuario
- Cuestionario del módulo: Diseño de la interfaz de usuario
- Recursos adicionales
UNIDAD 32 - Resumen del curso y evaluación final · 8 leccionesPrincipios de diseño UX/UI - UNIDAD 32 - Resumen del curso y evaluación final
Principios de diseño UX/UI - UNIDAD 32 - Resumen del curso y evaluación final
- Resumen del curso Principios de UX y UI
- Sobre la evaluación final
- Ejercicio: Reservar una mesa en la página web de Little Lemon
- Diseño de una experiencia de reserva de mesa para Little Lemon
- Solución: Reservar una mesa en la página web de Little Lemon
- Prueba final del curso: Principios de UX y UI
- Enhorabuena, ha completado Principios de diseño UX UI
- Próximos pasos tras Principios de UX Diseño de interfaz de usuario
UNIDAD 33 - Inicio del proyecto · 29 leccionesCapstone (React App) - UNIDAD 33 - Inicio del proyecto
Capstone (React App) - UNIDAD 33 - Inicio del proyecto
- Introducción al curso
- Programa del curso
- Cómo tener éxito en este curso
- Comprobación de su entorno de desarrollo
- Preparación del proyecto y evaluación del entorno de desarrollo
- Recursos adicionales
- Puesta en marcha del proyecto
- Recapitulemos: Control de versiones
- Ejercicio: Configuración del repositorio
- Comprobación de preparación: ¿Ha configurado el repositorio Git?
- Recapitulación: Configuración del proyecto React Native
- Ejercicio: Configuración del proyecto React Native
- Comprobación de preparación: ¿Ha configurado el proyecto React Native?
- Ejercicio: Comprometiendo el proyecto
- Comprobación de preparación: ¿Ha empujado sus commits?
- Comprobación de conocimientos
- Recursos adicionales
- Planificación de la UX y la UI
- Recapitulación: Principios de UX UI
- Ejercicio: Wireframing del proyecto
- Comprobación de la preparación: ¿Ha completado el wireframe?
- Ejercicio: Diseño de componentes
- Comprobación de la preparación: ¿Ha creado un componente interactivo?
- Ejercicio: Aplicación de los fundamentos del diseño en Figma
- Comprobación de la preparación: ¿Ha aplicado los fundamentos del diseño?
- Comprobación de conocimientos
- Resumen del módulo
- Cuestionario del módulo: Inicio del proyecto
- Recursos adicionales
UNIDAD 34 - Funcionalidad del proyecto · 24 leccionesCapstone (React App) - UNIDAD 34 - Funcionalidad del proyecto
Capstone (React App) - UNIDAD 34 - Funcionalidad del proyecto
- Flujo de incorporación
- Recapitulación: Elementos de la interfaz de usuario y almacenamiento de datos
- Ejercicio: Configurar la página de incorporación
- Comprobación de la preparación: ¿Ha configurado la incorporación del usuario?
- Recapitulación: Navegación
- Ejercicio: Configurar la navegación
- Comprobación de la preparación: ¿Ha configurado el flujo de navegación y la navegación por los cajones?
- Ejercicio: Configurar la página de perfil
- Comprobación de preparación: ¿Ha configurado la página de perfil de usuario?
- Comprobación de preparación: ¿Ha registrado sus progresos en Git?
- Comprobación de conocimientos
- Recursos adicionales
- Flujo de usuarios de pedidos de comida
- Recapitulación Obtención de datos
- Ejercicio: Construir la pantalla de inicio
- Comprobación de la preparación: ¿Ha recogido y guardado el menú de comida?
- Recapitulación: Filtrado de datos
- Ejercicio: Filtrar el menú de alimentos
- Comprobación de preparación: ¿Permite la página de menú el filtrado?
- Comprobación de preparación: ¿Ha registrado sus progresos en Git?
- Comprobación de conocimientos
- Resumen del módulo
- Cuestionario del módulo: Funcionalidad del proyecto
- Recursos adicionales
UNIDAD 35 - Evaluación del proyecto · 20 leccionesCapstone (React App) - UNIDAD 35 - Evaluación del proyecto
Capstone (React App) - UNIDAD 35 - Evaluación del proyecto
- Resumen del curso: Proyecto Capstone
- Sobre la evaluación final del proyecto
- Autoevaluación del proyecto
- Aplicación de pedidos de comida Little Lemon
- Solución: App de pedidos de comida Little Lemon
- Examen final calificado
- Proceso de envío a Play Store
- Construir y probar su aplicación
- Preparación de su solicitud para su presentación
- Envíe su aplicación
- Actualización de su aplicación
- Recursos adicionales
- Proceso de envío a la App Store
- Construir y probar su aplicación
- Preparación de su solicitud para su presentación
- Envíe su aplicación
- Actualización de su aplicación
- Recursos adicionales
- Enhorabuena, ¡ha completado el Proyecto Capstone!
- Próximos pasos
Lo que harás al terminar
Podrás crear un proyecto móvil de portafolio con funcionalidades clave y una experiencia de usuario cuidada. El curso te prepara para aspirar a desarrollar aplicaciones multiplataforma con React Native.
¿Para quién es este curso?
Dirigido a quienes desean iniciarse en el desarrollo móvil multiplataforma y aprender a crear aplicaciones para iOS y Android. No se especifican conocimientos previos como requisito.
Nivel inicial; interés en desarrollo móvilCertificado con validez SEP: 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 $4,990 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
35 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
173 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
- Certificado SEP incluido (sin costo). 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 Meta.
- 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.
- 35 unidades · 902 lecciones · 203 h
- 12 meses de acceso
- 173 cuestionarios de evaluación
- Certificado SEP incluido (sin costo), 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 $4,990 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 Meta; 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.
¿El curso tiene validez SEP?
Sí, incluido sin costo. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
¿El curso tiene tutor o clases en vivo?
No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.
¿Cómo se evalúa?
Te evalúas con actividades automáticas, sin entregas a un tutor.





