React: fundamentos hasta Full-stack! + Redux
3.9 (78 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
638 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React: fundamentos hasta Full-stack! + Redux to your Wishlist.

Add to Wishlist

React: fundamentos hasta Full-stack! + Redux

Comienza con el desarrollo front-end y back-end de forma práctica!
3.9 (78 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
638 students enrolled
Created by Victor Martinez
Last updated 7/2017
Spanish
Current price: $10 Original price: $90 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 13 hours on-demand video
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Desarrollar páginas con el framework de facebook: React
  • Integrar su desarrollo al servicio backend de Firebase
  • Autenticar usuarios, alojar archivos multimedia y consumir datos en tiempo real entre Firebase y React
View Curriculum
Requirements
  • Html
  • Css
  • Javascript
Description

El currículum del curso tiene como finalidad el desarrollo full-stack con React como front-end y Firebase como back-end o servidor. 

Inicia con un modulo para comprender los aspectos fundamentales del framework de React, desde la instalación hasta el desarrollo de una primera aplicación. 

El siguiente modulo profundiza en los aspectos de React y aquí el proyecto que vamos a desarrollar es de una complejidad mayor,es una "aplicación del cliente" del negocio y consiste en el menú de una empresa que vende comida a la carta con diferentes platillos todos ellos con una imagen, precio, nombre, descripción y cantidad,  dentro de sus finalidades tiene la de conectarse en tiempo real con la base de datos de Firebase sin embargo, como aún no se estudia esta parte, este proyecto se finalizará en un modulo posterior la parte de integración con Firebase. 

El modulo posterior corresponde al aprendizaje de Firebase de forma práctica, comenzamos desde el registro en dicha plataforma para posteriormente desarrollar una "aplicación del administrador" que nos permita administrar la página de los platillos, es decir, desde aquí el dueño del negocio va a crear, agregar y eliminar los platillos que quiere que los clientes vean en la aplicación desarrollada en el modulo anterior, en el desarrollo de esta aplicación vamos a utilizar la base de datos en tiempo real que nos proporciona Firebase para guardar los datos de nombre, precio, descripción de los platillos, además vamos a ocupar además el storage de Firebase para guardar las imágenes de nuestros platillos en línea y de está forma se puedan observar en la aplicación del cliente y finalmente vamos a utilizar el hosting de Firebase para subir esta aplicación en línea y el dueño o administrador del negocio pueda acceder a ella desde cualquier lugar.

En esté último modulo finalizaremos la "aplicación del cliente", y aquí vamos a conectarla con los datos que se almacenan desde nuestra "aplicación del administrador" en Firebase, de esta forma las modificaciones que el administrador realice en los datos de Firebase se verán reflejados en la aplicación cliente de forma inmediata. 

Who is the target audience?
  • Desarrolladores con experiencia en html, css y javascript
  • Personas que busquen un framework de desarrollo fácil, rápido y eficaz
  • Aquellos que busquen desarrollo de Single Page Application
Students Who Viewed This Course Also Viewed
Curriculum For This Course
78 Lectures
13:02:59
+
Introducción
1 Lecture 01:59
+
React: Fundamentos
19 Lectures 02:45:01

Preparar el entorno de desarrollo
04:26

Comenzando con React!
08:36

Comunicación entre Componentes
10:10

Data binding
15:51

Propiedades de los Componentes
16:20

Propiedades de los Componentes II
11:23

Instalación de Node.js
04:48

Instalación del entorno React
07:21

Primer desarrollo en el nuevo entorno
15:58

Integrando desarrollo con capa de datos
04:21

Implementando capa de datos
19:57

Implementando capa de datos II
07:14

Implementando capa de datos - Resumen
01:04


TodoApp II
10:33

TodoApp III
04:19

TodoApp Instalar Bootstrap
02:41

TodoApp Agregar Boostrap
02:57
+
React: Proyecto Final I Aplicación Cliente
15 Lectures 02:18:30
Instalación
01:49

Integrar Boostrap I
01:13

Integrar Bootstrap II
01:18

Primer Componente
06:05

Agregar capa de datos
05:35

Platillos: Componente
15:11

Platillos: Componente II
07:35

Ordenar: Componente I
10:51

Ordenar: Componente II
16:42

Pedidos: Componente
16:50

Pedidos: Componente II - Bebidas: Componente
11:49

Single Page Application I
13:10

Single Page Application II
09:31

Actualización: SPA con React Router Versión 4
11:50

Actualización: SPA con React Router Versión 4 - II
09:01
+
Firebase: Back-End, página del Administrador
21 Lectures 03:51:30
Introducción
02:34

Integrar Firebase
09:52

Platillo: Implementado la Forma (form)
05:03

Platillo: Persistencia en la Base de Datos
16:20

Platillo: Imagen I
12:10

Platillo: Imagen II - Cargar en el Storage
11:38

Platillo: Agregar Dirección de la Imagen en la Base de Datos
07:59

Alistar Platillos I
15:25

Alistar Platillos II
12:00

Alistar Platillos III: Integrando Bootstrap
14:18

Eliminar Platillo
16:21

Autenticación con Firebase I
08:29

Autenticación con Firebase II
13:56

Autenticación con Firebase III: Redirección
13:37

Autenticación con Firebase IV: Terminar Sesión
09:05

Autenticación con Firebase V: Agregar Platillos, cambio de reglas
13:33

Página de Administración: Deploy en Firebase
18:02

Extra I: Descarga Imagenes
02:00

Extra II: Agregar Bebidas I
19:58

Extra III: Agregar Bebidas II
06:27

Extra IV: Deploy de Bebidas
02:43
+
React: Proyecto Final III Aplicación Cliente con Firebase
4 Lectures 32:35
Integrar Firebase
02:38

Consumir datos: Alimentos y Bebidas - desde Firebase
14:10

Instalación del entorno para Deployment en heroku
07:21

Deployment en Heroku
08:26
+
Respuestas a preguntas en vídeo
3 Lectures 04:56
Actualización a eliminar platillos
01:32

Actualización a eliminar platillos II
00:36

Actualización a eliminar platillos III
02:48
+
Redux
8 Lectures 01:53:30
Preparar entorno de desarrollo Redux
04:10

Elementos esenciales de Redux
14:55

Obtener el state de Redux y suscribir funciones
15:18

Implementación de la nueva funcionalidad: práctica del estudiante.
13:03

Redux: TodoApp I
18:05

Redux: TodoApp II
17:47

Redux: TodoApp III eliminar tarea
19:22

Redux: TodoApp refactorizar inmutabilidad
10:50
+
React-Redux
7 Lectures 01:34:58
Preparar el entorno React Redux
02:49

Introducción React Redux
18:06

Introducción React Redux II
16:23

CombineReducers I
19:57

CombineReducers II - revisado.
19:45

Resumen React-Redux (opcional)
04:55

Applymiddleware, Redux Thunk
13:03
About the Instructor
Victor Martinez
3.9 Average rating
78 Reviews
638 Students
1 Course
Desarrollador

Es un desarrollador web y mobile con más de 3 años en el desarrollo, en su experiencia cuenta con varias aplicaciones para android y web. Tiene una pasión por aprender nuevas tecnologías y como a muchos programadores, también el desarrollo de videojuegos, actualmente cuenta con varios proyectos en proceso con la tecnología de Unity programando en el lenguaje C# y uno en la store de android. Además se encuentran en desarrollo aplicaciones web desarrolladas con la tecnología de Javascript tanto en el front-end --React como en el Backend --Node --Express --Meteor.