Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Móvil/Curso React Native con TypeScript

Curso completo de React Native con TypeScript

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende a crear aplicaciones nativas para iOS y Android con el popular framework de Facebook, React Native

Empieza a realizar aplicaciones multiplataforma para los distintos dispositivos móviles con React Native.

Formación en React Native con TypeScript bonificable para empresas

¿A quién va dirigido?

A programadores, diseñadores y a todas aquellas personas que quieran aprender a desarrollar aplicaciones móviles para los sistemas operativos Android e iOS.

Objetivos

Aprender a crear aplicaciones móviles multiplataforma con React Native y TypeScript
Aprender a usar Expo y React Native CLI
Gestionar el estado de la aplicación, acceder a elementos nativos y gestionar el sistema de enrutado
Aprender buenas prácticas de estructuración de proyectos y uso de componentes de React Native
Generar bundles para Android e iOS y aprender el proceso de publicación de aplicaciones móviles en mercados de Gogle y Apple

¿Qué vas a aprender?

Empieza a realizar aplicaciones multiplataforma para los distintos dispositivos móviles con React Native.

Requisitos

Tener experiencia desarrollando con HTML, CSS, Javascript (ES6 o superior), Typescript y haber creado aplicaciones web con React con Typescript
Es necesario disponer de acceso a un equipo con permisos suficientes para instalar software en él
Tener Visual Studio Code, Node LTS, NPM y Git instalados previamente en el equipo
Tener Android Studio instalado previamente en el equipo y acceso a emuladores Android
Tener acceso a un dispositivo físico Android o iOS con permisos de instalación que poder usar para el curso

Temario del curso

tema 1

Introducción

Desarrollo multiplataforma
¿Qué es React Native?
¿Qué relación tiene React con React Native?
Ecosistema y alternativas a React Native destacables
¿Cómo funciona React Native?
Setup de desarrollo para React Native
Trabajando con VSCode
Plugins de interés
Configuración e inicio de emulador Android
Configuración para dispositivos Android reales
Particularidades de emuladores iOS y dispositivos reales iOS

tema 2

Expo y React Native Cli

¿Qué es Expo?
¿Qué es React Native CLI?
¿Existen otras alternativas?

tema 3

Primera App con Expo

Creación de proyecto React Native y TypeScript con Expo
Análisis de archivos y carpetas generados
Análisis de comandos disponibles de Expo y opciones destacables
Builds con Expo
Despliegue en dispositivo emulado
Escaneo de QR para instalación en dispositivo real
Probando la aplicación en un dispositivo real

tema 4

Primera App con React Native CLI

Creación de proyecto React Native y TypeScript con React Native CLI
Análisis de archivos y carpetas generados
Análisis de comandos disponibles de React Native CLI y opciones destacables
Builds con React Native CLI
Despliegue en dispositivo emulado
Despliegue en dispositivo real

tema 5

Depuración de código

Debugging desde Visual Studio Code
Gestión de errores
Breakpoints

tema 6

Componentes de React Native

Análisis de los tipos de componentes de React Native
Creación de componentes propios a partir de componentes de React Native
Buenas prácticas a la hora de organizar y estructurar proyectos

tema 7

Hooks en React Native

Uso de Hooks en React Native

tema 8

Estilos en React Native

Introducción
CSS y SCSS
StyleSheet
Styled-Components, la mejor librería

tema 9

Arquitectura y gestión de componentes en React Native

Introducción
Setup, planificación y arquitectura
Screens
Cabecera y navegación
Estilos y módulos
Inputs y botones
Imágenes
Mapeo, scroll y flatlist

tema 10

Responsive

useWindowDimensions API
Calcular dimensiones de dinámicamente
Orientación y keyBoard
Renderizando layouts distintos
Expo ScreenOrientation
Platform API

tema 11

Navegación

Introducción
React Navigation, configuración
Arquitectura y estructura de las navegación
Push, pop, replace
Pasando datos entre las pantallas
Drawer Navigation

tema 12

Gestión del estado con Redux

Configuración de Redux en React Native
Redux Sagas
Uso de Hooks

tema 13

Control de rutas

Gestión de contenido privado para usuarios logueados con React Navigation
Redirección

tema 14

Acceso Nativo y gestión de permisos

Introducción a la gestión de permisos en Android
Introducción a la gestión de permisos en iOS
Gestionando los permisos para Android e iOS desde React Native
Bridging nativo: Uso de componentes compartidos

tema 15

Cámara y almacenamiento

Accediendo a la cámara del dispositivo
Hacer fotos y vídeos
Guardarlos en el dispositivo
Escanear un QR y otros códigos

tema 16

Mapas y localización

Acceder a la posición del usuario
Renderizar un mapa
Colocar pins de localización en un mapa
Edición de pins con acciones, textos e imágenes
Trackear los movimientos de un dispositivo en un mapa
Calcular rutas y distancias entre puntos de un mapa

tema 17

Contactos y compartir entre aplicaciones

Acceder a contactos de un dispositivo
Compartir con otras aplicaciones del dispositivo

tema 18

Firebase

Creación de proyecto en Firebase
Configuraciones necesarias para vinculación con React Native
Autenticación a través de Firebase
Acceso a FireStore y gestión de datos
Uso de Storage de Firebase
Uso de otros servicios de Firebase

tema 19

Builds

Builds para Android
Builds para iOS

tema 20

Releases

¿Cómo realizar una release para el Store de Google?
¿Cómo realizar una release para el Store de Apple?
Gestión de versiones

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de React Native con TypeScript bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada