Plataforma de educación online con React.js

Taller: 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.

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.

Este curso forma parte de:

Poster del curso
Avatar

Beto Quiroga

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

$ 35 USD

Accede de por vida a este curso

O actualiza a premium y accede a todos los cursos

Poster del curso
Avatar

Beto Quiroga

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

$ 35 USD

Accede de por vida a este curso

O actualiza a premium y accede a todos los cursos

¿Qué aprenderás?

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

¿Qué conocimientos necesitas?

Nivel

avanzado

+7horas

Temario del curso

¿Eres estudiante premium o has comprado este curso?Empieza aquí

Estructura, librerías y dependencias

Crearemos la estructura inicial del proyecto.

  • 1.1 - Listando los requerimientos18:48
  • 1.2 - Creando el proyecto e instalando dependencias19:03
  • 1.3 - Configuración de entorno18:21

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 API16:14
  • 2.2 - Testeando peticiones con Postman08:11
  • 2.3 - Creando nuestro store11:54
  • 2.4 - Actions y action creators17:38
  • 2.5 - Escribiendo reducers y probando Redux DevTools13:17

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 router13:23
  • 3.2 - Rutas privadas y rutas públicas13:23
  • 3.3 - Construyendo nuestor menú10:15
  • 3.4 - Referencias y navegación movil06:32
  • 3.5 JSON Web Token11:22
  • 3.6 - Página de Login29-jul.
  • 3.7 - Login con JWT08:35
  • 3.8 - Petición para login y registro09:02
  • 3.9 - Como se construyo la pagina de registro09:15
  • 3.10 - (Extra) Cómo se construyó la página de registro12:38

Páginas tipo grid

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

  • 4.1 - Validación del menu principal07:21
  • 4.2 - Componente banner09:24
  • 4.3 - Obteniendo data de profesores08:22
  • 4.4 - Grid de profesores08:11
  • 4.5 - Reutilizando componente banner07:59
  • 4.6 - Reutilizando componente profesor03:15
  • 4.7 - Grid de cursos12:32
  • 4.8 - Enlaces a páginas especificas06:10

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 home08:36
  • 5.2 -Diseñando el home y la comunidad18:33
  • 5.3 - Página del curso25:58
  • 5.4 - Temario del curso11:27
  • 5.5 - Características adicionales05:58
  • 5.6 - Página de especialidad16:16
  • 5.7 - Haciendo build por primera vez08:25

Deployment

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

  • 6.1 - Conociendo Zeit Now08:39
  • 6.2 - Subiendo el proyecto a la nube09:07
  • 6.3 - Leyendo API local08:56
  • 6.4 - Página de clase16:01
  • 6.5 - Terminando el proyecto18:09
  • 6.6 - Actualizando proyecto y repositorios16:32

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.