Isotipo EDteam

#NoTeDetengas

EDteam Logo
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 Julio
Duración: +7 horas
(Ver temario)
Calificación: 4.8
(Ver 102 opiniones)

Comparte:

Acerca de este curso

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?

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

¿A quién está dirigido este curso?

  • A quienes quieren aplicar todo lo aprendido durante los primeros cursos de la especialidad.
  • A quienes quieran conocer las bases de cómo la plataforma de EDteam ha sido construida.

Profesor del curso

Avatar

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 páginas 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

Profesor del curso

Avatar

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

Sigue aprendiendo con

Angular Desde Cero

Angular Desde Cero

Avatar

Luis Aviles

5

4.6

Vue.js desde cero

Vue.js desde cero

Avatar

Josh Ospina Tafur

5

4.4

Java desde Cero

Java desde Cero

Avatar

Alexys Lozada

5

4.7

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

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

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

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 (+178 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+178 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • Ver todas las características

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

Sólo este curso

$35USD

$30 20 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?

102 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

Angular Desde Cero

Angular Desde Cero

Avatar

Luis Aviles

5

4.6

Vue.js desde cero

Vue.js desde cero

Avatar

Josh Ospina Tafur

5

4.4

Java desde Cero

Java desde Cero

Avatar

Alexys Lozada

5

4.7