Name: React Native: Crea aplicaciones móviles reales iOS y Android
Rating: 4.6 (436 reviews)

What you'll learn

Seras capaz de crear cualquier Apps para Android y iOS
Frameworks UI para NativeBase y React Native Paper
Creación de componentes, hooks personalizados y su reutilización
Aprenderás a usar Context, Ref, State, Effect, Memo, etc...
React Navigation 5
Debugger-Ui, React Devtools y FBFlipper
Firebase y Firebase RealTime
Consumir API's nuestras y de terceros
Sistema de Temas con DarkTheme y LightTheme
Crearemos una app extra con Strapi + React Native
Aprenderemos a manejar autenticación en tiempo real con Firebase
Virtualización un Sistema Android y iOS para hacer Debug.
Aprenderás a controlar los datos que fluyen por React Native entre componentes
Flujo de datos en tiempo real desde varios dispositivos con Firebase RealTime Database
Y muchas más sorpresas...

12 sections • 182 lectures • 19h 45m total length

Preview02:41
Preview03:57
Preview06:37
Preview02:42
Preview01:23

Instalando y configurando Xcode
08:47
Instalando Node
02:53
Instalando Watchman
03:37
Instalando Cocoapods
01:53
Instalando Yarn
02:19
Creando una app de React Native
02:55
Ejecutando nuestra app en un emulador iPhone
03:08
Ejecutando nuestra app en un iPhone real
04:19
Debugger UI
03:08
React Devtools
04:13
Instalando Java JDK
01:49
Instalando Android Studio
04:19
Agregando Android al $PATH
01:58
Ejecutando nuestra app en un Android real
03:34
Ejecutando nuestra app en un emulador Android
03:13

¿Qué vamos hacer en esta sección?
02:14
Introducción a JSX
03:21
Conceptos básicos de React JS
04:23
Creando nuestra primera app en React JS
02:52
Estructura de React JS
07:44
Nuestro primer Componente en React JS
11:26
¿Que son los Props de React?
03:57
Pasando props básicos entre componentes
08:54
Pasando variables y objetos entre componentes por los props
06:07
Pasando funciones entre componente por los props
06:30
El uso de la Asignación por Destructuring
04:17
Props por defecto
02:11
Template Strings
03:15
Hook de estado - useState
08:37
Hook de efecto - useEffect
05:10

Resultado final de la aplicación
02:41
Código fuente del proyecto
00:33
Creando la app de React Native
05:47
Creando la estructura
08:12
Colores globales reutilizables
06:23
Modificando el StatusBar
02:34
Componente con Export Default y Export
07:03
Formulario de cotización
09:48
Añadiendo un Picker Select
06:03
Añadiendo el Diseño y valores al Picker Select
12:15
Guardando los datos del formulario en estados
11:23
Botón para ejecutar el calculo
12:21
Logica para calcular la cotizacion
08:42
Mostrando validaciones
07:39
Mostrando el resumen de la cotización
12:25
Recalculando automaticamente al cambiar algún dato
08:41

Resultado final de la aplicación
03:57
Código fuente del proyecto
00:25
Creando la app de React Native
04:46
Creando una app de Firebase
05:22
Conectando React Native con Firebase
06:47
Comprobando si el usuario esta logeado
07:28
Auth Screen
09:47
Control de formularios
12:05
Formulario de registro de usuarios
09:03
Guardando datos del formulario de registro en un estado
07:36
Validando formulario de registro
13:34
Registrando usuario en Firebase
07:34
Formulario de login
06:01
Guardando datos del formulario en un solo estado
08:37
Validando formulario de login
06:46
Realizando login contra firebase
03:45
ActionBar
10:11
Añadiendo funcionalidad al ActionBar
07:34
Formulario para crear cumpleaños
04:49
DatePicker - Selección de fechas
11:46
Guardando y mostrando fecha seleccionada
10:17
Guardando datos de los Inputs en el estado
04:19
Validando formulario de alta de cumpleaños
07:26
1/2 - Guardando el cumpleaños en firestore
09:08
2/2 - Guardando el cumpleaños en firestore
09:17
Separando los datos en firestore por usuarios
06:03
Obteniendo lista de cumpleaños
06:37
Separando cumpleaños próximos de cumpleaños pasados
16:27
Mostrando el listado de cumpleaños
07:59
Actualizando lista al crear un nuevo cumpleaños
04:50
Diferenciando cumpleaños actuales, próximos y pasados.
07:44
Mostrando los días que faltan para los cumpleaños próximos
07:20
Eliminando cumpleaños
07:09

Resultado final de la aplicación
06:37
Repositorio de la aplicación
00:28
Creando una cuenta en TheMovieDB
09:54
Abriendo el debugger-ui
04:22
Instalando React Native Paper
11:57
Configurando React Native Vector Icons
09:48
Instalando React Navigation 5
05:35
Creando el sistema de navegación
11:21
Botón para abrir el Drawer
04:53
Drawer personalizado
09:53
Pintando el contenido del Drawer
06:48
Configurando DarkTheme y LightTheme
11:02
Context con las preferencias de la app
12:29
Hook personalizado para obtener el PreferencesContext
04:39
Switch para cambiar de tema
05:37
Añadiendo el botón del buscador al header
07:57
Obteniendo las ultimas películas publicadas
15:37
Creando el carousel con React Native Snap Carousel
14:34
Solucionando el Warning de React Native Snap Carousel
02:49
Pintando las películas en el carousel
10:27
Obteniendo lo géneros de una película
15:09
Navegando a la screen de la película seleccionada
05:33
Obteniendo todos los géneros de películas
09:05
Pintando lo géneros disponibles de películas
10:38
Obteniendo las películas del genero seleccionado
06:31
Mostrando todas las películas obtenidas por genero
07:26
Diseño del carousel de películas
09:33
Obteniendo los datos de una película por su ID
05:00
Mostrando la carátula de la película
06:51
Creando un modal para videos
12:35
Reproductor de Videos de YouTube
11:28
Solucionando video en Android
04:59
Añadiendo el titulo y el genero de la película
04:55
Añadiendo la puntuación de la película
11:49
Añadiendo overview y fecha de publicación
03:49
Obteniendo las películas populares
04:50
Renderizando todas las películas
09:19
Añadiendo la información y la puntuación de cada película
09:17
Botón para cargar mas películas
09:38
Evento de click en las películas
02:19
Obteniendo nuevas películas y renderizandolas
06:44
Pintando cada uno de las películas
06:14
Botón para cargar mas películas
09:30
Función para buscar películas
04:55
Creando el buscador
10:08
Renderizando resultados de la busqueda
10:26

Resultado final de la aplicación
02:42
Repositorio de la aplicación
00:28
Creando un proyecto en Firebase y configurando Realtime Database
03:12
Conectando React Native con Firebase
04:48
Implementado NativeBase
06:26
Sistema de login y chat
06:17
Formulario de login
07:28
Guardando nombre de usuario selecionado
04:59
Creando el input para enviar mensajes
08:08
Obteniendo los datos del mensaje
05:19
Enviando mensaje a la base de datos
06:22
Android - Warning Setting a timer
01:59
Añadiendo el Header del chat
03:08
Obteniendo todos los mensajes del chat
04:09
Renderizando todos los mensajes del chat
08:48
Estructura del mensaje
07:38
Diferenciando mensajes
07:26
Mostrando la inicial del nombre de los mensajes de otros usuarios
04:31
Circulo con color dinamico
04:41
Bajando el chat para ver el ultimo mensaje al recibir o enviar uno nuevo
03:53

Resultado final de la aplicación
01:23
Repositorio de la aplicación
00:32
Creando el proyecto de Strapi
04:28
Creando el modelo New y endpoints
05:36
Estructura de la aplicación móvil
03:53
Obteniendo todas las ultimas 100 noticias
07:35
Solucionando Warning Network request failed
01:40
Renderizando todas las noticias
06:28
Dandole forma a la noticia
07:55
Abriendo la noticia en el navegador del teléfono
02:35
Abriendo la noticia en un navegador interno de nuestra aplicación
08:45

Requirements

Conocimientos mínimos de Html
Conocimientos de Javascript y del ES6
Ganas de crear App movil con React Native

Description

Gracias a este curso aprenderás desde los conceptos básicos de React Native, hasta lo más avanzados para crear cualquier tipo de APP completa desde cero.

Una vez terminado el curso serás capaz de crear cualquier tipo de aplicación móvil conectada a una base de datos sin necesidad de ayuda.

Seras capaz de crear cualquier Apps para Android y iOS
Frameworks UI para NativeBase y React Native Paper
Creación de componentes, hooks personalizados y su reutilización
Aprenderás a usar Context, Ref, State, Effect, Memo, etc...
React Navigation 5
Debugger-Ui, React Devtools y FBFlipper
Firebase y Firebase RealTime
Consumir API's nuestras y de terceros
Sistema de Temas con DarkTheme y LightTheme
Crearemos una app extra con Strapi + React Native
Aprenderemos a manejar autenticación en tiempo real con Firebase.
Virtualización un Sistema Android y iOS para hacer Debug.
Aprenderás a controlar los datos que fluyen por React Native entre componentes
Flujo de datos en tiempo real desde varios dispositivos con Firebase RealTime Database
Y muchas más sorpresas...

Lo mejor de todo, es que este curso no acaba aquí, va a tener continuas actualizaciones para ir mejorando la aplicación cada vez mucho más.

Who this course is for:

Desarrolladores Web
Programadores de aplicaciones móviles
Programadores de JavaScript
Programadores Frontend

Agustin Navarro Galdon

Frontend Developer

4.6 Instructor Rating
8,368 Reviews
91,963 Students
19 Courses

Soy un desarrollador de aplicaciones multiplataforma, mobile y E-Commerce con más de 7 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear APPs para que la gente las uses y mejorar su forma de trabajo, me encanta pensar que una simple aplicación puede resolver miles de problemas a miles de personas.

Aquí en Udemy, he tenido la increíble oportunidad de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas conforme la actualidad vaya cambiando y vosotros los vayáis necesitando.

React Native: Crea aplicaciones móviles reales iOS y Android

What you'll learn

Course content

Introducción5 lectures • 17min

Entorno de Desarrollo para Windows7 lectures • 24min

Entorno de Desarrollo para MacOS15 lectures • 52min

Conceptos básicos de React JS15 lectures • 1hr 21min

PROYECTO: Cotizador de prestamos16 lectures • 2hr 3min

PROYECTO: App de cumpleaños + Firebase33 lectures • 4hr 12min

React Navigation 57 lectures • 55min

PROYECTO: The Movie App46 lectures • 6hr 15min

PROYECTO: Chat Realtime20 lectures • 1hr 42min

PROYECTO: News + Strapi11 lectures • 51min

Requirements

Description

Who this course is for:

Instructor