Plataforma de educación online con React.js

Taller: Plataforma de educación online con React.js

avanzado
7 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Plataforma de educación online con React.js

Toma este curso
Plataforma de educación online con React.js

Taller: Plataforma de educación online con React.js

avanzado
+7 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Aprende a crear tu propia aplicación de cursos con React.js y basada en la experiencia de EDteam.

Nivel: avanzado
Fecha de lanzamiento: 25 de jul.
Duración: +7 horas
(Ver temario)
Calificación: 4.8
(Ver 64 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

En este Workshop aplicarás los conceptos de React.js para desarrollar desde cero tu propia aplicación de educación online como la de EDteam. Iremos desde la planificación hasta el despliegue de la aplicación en producción.

¿Qué aprenderás en este curso?

  • Planificar y estructurar un proyecto
  • Escribir componentes según atomic design
  • Utilizar el estado global
  • Desplegar tu app en un servidor
Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Temario del curso

Estructura, librerías y dependencias

Crearemos la estructura inicial del proyecto.

  • 1.1 - Listando los requerimientos

  • 1.2 - Creando el proyecto e instalando dependencias

  • 1.3 - Configuración de entorno

Configuración de nuestro store con Redux

Aprenderemos a iniciar el store y todas sus características luego de analizar los requisitos

  • 2.1 - JSON server API

  • 2.2 - Testeando peticiones con Postman

  • 2.3 - Creando nuestro store

  • 2.4 - Actions y action creators

  • 2.5 - Escribiendo reducers y probando Redux DevTools

Rutas y sistema de autenticación

Escribiremos nuestras rutas y las paginas de login y registro con JWT

  • 3.1 - Páginas del proyecto y react router

  • 3.2 - Rutas privadas y rutas públicas

  • 3.3 - Construyendo nuestor menú

  • 3.4 - Referencias y navegación movil

  • 3.5 JSON Web Token

  • 3.6 - Página de Login

  • 3.7 - Login con JWT

  • 3.8 - Petición para login y registro

  • 3.9 - Como se construyo la pagina de registro

  • 3.10 - (Extra) Cómo se construyó la página de registro

Páginas tipo grid

Comenzamos a consumir la data desde la API para imprimir nuestro contenido

  • 4.1 - Validación del menu principal

  • 4.2 - Componente banner

  • 4.3 - Obteniendo data de profesores

  • 4.4 - Grid de profesores

  • 4.5 - Reutilizando componente banner

  • 4.6 - Reutilizando componente profesor

  • 4.7 - Grid de cursos

  • 4.8 - Enlaces a páginas especificas

Páginas específicas y Build de la aplicación

Construiremos páginas para cada contenido y haremos el primer build de nuestra app

  • 5.1 - Utilizando banner para el home

  • 5.2 -Diseñando el home y la comunidad

  • 5.3 - Página del curso

  • 5.4 - Temario del curso

  • 5.5 - Características adicionales

  • 5.6 - Página de especialidad

  • 5.7 - Haciendo build por primera vez

Deployment

Aprenderemos a subir un build a producción y luego de añadir una nueva feature actualizaremos nuestro build

  • 6.1 - Conociendo Zeit Now

  • 6.2 - Subiendo el proyecto a la nube

  • 6.3 - Leyendo API local

  • 6.4 - Página de clase

  • 6.5 - Terminando el proyecto

  • 6.6 - Actualizando proyecto y repositorios

Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Empieza a aprender Plataforma de educación online con React.js

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$35USD

$360 240 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

64 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Ver más opiniones