1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Creando Proyectos con React JS

Creando Proyectos con React JS

Aprende a implementar las librerías mas utilizadas en proyectos de React JS, como Redux, Axios, React Router y Materialice CSS

Creando Proyectos con React JS
Comparte este curso
Carrera de Desarrollador Front-end
Este curso forma parte de la carrera

Desarrollador Front-end

Haz de tu sueño tu profesión y empieza una Carrera desde 9€/mes

Acceder

Descripción del curso

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

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


Contenido del curso

Proyecto Personas

02:24:10
  • Introduccion a Proyecto Personas02:31AVANCE
  • Explicacion del Proyecto Personas04:51
  • Instalación de Dependencias03:56
  • Configurando Redux09:40
  • Explicacion Redux03:00
  • Configurando Router05:59
  • Creando Actions Redux06:41
  • Conectando las vistas a Redux09:46
  • Creando Reducers07:02
  • Fetch con Axios05:58
  • Mostrando data en Componentes10:06
  • Estilizando Home07:26
  • Estilizando Cards04:43
  • Implementando Spinner05:30
  • Creando Ruta Detail07:45
  • Creando Actions06:38
  • Conectando User Detail Api08:12
  • Creando User Detail Cover08:19
  • Creando User Detail Body08:27
  • User Posts09:58
  • Estilizando Posts04:40
  • Conclusion Proyecto Personas03:02

Proyecto Login Redes Sociales

01:56:34
  • Introduccion al proyecto login redes sociales03:11
  • Preparando Ambiente06:52
  • Instalacion de Dependencias04:24
  • Creando app de facebook05:01
  • Creando Botones10:26
  • Agregando materialize css10:00
  • Agregando Font Awesome04:31
  • Agregando funcionalidad a boton de Facebook07:36
  • Reparando Error URL No Valido03:54
  • Guardando en local storage08:17
  • Configurando google login07:52
  • Manejando Response Google06:17
  • Creando Nav bar Home04:58
  • Agregando Imagen, Perfil y nombre13:56
  • Funcionalidad de logout09:45
  • Validaciones Finales04:19
  • Conclusion05:15

Proyecto Spotify

02:40:32
  • Introduccion a proyecto spotify03:37
  • Explicacion del Proyecto Spotify03:00
  • Explicacion de la estructura del proyecto03:36
  • Instalacion de Dependencias06:32
  • Creando Rutas del Proyecto09:46
  • Creacion de la UI Parte 112:49
  • Creacion de la UI Parte 209:08
  • Creando App Spotify05:45
  • Conectando proyecto a redux04:41
  • Configurando cliente de spotify03:25
  • Configurando Login Parte 109:33
  • Configurando Login Parte 206:29
  • Reparando error spotify01:35
  • Busqueda de canciones11:13
  • Creacion de reducer08:49
  • Cargando resultados de busqueda09:55
  • Estilizando resultados de canciones08:08
  • Redirigiendo a pantalla de reproduccion07:03
  • Implementando spinner03:06
  • Creacion de la UI del reproductor03:50
  • Solicitando canciones a spotify12:40
  • Manejando Response Spotify04:15
  • Finalizando Reproductor07:10
  • Conclusion Proyecto04:27

Proyecto Google Maps

01:24:00
  • Introduccion al proyecto01:55
  • Explicacion proyecto mapas01:35
  • Instalacion de dependencias01:55
  • High Order Components03:57
  • Implementando mapa11:46
  • Creando Credenciales04:37
  • Creando Botones06:05
  • Implementando marcadores11:03
  • Creando intervalo de reproduccion07:34
  • Creando funcion timer07:54
  • Funcionalidad Play / Stop07:46
  • Funcionalidad Next04:54
  • Funcionalidad previous07:08
  • Conclusion05:51

Valoraciones

4.3/5
12 Valoraciones
  • 5 ESTRELLAS
    67%
  • 4 ESTRELLAS
    17%
  • 3 ESTRELLAS
    8%
  • 2 ESTRELLAS
    0%
  • 1 ESTRELLAS
    8%
  • Alejandro Garcia Suarez
    Alejandro
      Garcia Suarez
    Incluir valoración media (en números)

  • Jordi Salom Peláez
    Jordi
      Salom Peláez
    Incluir valoración media (en números)

  • Jordan Villarreal
    Jordan
      Villarreal
    Incluir valoración media (en números)

  • Yovanny Olarte Novoa
    Yovanny
      Olarte Novoa
    Incluir valoración media (en números)

  • Luis Sosa
    Luis
      Sosa
    Incluir valoración media (en números)

    ok

  • César Alberto Escobar Simancas
    César Alberto
      Escobar Simancas
    Incluir valoración media (en números)

  • Adolfo Catral Sanabria
    Adolfo
      Catral Sanabria
    Incluir valoración media (en números)

  • Edgar J. Gómez Pérez
    Edgar J.
      Gómez Pérez
    Incluir valoración media (en números)

    Un buen aterrizaje en React js

  • Carlos Castro
    Carlos
      Castro
    Incluir valoración media (en números)

  • Paula Antonella Polacco
    Paula Antonella
      Polacco
    Incluir valoración media (en números)

  • Aitor Molinero Perdiguero
    Aitor
      Molinero Perdiguero
    Incluir valoración media (en números)

  • Jaime Zapata
    Jaime
      Zapata
    Incluir valoración media (en números)

    Un curso que hacía falta. Las explicaciones detalladas del profesor facilitan la comprensión y el entendimiento. Muy recomendable!!!

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 50€
GRATIS con la Suscripción
|Pago aplazado