Curso React.js: Desarrollar una aplicación web real

Curso React.js: Desarrollar una aplicación web real

Información de: React.js

Aprende a desarrollar una aplicación web real con React.js basada en Componentes.

Domina una de las librerías javascript más utilizadas en el desarrollo Frontend web y mejora tus habilidades profesionales

React es la librería más utilizada en el Frontend del desarrollo web actual. Multitud de empresas y Startups la utilizan en sus proyectos. Aprenderla y dominarla te abrirá un camino de posibilidades.

Con este curso aprenderás a programar aplicaciones web de manera profesional con React.js desde cero.

Al final serás capaz de desarrollar una aplicación web real, utilizando un entorno de desarrollo profesional, manejar varias rutas y vistas y como dividir tu aplicación en pequeños componentes con su lógica, eventos y template.

Es un curso puramente práctico. A lo largo del curso te explicaré los fundamentos de React desarrollando desde cero una aplicación web donde implementaremos toda la teoría de React.

En este curso veremos:


  • Cómo configurar Webpack para trabajar con React, Babel y ES2015 sin dolores de cabeza.
  • Cómo utilizar CSSModules para modularizar tu CSS en base a componentes.
  • Cómo crear componentes y entender su ciclo de vida.
  • Diferenciar entre Componentes Statefull y Componentes Stateless.
  • Cómo pasar propiedades entre Componentes y propagar eventos a través de ellos.
  • Cómo crear varias vistas y rutas empleando la última versión de React-Router.
  • Cómo usar formularios y salvar datos.
  • Cómo añadir autenticación social
  • Persistencia de los datos con base de datos
  • Y despliegue en producción empleando Firebase como Backend.

Contenido:


Presentación

  • Bienvenida y presentación del curso (2:28)
  • Ecosistema de React.js (5:35)

¿Cómo funciona React.js?


IMPORTANTE
  • Dependencias a utilizar

Herramientas de desarrollo

  • JSX (5:46)
  • Node.js (2:15)
  • NPM (1:55)
  • Babel (3:09)
  • Webpack (1) (10:45)
  • Webpack (2) (11:37)

ECMAScript 6 / ES2015

  • Introducción a ES6/ES2015 (8:29)

Desarrollo de la aplicación

  • Creación del Componente App (17:28)
  • Comunicación de datos entre Componentes (props) (1) (13:28)
  • Comunicación de datos entre Componentes (props) (2) (20:09)
  • Manejando el Estado (7:25)
  • Gestión de Eventos (5:14)
  • Propiedad 'key' en colecciones (6:12)
  • Comportamiento del objeto 'this' en Componentes (8:35)
  • Manejo de Formularios (7:22)
  • Modificando el estado de un Componente mediante eventos (5:36)
  • Agregando funcionalidades (1) (14:28)
  • Agregando funcionalidades (2) (11:15)
  • Agregando funcionalidades (3) (9:41)
  • Eventos sintéticos

React-Router

  • Creación de rutas con React-Router v4 (15:24)
  • Rutas basadas en componentes (1) (15:03)
  • Rutas basadas en Componentes (2) (9:34)

Buenas Prácticas en React

  • Componentes Statefull y Stateless (6:00)
  • Uso de PropTypes (15:54)

Integración con Firebase

  • Creación de un proyecto en Firebase (6:21)
  • Añadiendo Autenticación Social (6:38)
  • Añadiendo funcionalidad de desconexión (13:14)
  • Añadiendo persistencia con base de datos (1) (9:08)
  • Añadiendo persistencia con base de datos (2) (2:38)
  • Despliegue en producción (5:21)

Conclusiones

Código de la webapp
  • Conclusiones y despedida (1:08)

Capturas:

React.js-fundamentos-1.th.jpg React.js-fundamentos-2.th.jpg React.js-fundamentos-3.th.jpg React.js-fundamentos-4.th.jpg React.js-fundamentos-5.th.jpg React.js-fundamentos-6.th.jpg React.js-fundamentos-7.th.jpg React.js-fundamentos-8.th.jpg

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 1.09 GB
  • Idioma: Español
  • Formadores: Carlos Azaustre
  • Contenido: 31 vídeos
  • Duración: Xh xxm
  • Nivel: Principiante
  • Archivos Base: Si incluye
  • Fecha de publicación: 2017
  • Empresa: Carlos Azaustre
¡No más Publicidad invasiva e intrusiva!

Hemos decidido quitar la publicidad invasiva e intrusiva, cada vez los anunciantes son más agresivos, con la finalidad de infectar y secuestrar los ordenadores de los navegantes. Por ese motivo hemos decidido quitar por completo los Pop-up y Pop-Under. Ahora te pedimos que simplemente desactives tu ADBlock o sistema anti-publicidad y apoyes a la comunidad con el mantenimiento, haciendo clic en los anuncios, por lo menos cada vez que entres a visitarnos. Ya sea en los que están encima de la caja de comentarios o debajo de la caja de portada, (Publicidad de productos) o los anuncios del acortador "Abelhux" (Publicidad de Google) Toda está publicidad es completamente segura. Esta acción es importante para seguir manteniendo los servidores de la comunidad, esperamos tu apoyo. Atte: TeamNsN.
Curso.ReactJS!
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Autor: RoBeRtS (27 Octubre 2018 00:35)
Gestión: [Actualizar]
Descargas: 2949 | Tamaño: 1.09 Gb
Ultima actividad: sin actividad
Contraseña: one2days21.com
Contenido:
Curso.ReactJS (4 Archivos)
rar 880D4F5G40545D.part1.rar (1000 Mb)
rar 880D4F5G40545D.part2.rar (118.38 Mb)
file DescargasNsN.url (184 b)
txt Informacion del archivo.txt (11.78 Kb)
Contraseña:
DescargasNsN
Página oficial:Enlace al artículo oficial

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

  • 41
  • 12 891

Añadir comentario

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Comentarios 41

  1. Offline
    matias 26 Enero 2019 17:07
    + 0 -
    Buenisimo muchas gracias
    Subi este por favor al parecer tambien esta muy bueno http://www.udemy.com/react-js-redux-es6-completo-de-0-a-experto-espanol/
  2. Offline
    mxcat 28 Diciembre 2018 05:20
    + 0 -
    Muchas Gracias como siempre los mejores
  3. Online Offline
    humberto2008 13 Diciembre 2018 02:45
    + 0 -
    Gracias por el aporte
    --------------------
    Humberto
  4. Offline
    cotcho 10 Noviembre 2018 19:46
    + 0 -
    gracias por el aporte
  5. Offline
    irraco 10 Noviembre 2018 11:38
    + +1 -
    Muy agradecido!
  6. Offline
    porch 9 Noviembre 2018 18:28
    + 0 -
    Excelente aporte, muchas gracias!!!
  7. Offline
    hacker_nivek 9 Noviembre 2018 15:28
    + 0 -
    ¡Muchas Gracias!
  8. Offline
    ciar 5 Noviembre 2018 13:59
    + 0 -
    muy bueno, gracias
  9. Offline
    al3xyn10r 3 Noviembre 2018 17:02
    + 0 -
    Gracias muy bueno
  10. Offline
    ajanel 2 Noviembre 2018 06:24
    + 0 -
    Excelente curso! muchas gracias!!!!
  11. Offline
    JOMMA 2 Noviembre 2018 05:44
    + 0 -
    Grcias por la aportacion.
    --------------------
    El que no vive para servir, no sirve para vivir
  12. Offline
    bernart 1 Noviembre 2018 11:37
    + 0 -
    Genial!! muchas gracias!
  13. Offline
    Ricard300 1 Noviembre 2018 10:31
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  14. Offline
    Agus D Ruiz 1 Noviembre 2018 02:36
    + 0 -
    Gracias por su aporte
    Saludos
    --------------------
    La vida es bella
  15. Offline
    matias34 31 Octubre 2018 02:40
    + 0 -
    muchas gracias descargando
    --------------------
    matias =)
  16. Offline
    mataku 30 Octubre 2018 11:30
    + 0 -
    Gracias por el aporte.
  17. Offline
    yonidep 30 Octubre 2018 05:18
    + 0 -
    thank you!!!
  18. Offline
    Dignorah Polanco 29 Octubre 2018 20:04
    + 0 -
    Gracias por el aporte, buen material
  19. Offline
    ciar 29 Octubre 2018 16:28
    + 0 -
    super aportazo, muchas gracias
  20. Online Offline
    tuxmy 29 Octubre 2018 15:42
    + 0 -
    Excelente aporte, mil gracias team NsN por compartir.
  21. Offline
    franco_28 29 Octubre 2018 14:40
    + 0 -
    Excelente, muchas gracias.
  22. Offline
    darkfox 29 Octubre 2018 03:14
    + 0 -
    gracias gran aporte!!!
  23. Offline
    angeldeathx 29 Octubre 2018 00:48
    + 0 -
    gracias gran aporte!!!
  24. Offline
    bascur 28 Octubre 2018 22:19
    + 0 -
    Wow que aporte
  25. Offline
    int2001 28 Octubre 2018 21:08
    + 0 -
    Gracias por el aporte
  26. Offline
    leonardowshi 28 Octubre 2018 13:46
    + 0 -
    Gracias por compartir!
  27. Offline
    sergio55555 28 Octubre 2018 09:20
    + +1 -
    Muchas gracias!!!
  28. Offline
    Maikyros 28 Octubre 2018 04:34
    + 0 -
    Genial.! Buen aporte.
  29. Offline
    cacapedo 27 Octubre 2018 22:23
    + 0 -
    -muchas gracias!!!
  30. Offline
    Castle_24 27 Octubre 2018 20:32
    + 0 -
    estupendo aporte, gracias!
  31. Offline
    angelll-007 27 Octubre 2018 20:29
    + 0 -
    Excelente aporte, gracias
  32. Offline
    juanjuanm 27 Octubre 2018 18:51
    + 0 -
    Muy buen aporte, sigue adelante.
  33. Offline
    polomagri 27 Octubre 2018 18:23
    + 0 -
    Excelente aporte, gracias por compartir
  34. Offline
    luifer227 27 Octubre 2018 16:54
    + 0 -
    Gracias por los cursos bro, que buenos aportes has hecho ultimamente. gracias
  35. Offline
    pedritos 27 Octubre 2018 15:48
    + 0 -
    Gracias por el aporte
  36. Offline
    pascualhf3 27 Octubre 2018 15:35
    + 0 -
    muchas gracias
  37. Offline
    ken21 27 Octubre 2018 15:18
    + +1 -
    @Roberts sube un curso de Mvc asp.net por favor..
  38. Offline
    kia2016 27 Octubre 2018 14:48
    + 0 -
    Gracias por este aporte...
  39. Offline
    yomero 27 Octubre 2018 14:38
    + 0 -
    gracias por el aporte!!!
  40. Offline
    lar_descargasnsn 27 Octubre 2018 12:48
    + 0 -
    ¡¡¡Gracias por el aporte!!!
  41. Offline
    basurapamisi 27 Octubre 2018 11:59
    + 0 -
    Gracias por compartir!!