Beto Quiroga
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
Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.
Especialidades
Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.
Aprende con proyectos
Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.
Comunidad
No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.
Seguimiento de aprendizaje
Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.
Clases en vivo
Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.