fbpx
4.79 de 5
4.79
2528 reseñas sobre Udemy

React Native: Aplicaciones nativas para IOS y Android

TypeScript, React Native CLI, Google y Apple maps, cámara, GPS, polylines, hooks, autenticación, despliegues y más
Instructor:
Fernando Herrera
13.622 estudiantes matriculados
Spanish [Auto]
React Native
Crear aplicaciones móviles nativas usando RN
Crear muchas aplicaciones altamente estilizadas
Desplegar aplicaciones en Google PlayStore y Apple AppStore
Dominar React con TypeScript
Uso de recursos nativos como la cámara, galería y GPS

React Native: Aplicaciones nativas para IOS y Android

Este curso completo de React Native tiene por objetivo enseñarte este framework de una forma sólida y robusta, con más de 42 horas de contenido en video (sin contar tareas y ejercicios). Es importante tener un base de React con Hooks para que este curso se sienta muy sencillo, ya que la idea de React Native, es que tomes tu conocimiento de aplicaciones de React y lo traslades a crear aplicaciones móviles.

El curso está basado en React Native CLI (No expo) y de la mano de TypeScript, el cual no es obligatorio para React Native, pero absolutamente todo lo haremos basado en él para que vean el poder de tener un tipado estricto y así generar la documentación de nuestras funciones y métodos de forma automática.

Tocaremos la mayor parte de los componentes existentes en React Native, pasaremos por un “Hola Mundo”, luego animaciones, manejo de estado, recursos nativos y poco a poco crecemos en complejidad hasta llegar a los despliegues en la Google Play Store y Apple App Store.

Estos son algunos temas que tocamos en el curso:

  • React Native CLI
  • Google Maps
    • SDK Nativo para IOS y Android
  • Apple Maps
  • GPS
  • Cámara
  • Galería de imágenes
  • TypeScript
    • Tipos básicos
    • Mapeo de respuestas
    • Mapeo de Props
    • Obligar argumentos en componentes
    • Obligar argumentos en rutas
  • React Navigation
    • Stack
    • Drawer
    • Tabs
    • TopTabs
    • MaterialTabs
    • TopScrollableTaps
    • Argumentos entre pantallas
  • Iconos
  • Axios
    • Intancias
    • Middlewares
  • Configuraciones especiales para Mac y Windows con videos específicos
  • Gradientes
  • Diseño Flex, Box Object Model y Position
  • Temas
    • Dark
    • Light
    • Personalizado
  • ContextApi
  • Consumo de APIs
  • CRUDs
  • Carga de imágenes
  • Re-utilización de componentes y hooks
  • Animaciones
  • InfiniteScroll
  • Pull to refresh
  • Slideshows
  • Carruseles
  • Formularios
  • Debouncers
  • Búsquedas
  • Autenticación mediante JWT
  • Despliegues:
    • Apple AppStore
    • Google PlayStore
  • Y mucho más

Mi objetivo con este curso, es que sea lo más completo posible, con todo lo que puedes necesitar para crear aplicaciones móviles nativas y crear un repertorio enorme de ejercicios que te sirvan de documentación para cuando lo necesites, pero a la vez, que puedas tomar el código de esta librería que haremos y lo implementes de forma simple en tus aplicaciones futuras.

Espero que el curso sea de tu agrado y nuevamente gracias por todo tu apoyo y soporte, que permitió la creación del mismo.

Nos vemos en la siguiente clase

Introducción

1
Introducción
2
¿Cómo funcionará el curso?
3
¿Cómo realizar preguntas?
4
Instalaciones necesarias y recomendadas

Reforzamiento de las bases - Conocimiento requerido para continuar

1
Introducción a la sección
2
Temas puntuales de la sección
3
¿Por qué TypeScript?
4
Inicio de proyecto - Introducción React con TypeScript
5
Nota de actualización
6
Preparar proyecto y nuestros primeros Functional Components en TS
7
Tipos Básicos - TypeScript
8
Objetos literales e interfaces
9
Funciones, retorno y argumentos
10
Hook - useState
11
Custom Hook - useCounter
12
Componente Login - Antesala al useReducer
13
Hook - useReducer
14
AuthReducer
15
Login y Logout
16
Peticiones HTTP - Axios
17
Establecer el tipo de las respuestas HTTP
18
Mostrar usuarios en pantalla
19
Crear una pequeña paginación
20
Custom Hook - useUsuarios
21
Siguientes y Anteriores registros - Paginación
22
Formularios
23
Custom Hook - useForm
24
Código fuente de la sección

Instalación y configuración de ReactNative con emuladores y dispositivos físicos

1
Introducción a la sección
2
Temas puntuales de la sección
3
Diferencia entre EXPO CLI y ReactNative CLI
4
Windows: Instalaciones necesarias
5
Windows: Crear un dispositivo virtual
6
Windows: Crear proyecto de React Native
7
Android físico - Habilitar USB Debugging
8
Windows: Correr aplicación en dispositivo físico
9
Mac OSX: Instalaciones necesarias - Android
10
Mac OSX: Emulador de Android
11
Mac OSX: Instalaciones necesarias para IOS
12
Mac OSX: Crear proyecto de React Native
13
Mac OSX: Android Físico USB Debugging
14
Mac OSX: Correr App en Android físico
15
Mac OSX: Correr en simulador de IOS
16
Mac OSX: Correr en un iPhone físico

Mi primera App en React Native - CounterApp

1
Introducción a la sección
2
Temas puntuales de la sección
3
Demostración del objetivo final de la sección
4
Inicio de proyecto - MiPrimeraApp
5
Deshabilitar Prettier
6
Hola Mundo
7
Crear pantallas independientes
8
Crear un contador
9
Tip: ¿Cómo ver los ejemplos de la documentación?
10
TouchableOpacity
11
StyleSheet
12
Botón personalizado flotante
13
Componente personalizado: FAB - Floating Action Button
14
Enviar funciones y propiedades opcionales
15
Estilo condicional
16
Código específico para plataforma
17
Resumen de lo aprendido hasta el momento
18
Código fuente de la sección

Flex, Position y Box Object Model

1
Introducción a la sección
2
Temas puntuales de la sección
3
Box Object Model - Fundamentos del diseño en React Native
4
Continuación de proyecto - Diseños y Flexbox
5
Padding, Margin, Border, Width y Height
6
Height, Width porcentual y dimensiones de la pantalla
7
Position - Fundamentos del diseño en React Native
8
Posición relativa
9
Posición absoluta
10
Flexbox - Fundamentos del diseño en React Native
11
Flex
12
Flex Direction
13
Justify Content
14
Align Items
15
Align Self
16
Flex Wrap
17
Preparar nuevo componente para la tarea
18
Tarea sobre diseños
19
Resolución de la tarea de diseños
20
Código fuente de la sección

Aplicación - Calculadora de IOS

1
Introducción a la sección
2
Temas puntuales de la sección
3
Demostración del objetivo final de la sección
4
Inicio de proyecto - Calculadora
5
Diseño inicial y pantalla de Calculadora
6
Textos y mi primer botón
7
Botón de calculadora y sus filas
8
Terminar todos los botones y el estilo de la calculadora
9
Construir el número base
10
Consideraciones para armar el número
11
Tarea - Botón de borrar última entrada
12
Botones de operaciones aritméticas
4.8
4.8 de 5
Calificaciones 2528

Calificación Detallada

5 estrellas
2029
4 estrellas
419
3 estrellas
65
2 estrellas
9
1 estrellas
5
69d9c90b16b34401279dcc844d5f3138
Garantía de devolución de dinero de 30 días

Incluye

43 horas de video a pedido
44 artículos
Acceso completo de por vida
Acceso en el móvil y en la televisión
Certificado de finalización
React Native: Aplicaciones nativas para IOS y Android
Precio:
$140 $13
bubble_bg_popup.png

Descarga las Herramientas Gratis