React-Native + Redux + Redux-Saga + INSTAGRAM Clone
4.1 (467 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,028 students enrolled

React-Native + Redux + Redux-Saga + INSTAGRAM Clone

Aprende a realizar aplicaciones iOS y Android con React-Navite, Firebase como back-end, ES6, redux-form y mucho más...
4.1 (467 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,028 students enrolled
Created by Victor Martinez
Last updated 2/2019
Spanish
Spanish [Auto]
Current price: $23.99 Original price: $34.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 19.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Creación de aplicaciones para iOS
  • Creación de aplicaciones para Android
  • Conocimientos en el desarrollo del Back-End con Firebase
  • Aprender y aplicar la nueva sintaxis de ES6 en un proyecto real
  • Aprender como funciona Redux
  • Manejo de formas con Redux-Form
  • Manejo de Redux-Saga ( aprende a realizar tus efectos secundarios de manera sencilla)
  • Aprender a realizar la navegación en tus aplicaciones con React-Navigation
Course content
Expand all 94 lectures 19:33:41
+ Introducción a React-Native
10 lectures 01:44:32
3. Descargar App de Expo para iOS y Android.
01:55
4. Instalación del simulador iOS.
03:55
5. Instalación de WatchMan.
04:20
6. Introducción a React y React-Native
13:10
7. Introducción a Styles
09:19
9. Introducción al State
21:23
10. Introducción a las Propiedades
19:42
+ ToDo App
9 lectures 02:14:28
11. toDo App: inicia
10:39
12. toDo App: agregar componente Input
19:37
13. toDo App: trabajar con el Array
16:09
14. toDo App: trabajar con Listas
15:43
15. toDo App: crear Component Tarea y agregar Iconos
16:21
16. toDo App: eliminar Tareas
15:56
17. toDo App: trabajar con AsyncStorage para persistencia de datos
15:17
18. toDo App: AsyncStorage y Ciclos de Vida de los Componentes de React
15:16
19. toDo App: ActivityIndicator
09:30
+ Iustagram ( clone )
61 lectures 13:55:08
20. Iustagram: inicia el proyecto se integra Eslint
08:36
22. Iustagram: Navegación entre StackNavigator
14:04
23. Iustagram: Configuración del StackNavigator
13:02
24. Iustagram: TabNavigator
17:49
25. Iustagram: StackHome
17:19
26. Iustagram: Navegación del StackHome
18:48
27. Iustagram: Navegación del StackSearch
17:53
28. Iustagram: StackFollow nested routes
21:31
29. Iustagram: Style StackFollow, concluye react-navigation
04:30
30. Iustagram: autenticación introducción y requisitos
01:53
31. Iustagram: instalación de redux react-redux
01:41
32. Iustagram: integración de react-redux, createStore, combineReducers
20:04
33. Iustagram: connect, mapStateToProps, mapDispatchToProps
16:54
34. Iustagram: integración redux-form
18:17
36. Iustagram: redux-form Field
11:35
37. Iustagram: validación de la form
19:08
38. Iustagram: SignInForm
09:58
39. Iustagram: Style SignIn SignUp
13:59
40. Iustagram: Integración con Firebase
06:20
41. Iustagram: servicios de Firebase
12:35
42. Iustagram: middleware
04:43
43. Iustagram: implementación de middleware
17:14
44. Iustagram: integración de redux-saga
18:57
45. Iustagram: introducción a generators
06:59
46. Iustagram: redux-saga effects takeEvery, call
18:23
47. Iustagram: llamada a base de datos
19:49
48. Iustagram: llamada a base de datos II
04:59
49. Iustagram: login en firebase
19:24
50. Iustagram: refactorizar
15:21
51. Iustagram: state de la sesión
18:47
52. Iustagram: routes dependiendo del state sesión
06:55
53. Iustagram: seleccionar Imagen
14:06
54. Iustagram: Style Imagen SignUp
09:54
55. Iustagram: Reducer ImagenSignUp
20:07
56. Iustagram: refactorizar
04:21
57. Iustagram: validación de la Imagen en form
14:48
58. Iustagram: registro en el hosting de Imagenes
08:20
59. Iustagram: upload Image
18:19
60. Iustagram: upload Image y escribir en base de datos
15:04
61. Iustagram: configurar el Component Add
16:34
62. Iustagram: seleccionar cámara roll o cámara
18:31
63. Iustagram: StackAdd seleccionar imagen
08:55
64. Iustagram: SeleccionarGaleriaForm
14:00
65. Iustagram: Style SeleccionarGaleriaForm
07:35
66. Iustagram: subir imagen de la publicación
15:42
68. Iustgram: escribir texto de la foto en base de datos
05:49
69. Iustagram: agregar autor a la publicación
15:27
70: Iustagram: relación autores publicaciones
10:22
71: Iustagram: descargar publicaciones
15:39
72. Iustagram: creando objeto de la publicación
11:32
73: Iustagram: convertir el objeto de firebase a un array
13:35
74. Iustagram: imágenes de publicaciones
16:29
75. Iustagram: agregar item a component Publciacion
14:32
76. Iustagram: descargar autores
17:20
77. Iustagram: agregar autores a Publicacion
15:35
78. Iustagram: agregar iconos al footer
11:10
79. Iustagram: redirección en el componente SeleccionarGaleria
21:09
80. Iustagram: indicar al usuario el estado de la publicación
17:45
+ redux
3 lectures 39:32
I. redux
17:39
redux II
12:29
redux III
09:24
+ Instalación del entorno en Windows
9 lectures 35:15
I. Instalación de node
02:39
II. instalación expo cli
05:19
III. Proyecto expo cli
05:23
IV. Instalación del JDK
03:00
V. Instalación de Android Studio
05:21
VI. Instalación Android Studio II
03:40
VII. Instalación Android Studio III
02:51
VIII. Instalación Android Studio IV
02:58
IX. Aplicación de Expo en AVD
04:04
+ Actualizaciones
2 lectures 24:46

Actualización importante, es necesaria para resolver errores a mayo del 2018. 

Actualización Mayo I.
05:24

Se soluciona el problema Missing camera roll permission. 

Actualización. Mayo. II.
19:22
Requirements
  • Conocimientos en Javascript, HTML
Description

Estás listo para comenzar a desarrollar aplicaciones para android y iOS?

Estás listo para desarrollar aplicaciones con usuarios autenticados? 

Estás listo para comenzar a conectar tus aplicaciones con un servicio de Back-End?

Estás listo para aprender y aplicar la nueva sintaxis de ES6?

Entonces este curso es para ti!!!

El enfoque de este curso es totalmente práctico, vamos a desarrollar tres aplicaciones, cada una de ellas nos llevará de la mano a la siguiente, para que de está forma tu aprendizaje sea progresivo, y no te veas bombardeado por mucha información que después no sabes como aplicar.

La primera aplicación es un pequeño contador, parece muy pequeña app pero aquí vamos a aprender conceptos como flexbox, styles, props, state, que son fundamentales para el desarrollo con react-native.

La segunda aplicación es una toDo App, aquí vamos a aprender cosas como trabajar con listas, trabajar con arrays, hacer inputs, comunicación entre componentes, ciclos de vida, y demás elementos que te permitirán desarrollar aplicaciones más complejas.

La tercera aplicación es una producto mínimo viable de Instagram, aquí es en donde aprenderás conceptos más avanzados, en realidad aprenderás el entorno de desarrollo de aplicaciones en react-native, entre otras cosas aprenderás redux, el manejo de formas con redux-form, conectarte con el servicio de Firebase como back-end de tu aplicación, aprenderás a hacer llamadas asíncronas como si fueras sincrónicas con redux-saga, entre otras cosas más, lo genial es que vas a aprender a realizar la conexión entre todos estos elementos, y esto te va a dar las bases para que desarrolles prácticamente cualquier aplicación que tengas en mente.

Y en eso no termina, como parte de la actualización de el curso agregaré en base a sus comentarios para profundizar en lo que tú requieras, además de eso siempre estoy disponible en la sección de preguntas para poder auxiliarte en tu desarrollo, espero que el curso sea de tu agrado, te envío un saludo!


  

Who this course is for:
  • Personas que estén interesadas en desarrollar aplicaciones para iOS y android
  • Personas que quieran aprender los elementos para utilizar Firebase como backend en sus aplicaciones
  • Personas que quieran entender como funciona redux y sus diferentes componentes