Este curso inicia a partir del uso de un router en el cliente con React, por lo que se asumen algunos conocimientos de la librería como son:
Funcionamiento base de React Creación de componentes Ciclo de vida de un componente Manejo de props y el state Uso de hooks en React
Si no cumples alguno de estos requisitos, puedes tomar primero el curso Profesional de React, en el que se cubren estas partes fundamentales. Si crees que cubres la mayoría de los requisitos, te recomiendo acompañar el seguimiento de éste curso, con el de React, repasando únicamente los temas en los que sientes que necesitas un refuerzo.
Curso Profesional de React 93%
Uriel Hernandez
Adicionalmente, estaremos usando ampliamente JavaScript, y características modernas del lenguaje como son:
Arrow functions Destructuring assignment Manejo de módulos Tagged templates Entre otros
Si aún estás comenzando con JavaScript, o no estás familiarizado con estos conceptos modernos del lenguaje, te recomiendo repasar el curso Profesional de JavaScript:
Curso Profesional de JavaScript 92%
Uriel Hernandez
También se recomiendan funtamentos de HTML y CSS. Particularmente para el bloque de styled componentes, estaremos haciendo uso de múltiples propiedades de CSS, mismas que iremos explicando a lo largo del curso.
Por último, te recomendaría tomar el curso para Consumir APIs con AJAX, ya que a lo largo del curso estaremos usando AJAX extensivamente, a lo largo de dicho curso hablaré de distintas formas de hacer peticiones, enviar información, políticas CORs y otros conceptos que complementarán tu aprendizaje.
Curso para consumir APIs con AJAX 94%
Uriel Hernandez
Continuemos.
-
Módulo 1 | 6 clases
Introducción
expand_more-
play_circle_outline
Clase 1
1.- Introducción al curso de Single Page Apps con React
-
play_arrow
Clase 2
Conocimientos previos [Curso React SPA]
-
play_circle_outline
Clase 3
Cómo instalar Node.js en Windows
-
play_circle_outline
Clase 4
Cómo instalar Node.js en Mac
-
play_circle_outline
Clase 5
Configurar el servicio web
-
play_circle_outline
Clase 6
Iniciar el proyecto con create-react-app
-
-
Módulo 2 | 8 clases
Routing en el cliente
expand_more-
play_circle_outline
Clase 1
Router del cliente
-
play_circle_outline
Clase 2
Configurar react-router v6
-
play_circle_outline
Clase 3
Definir rutas
-
play_circle_outline
Clase 4
Links de navegación
-
play_circle_outline
Clase 5
Rutas anidadas
-
play_circle_outline
Clase 6
Navegación con JavaScript
-
play_circle_outline
Clase 7
Leyendo parámetros
-
play_circle_outline
Clase 8
Ranking de rutas
-
-
Módulo 3 | 13 clases
Autenticación de usuarios
expand_more-
play_circle_outline
Clase 1
Qué es Redux
-
play_circle_outline
Clase 2
Flujo de cambios en Redux
-
play_circle_outline
Clase 3
Terminología en Redux
-
play_circle_outline
Clase 4
Instalar y configurar redux
-
play_circle_outline
Clase 5
Redux devtools
-
play_circle_outline
Clase 6
Mocking de autenticación
-
play_circle_outline
Clase 7
createSlice explicado
-
play_circle_outline
Clase 8
Redux thunks
-
play_circle_outline
Clase 9
Registro de usuarios
-
play_circle_outline
Clase 10
Inicio de sesión
-
play_circle_outline
Clase 11
Cerrar sesión
-
play_circle_outline
Clase 12
Persistencia de datos
-
play_circle_outline
Clase 13
Whitelist y blacklist redux-persist
-
-
Módulo 4 | 10 clases
Consumir servicios web
expand_more-
play_circle_outline
Clase 1
Crear el reducer para videos
-
play_circle_outline
Clase 2
Autenticación del servidor con JWT
-
play_circle_outline
Clase 3
Obtener videos
-
play_circle_outline
Clase 4
Formulario para subida de archivos
-
play_circle_outline
Clase 5
Subida de archivos
-
play_circle_outline
Clase 6
Mostrar videos
-
play_circle_outline
Clase 7
Configurar el reproductor de video
-
play_circle_outline
Clase 8
Mostrar videos individualmente
-
play_circle_outline
Clase 9
Perfil de usuario
-
play_circle_outline
Clase 10
Postear likes en un video
-
-
Módulo 5 | 19 clases
Styled components
expand_more-
play_circle_outline
Clase 1
CSS in JS [React Single Page Apps]
-
play_circle_outline
Clase 2
Fundamentos y configuración de styled components
-
play_circle_outline
Clase 3
Trabajando con props
-
play_circle_outline
Clase 4
Extendiendo estilos de otros componentes
-
play_circle_outline
Clase 5
Props y atributos
-
play_circle_outline
Clase 6
Nesting
-
play_circle_outline
Clase 7
Bloques reusables de CSS
-
play_circle_outline
Clase 8
Configurando un tema
-
play_circle_outline
Clase 9
Layout de la app
-
play_circle_outline
Clase 10
Estilizando la página de videos
-
play_circle_outline
Clase 11
Botones del vídeo
-
play_circle_outline
Clase 12
Navegación del encabezado y del pie de página
-
play_circle_outline
Clase 13
Formulario de inicio de sesión
-
play_circle_outline
Clase 14
Mostrar navegación y footer condicionalmente
-
play_circle_outline
Clase 15
Registro de usuario y rutas condicionales
-
play_circle_outline
Clase 16
Vista de la subida de archivos
-
play_circle_outline
Clase 17
Vista del perfil de usuarios
-
play_circle_outline
Clase 18
Botón para cerrar sesión
-
play_circle_outline
Clase 19
Vista individual de videos
-
-
Módulo 6 | 7 clases
Scroll infinito
expand_more-
play_circle_outline
Clase 1
Los desafíos de implementar scroll infinito
-
play_circle_outline
Clase 2
Configurando Infnite Loader y List
-
play_circle_outline
Clase 3
Mostrar videos en el contenedor de carga infinita
-
play_circle_outline
Clase 4
Paginación de videos
-
play_circle_outline
Clase 5
Integrar paginación con el contenedor de carga infinita
-
play_circle_outline
Clase 6
React Devtools
-
play_circle_outline
Clase 7
Detalles finales de la carga infinita
-
-
Módulo 7 | 4 clases
Deploy a producción
expand_more -
check_circle_outlineMódulo 8
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-