Course Description

Este curso es práctico y va al grano, preparándote para programar en el mundo real, el de verdad. Hay muchos cursos online que repiten lo que dice el manual, o que se centran en hacer ejercicios sin interés o aplicación real, como otro gestor de TODOs.


Con videos cortos y centrados en el tema a tratar conseguimos no aburrirte y mantener tu interés, a la vez que trabajas las habilidades necesarias de manera focalizada. Y los ejercicios intercalados con la teoría hacen todo más ameno y ayuda a fijar los conocimientos.


Con este curso online aprenderás cómo encaja React en el ecosistema de las librerías JavaScript, entenderás perfectamente los principios de arquitectura y diseño del software detrás de React y sabrás aplicarlo para solucionar problemas reales.


React.js es una librería creado por Facebook para poder crear JavaScript más optimizado y mejor organizado que las soluciones anteriores. Es rápido, escalable y flexible, lo que le convierte en una solución ideal para aplicaciones de mediana y gran escala.


  • Ligero, usar React en producción no nos añade montones de código inservible como hacen otros frameworks.
  • Veloz, gracias a la utilización de técnicas de DOM Virtual, React es muy rápido y con gran rendimiento.
  • Otra manera de pensar en una aplicación, ya que React utiliza técnicas basadas en la programación funcional y en la programación reactiva. Programa de manera más sencilla.


El curso se imparte con ES6.

Profesor

Carlos de la Orden

Toca el Ukelele y programa en JavaScript.

Course curriculum

  • 1

    Tema 0 - Preparación

    • Bienvenida

    • Repaso de JavaScript

    • Repaso de ES6

    • Modalidad de trabajo
  • 2

    Tema 1 - Qué es React.js

    • SPAs: Single Page Applications

    • De página web a aplicación web

    • Introducción a React.js

    • Ejercicio: preparación del entorno de desarrollo

    • Soluciones tema 1

    • Documentación Tema 1
  • 3

    Tema 2 - Construyendo componentes React.js

    • Repositorio del tema 2

    • Conceptos clave

    • Ejercicio: crea tu primer componente

    • JSX y propiedades

    • Ejercicio: añade componentes

    • Validación de props

    • Eventos

    • Ejercicio: contador

    • Soluciones tema 2

    • Documentación Tema 2
  • 4

    Tema 3 - UI complejas mediante composición

    • Repositorio del tema 3

    • Composición 1

    • Ejercicio: cronómetro

    • Formularios

    • Ejercicio: buscador (parte 1)

    • Ejercicio: buscador (parte 2)

    • Ejercicio: buscador (parte 3)

    • Ejercicio: buscador (parte 4)

    • Ejercicio: buscador (parte 5)

    • Ejercicio: buscador (parte 6)

    • Ejercicio: buscador (parte 7)

    • Ejercicio: buscador (parte 8)

    • Ejercicio: buscador (parte 9)

    • Ciclo de vida de un componente

    • Ejercicio: ecommerce (parte 1)

    • Ejercicio: ecommerce (parte 2)

    • Ejercicio: ecommerce (parte 3)

    • Ejercicio: ecommerce (parte 4)

    • Ejercicio: ecommerce (parte 5)

    • Ejercicio: ecommerce (parte 6)

    • Soluciones tema 3

    • Documentación Tema 3
  • 5

    Tema 4 - Redux

    • Repositorio del tema 4

    • Qué es Redux

    • Stores y Reducers

    • Conectar React y Redux

    • Ejercicio: ecommerce

    • Ejercicio: creación del Store

    • Ejercicio: módulo Catalog

    • Selectores

    • Ejercicio: modulo y componente Cart (parte 1)

    • Ejercicio: modulo y componente Cart (parte 2)

    • Mapear Dispatch a Props

    • Middleware

    • Ejercicio: módulo Order

    • Ejercicio: componente Checkout

    • Ejercicio: pantalla final

    • Soluciones tema 4

    • Documentación Tema 4
  • 6

    Tema 5 - React y Redux en el mundo real

    • Repositorio tema 5

    • Herramientas de desarrollo

    • Uso de React Dev Tools

    • React Router

    • Rutas anidadas

    • Ejercicio: añadir rutas al ecommerce

    • React Router avanzado

    • Ejercicio: añadir React Router al ecommerce

    • Ejercicio: terminar rutas

    • API Rest

    • Ejercicio: carga de catálogo de manera asíncrona

    • Normalización de datos

    • Ejercicio: normalización de datos

    • Resumen

    • Soluciones tema 5

    • Documentación Tema 5
  • 7

    Tema 6 - Testing

    • Repositorio tema 6

    • Mocha

    • Aserciones y mocking

    • Ejercicio: preparar el entorno de prueba

    • Test de componentes

    • Ejercicio: carrito de la compra

    • Ejercicio: modulo Cart

    • Test de Action Creators

    • Ejercicio: Test de Action Creators

    • Cobertura de código

    • Soluciones tema 6

    • Documentación Tema 6
  • 8

    Tema 7 - Final

    • Encuesta de satisfacción

    • Próximos pasos

Reviews

5 clasificación por estrellas

Genial !!

Manuel Álvarez

En general está super bien, he hecho varios de React y ninguno es tan claro y tan bien explicado como este. Enhorabuena !! Espero que os animéis con este for...

Más información

En general está super bien, he hecho varios de React y ninguno es tan claro y tan bien explicado como este. Enhorabuena !! Espero que os animéis con este formato online y con estos precios y hagáis ediciones de Javascript avanzado (ES6), Node y puestos a pedir Polymer JS

Menos información
4 clasificación por estrellas

Opinión acerca del curso

Mapal Software

Está muy bien, es un curso con una progresión de dificultad buena, muy bien explicado. La primera parte, la de react, se hace fácil de entender y se interior...

Más información

Está muy bien, es un curso con una progresión de dificultad buena, muy bien explicado. La primera parte, la de react, se hace fácil de entender y se interiorizan pronto los conceptos. La segunda parte, la de redux, tal vez sea la más compleja, en general está bien, pero tal vez requiera que se le eche más tiempo y se hagan más ejercicios y ejemplos para interiorizar todos los conceptos. En general muy bien.

Menos información

Pricing options

Explain how different pricing options might be valuable to different segments of your audience.