Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Mobile Development React

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

Aprende a crear aplicaciones iOS y Android con React Native, React Navigation 5, Firebase, RealTime, Strapi, Hooks y más
Rating: 4.6 out of 54.6 (436 ratings)
2,141 students
Created by Agustin Navarro Galdon
Last updated 1/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

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...
Curated for the Udemy for Business collection

Course content

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

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

  • Instalar Chocolatey
    07:03
  • Instalando Node.js, Python y Java JDK
    02:59
  • Instalando y configurando Android Studio
    03:25
  • Agregando Android al $PATH
    04:01
  • Creando una app de React Native
    01:40
  • Ejecutando nuestra app en un emulador Android
    03:06
  • Debugger UI
    01:47

  • 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

  • Instalando y configurando React Navigation 5
    07:51
  • Creando Screen para la navegación
    09:24
  • Navegando entre screens
    04:53
  • Creando un TabNavigation
    04:51
  • Combinando TabNavigation con StackNavigation
    10:51
  • Viajando a una Screen oculta de otro Stack
    07:01
  • DrawerNavigation
    09:41

  • 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

Instructor

Agustin Navarro Galdon
Frontend Developer
Agustin Navarro Galdon
  • 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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.