Curso para crear Single Page Applications con React

4.5/5.0

2732 Estudiantes

Curso para crear Single Page Applications con React

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

4.5/5.0

2732 Estudiantes

Profesor:

Uriel Hernández

CTO

Este curso incluye:

Certificado de finalización
6h 35m
horas de contenido
Recursos descargables

Empezar curso

Este curso incluye:

Certificado de finalización
6h 35m
horas de contenido
Recursos descargables

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.

Temario

Módulo 1 | 6 clases

Introducción

Clase 1

1.- Introducción al curso de Single Page Apps con React

Clase 2

Conocimientos previos [Curso React SPA]

Clase 3

Cómo instalar Node.js en Windows

Clase 4

Cómo instalar Node.js en Mac

Clase 5

Configurar el servicio web

Clase 6

Iniciar el proyecto con create-react-app

Módulo 2 | 8 clases

Routing en el cliente

Clase 1

Router del cliente

Clase 2

Configurar react-router v6

Clase 3

Definir rutas

Clase 4

Links de navegación

Clase 5

Rutas anidadas

Clase 6

Navegación con JavaScript

Clase 7

Leyendo parámetros

Clase 8

Ranking de rutas

Módulo 3 | 13 clases

Autenticación de usuarios

Clase 1

Qué es Redux

Clase 2

Flujo de cambios en Redux

Clase 3

Terminología en Redux

Clase 4

Instalar y configurar redux

Clase 5

Redux devtools

Clase 6

Mocking de autenticación

Clase 7

createSlice explicado

Clase 8

Redux thunks

Clase 9

Registro de usuarios

Clase 10

Inicio de sesión

Clase 11

Cerrar sesión

Clase 12

Persistencia de datos

Clase 13

Whitelist y blacklist redux-persist

Módulo 4 | 10 clases

Consumir servicios web

Clase 1

Crear el reducer para videos

Clase 2

Autenticación del servidor con JWT

Clase 3

Obtener videos

Clase 4

Formulario para subida de archivos

Clase 5

Subida de archivos

Clase 6

Mostrar videos

Clase 7

Configurar el reproductor de video

Clase 8

Mostrar videos individualmente

Clase 9

Perfil de usuario

Clase 10

Postear likes en un video

Módulo 5 | 19 clases

Styled components

Clase 1

CSS in JS [React Single Page Apps]

Clase 2

Fundamentos y configuración de styled components

Clase 3

Trabajando con props

Clase 4

Extendiendo estilos de otros componentes

Clase 5

Props y atributos

Clase 6

Nesting

Clase 7

Bloques reusables de CSS

Clase 8

Configurando un tema

Clase 9

Layout de la app

Clase 10

Estilizando la página de videos

Clase 11

Botones del vídeo

Clase 12

Navegación del encabezado y del pie de página

Clase 13

Formulario de inicio de sesión

Clase 14

Mostrar navegación y footer condicionalmente

Clase 15

Registro de usuario y rutas condicionales

Clase 16

Vista de la subida de archivos

Clase 17

Vista del perfil de usuarios

Clase 18

Botón para cerrar sesión

Clase 19

Vista individual de videos

Módulo 6 | 7 clases

Scroll infinito

Clase 1

Los desafíos de implementar scroll infinito

Clase 2

Configurando Infnite Loader y List

Clase 3

Mostrar videos en el contenedor de carga infinita

Clase 4

Paginación de videos

Clase 5

Integrar paginación con el contenedor de carga infinita

Clase 6

React Devtools

Clase 7

Detalles finales de la carga infinita

Módulo 7 | 4 clases

Deploy a producción

Clase 1

Media queries con styled components

Clase 2

Manejo de variables de entorno

Clase 3

Generar el build

Clase 4

Deploy a Firebase Hosting

Módulo 8.-
Examen del curso
- Examen
  
  Examen final del curso

Valoraciones

4.5

794.0 Valoraciones

3 (0.4%)

5 (0.6%)

28 (3.5%)

326 (41.1%)

432 (54.4%)

Profesor

Uriel Hernández

CTO

Desarrollador Web con más de 7 años de experiencia. He trabajado con Ruby, JavaScript, Go en distintos proyectos en producción. Me apasiona la creación de productos y soy un fanático de la web.

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]