Curso para crear Single Page Applications con React
Uriel Hernández
CTO
Las Single Page Applications son páginas o aplicaciones web que delegan las responsabilidades de actualización y routing al cliente, programando la interactividad totalmente con JavaScript: esto con el propósito de que carguen más rápido y el sitio se sienta más fluido. En este curso utilizaremos React, uno de los frameworks más populares de JavaScript para crear un clon de TikTok, TikTak Light
¿Ya tienes cuenta? Inicia sesión
A quién va dirigido
Devs con experiencia y fundamentos en React que quieran crear un proyecto completo. Devs que quieran aprender a usar en un proyecto real alguna de estas herremientas: react, react-router, Redux, styled components, react virtualize.
Contenidos
-
Duración total 6h 35m
-
7 módulos y 67 clases
-
Certificado digital y examen
-
Curso 100% online
Temario
-
check_circle_outlineMódulo 1 | 6 clases
Introducción
expand_more-
done_all
Clase 1
1.- Introducción al curso de Single Page Apps con React
-
done_all
Clase 2
Conocimientos previos [Curso React SPA]
-
done_all
Clase 3
Cómo instalar Node.js en Windows
-
done_all
Clase 4
Cómo instalar Node.js en Mac
-
done_all
Clase 5
Configurar el servicio web
-
done_all
Clase 6
Iniciar el proyecto con create-react-app
-
-
check_circle_outlineMódulo 2 | 8 clases
Routing en el cliente
expand_more -
check_circle_outlineMódulo 3 | 13 clases
Autenticación de usuarios
expand_more-
done_all
Clase 1
Qué es Redux
-
done_all
Clase 2
Flujo de cambios en Redux
-
done_all
Clase 3
Terminología en Redux
-
done_all
Clase 4
Instalar y configurar redux
-
done_all
Clase 5
Redux devtools
-
done_all
Clase 6
Mocking de autenticación
-
done_all
Clase 7
createSlice explicado
-
done_all
Clase 8
Redux thunks
-
done_all
Clase 9
Registro de usuarios
-
done_all
Clase 10
Inicio de sesión
-
done_all
Clase 11
Cerrar sesión
-
done_all
Clase 12
Persistencia de datos
-
done_all
Clase 13
Whitelist y blacklist redux-persist
-
-
check_circle_outlineMódulo 4 | 10 clases
Consumir servicios web
expand_more-
done_all
Clase 1
Crear el reducer para videos
-
done_all
Clase 2
Autenticación del servidor con JWT
-
done_all
Clase 3
Obtener videos
-
done_all
Clase 4
Formulario para subida de archivos
-
done_all
Clase 5
Subida de archivos
-
done_all
Clase 6
Mostrar videos
-
done_all
Clase 7
Configurar el reproductor de video
-
done_all
Clase 8
Mostrar videos individualmente
-
done_all
Clase 9
Perfil de usuario
-
done_all
Clase 10
Postear likes en un video
-
-
check_circle_outlineMódulo 5 | 19 clases
Styled components
expand_more-
done_all
Clase 1
CSS in JS [React Single Page Apps]
-
done_all
Clase 2
Fundamentos y configuración de styled components
-
done_all
Clase 3
Trabajando con props
-
done_all
Clase 4
Extendiendo estilos de otros componentes
-
done_all
Clase 5
Props y atributos
-
done_all
Clase 6
Nesting
-
done_all
Clase 7
Bloques reusables de CSS
-
done_all
Clase 8
Configurando un tema
-
done_all
Clase 9
Layout de la app
-
done_all
Clase 10
Estilizando la página de videos
-
done_all
Clase 11
Botones del vídeo
-
done_all
Clase 12
Navegación del encabezado y del pie de página
-
done_all
Clase 13
Formulario de inicio de sesión
-
done_all
Clase 14
Mostrar navegación y footer condicionalmente
-
done_all
Clase 15
Registro de usuario y rutas condicionales
-
done_all
Clase 16
Vista de la subida de archivos
-
done_all
Clase 17
Vista del perfil de usuarios
-
done_all
Clase 18
Botón para cerrar sesión
-
done_all
Clase 19
Vista individual de videos
-
-
check_circle_outlineMódulo 6 | 7 clases
Scroll infinito
expand_more-
done_all
Clase 1
Los desafíos de implementar scroll infinito
-
done_all
Clase 2
Configurando Infnite Loader y List
-
done_all
Clase 3
Mostrar videos en el contenedor de carga infinita
-
done_all
Clase 4
Paginación de videos
-
done_all
Clase 5
Integrar paginación con el contenedor de carga infinita
-
done_all
Clase 6
React Devtools
-
done_all
Clase 7
Detalles finales de la carga infinita
-
-
check_circle_outlineMódulo 7 | 4 clases
Deploy a producción
expand_more -
check_circle_outlineMódulo 9.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
Uriel Hernández 🍎 Instructor
CTO
Nuestros planes Premium incluyen:
Todos los cursos
Acceso ilimitado a +150 cursos exclusivos de programación
Certificados en cursos seleccionados
Aprueba el examen para obtener un certificado.
Clases en vivo y grabaciones
Clases en vivo para complementar los cursos.
Cursos basados en proyectos
Cursos para desarrollar proyectos desde 0.
Únete a miles de estudiantes
Participa en una comunidad de +500 mil estudiantes
Aprendizaje 24/7 en donde sea
Lleva contigo los cursos en nuestra app de Android
Cómo califican los estudiantes este curso:
4.5
701.0 Valoraciones
Preguntas frecuentes
-
¿Cuándo empieza el curso?
Los cursos de Código Facilito son 100% online On-demand lo que significa que están grabados y los puedes empezar cuando quieras y a tu propio ritmo.
-
¿Cómo funciona la membresía premium?
Al suscribirte tendrás acceso ilimitado a todos los cursos de Código Facilito. En tu cuenta podrás agregar cursos, ver cualquier video, tener seguimiento de tus cursos y en los cursos que lo indican: presentar un examen al final y obtener un certificado digital. Además tendrás acceso exclusivo a clases premium semanales que son en vivo donde puedes hacer preguntas al instructor.
Cada mes agregamos nuevos contenidos, actualizando cursos existentes y cursos completamente nuevos.
La membresía se actualiza de manera recurrente y puedes cancelar en cualquier momento desde tu cuenta en un par de clics. -
¿Qué puedo aprender en Código Facilito?
Nos especializamos en programación: desde lo básico hasta lo pro. Frontend, HTML5, CSS, JavaScript, backend con Python, Rails y mucho más. Puedes explorar nuestro catálogo completo aquí.
-
Tengo otra pregunta, ¿dónde los contacto?
Te atendemos con gusto en [email protected]