Library

Course: Creando 4 proyectos con React Js

Creando 4 proyectos con React Js

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
About this Course

En este curso vamos a aprender a implementar de forma sencilla y rapida las librerías mas populares y utilizadas por desarrolladores frontend tales como Google Maps, Spotify SDK, Login con redes sociales (Facebook y Google), utilizandolas en los 4 proyectos incluidos.

En cada uno de los proyectos utilizaremos los conceptos esenciales de React Js acompañados de librerias de gran potencial tales como Redux para el control de los estados de nuestra app, Axios para la creacion de peticiones http y React Router para el control de las distintas pantallas de nuestros proyectos. Ademas de Materialize CSS para los estilos.

Who is the target audience?

  • Cualquiera que desee realizar proyectos de nivel intermedio con React Js
Basic knowledge
  • Conocimiento en React Js en un nivel básico
  • Conocimiento en Javascript
  • ES6
  • Programacion Básica
What you will learn
  • Aprende a utilizar google maps dentro de React Js
  • Aprende a utilizar el SDK de Spotify de Javascript
  • Aprende a manejar React Router
  • Aprende a crear Login con redes sociales en React Js
  • Maneja un consumo de API a traves de Redux y axios
  • Uso de google console y facebook developers console
Curriculum
Number of Lectures: 79
Total Duration: 08:34:24
Introducción
  • Introducción  

    Introduccion al curso construyendo 4 proyectos con React.JS

    • Proyecto Personas
    • Proyecto Login con Redes sociales
    • Proyecto Reproductor Spotify
    • Proyecto Maps
Proyecto Personas
  • Introduccion a Proyecto Personas  

    Introducción al proyecto Personas

  • Explicacion del Proyecto Personas  

    Explicación de la maqueta de nuestro proyecto.

  • Instalación de Dependencias  
  • Configurando Redux  

    Configuracion de la estructura redux en nuestro proyecto

  • Explicación Redux  

    Explicación del flujo de redux en una aplicacion de React JS

  • Configurando Router  

    Creacion de Rutas utlizando React Router

  • Creando Actions Redux  

    Creacion de Actions con Redux

  • Conectando las vistas a Redux  

    Realizando la conexion entre el componente y redux

  • Creando Reducers  

    Creacion de Reducer principal

  • Fetch con Axios  

    Consumiento API Rest con Axios

  • Mostrando data en Componentes  

    En este video vamos a mostrar la informacion que viene de la API y esta en la store de Redux en nuestros componentes

  • Estilizando Home  

    Estilizando Componente Home con Materialize Css y Google fonts

  • Estilizando Cards  

    Estilizando Cards Utilizando Materialize Cards 

  • Implementando Spinner  

    Implementando Spinner para mostrar antes de que cargue el documento utilizando react spinners

  • Creando Ruta Detail  
  • Creando Actions  
  • Conectando User Detail Api  
  • Creando User Detail Cover  
  • Creando User Detail Body  
  • User Posts  
  • Estilizando Posts  
  • Conclusion Proyecto Personas  
Proyecto Login Redes Sociales
  • Proyecto Login Redes Sociales - Introduccion  
  • Preparando Ambiente  
  • Proyecto Login Redes Sociales - Instalacion de Dependencias  
  • Creando App Facebook  
  • Creando Botones de Redes Sociales  
  • Agregando Materialize Css  
  • Agregando Font Awesome  
  • Agregando funcionalidad a boton de Facebook  
  • Reparando Error URL No valido  
  • Guardando en Local Storage  

    Guardando data en Local Storage

  • Configurando Google Login  
  • Manejando Response Google  
  • Creandoo Nav Bar Home  
  • Agregando Imagen, Perfil y Nombre  
  • Funcionalidad de Logout  
  • Validaciones Finales  
  • Conclusion Proyecto Redes sociales  
Proyecto Spotify
  • Proyecto Spotify - Introducción  
  • Explicación del proyecto Spotify  
  • Explicacion de la estructura del proyecto Spotify  
  • Proyecto Spotify - Instalacion de Dependencias  
  • Creando Rutas del Proyecto  
  • Creacion de la UI Parte 1  
  • Creacion de la UI Parte 2  
  • Creando App de Spotify  
  • Conectando Proyecto a Redux  
  • Configurando Client de Spotify  
  • Configurando Login Spotify Parte 1  
  • Configurando Login Spotify Parte 2  
  • Reparando Error Spotify  
  • Búsqueda de Canciones  
  • Creacion de Reducer  
  • Cargando Resultados de busqueda  
  • Estilizando Resultados de Canciones con materialize css  
  • Redirigiendo a pantalla de reproduccion  
  • Proyecto Spotify - Implementando Spinner  
  • Creacion de la UI de Reproductor  
  • Solicitando Canciones a Spotify  
  • Manejando Response de Spotify  
  • Finalizando Reproductor  
  • Conclusion Proyecto Spotify  
Proyecto Google Maps
  • Proyecto Google Maps - Introducción  
  • Explicacion Proyecto Mapas  
  • Proyecto Google Maps - Instalacion de Dependencias  
  • High Order Components React  
  • Implementando Mapa  
  • Creando Credenciales  
  • Creando Botones  
  • Implementando Marcadores Mapa  
  • Creando Intervalo de reproduccion  
  • Creando Funcion Timer  
  • Funcionalidad Play/Stop  
  • Funcionalidad Next  
  • Funcionalidad Previous  
  • Optimizando Codigo  
  • Conclusion Final  
Reviews (0)