Desarrollo de aplicaciones web con React Nivel Básico
Este curso se encuentra en proceso de actualización para adaptarlo a las últimas tendencias. Si estás interesado/a haz clic en “Me interesa” y te avisaremos en cuanto esté disponible.
12 lecciones
Manual (pdf)
Online y a tu ritmo
Español
Nivel iniciación
Conocimientos previos: Ninguno
Requisitos: ordenador y conexión a internet
Acceso ilimitado durante 3 meses
¡Bienvenidos, futuros desarrolladores de React!
En el mundo del desarrollo web, React se ha convertido en una de las bibliotecas de JavaScript más influyentes y ampliamente utilizadas. Si estás dando tus primeros pasos en el desarrollo web o deseas adentrarte en el emocionante mundo de React, has llegado al lugar adecuado. Este curso de React – Nivel Básico está diseñado para introducirte en los conceptos fundamentales de React y brindarte las habilidades necesarias para crear tus propias aplicaciones web interactivas.
El proyecto final de este curso será emocionante: el desarrollo de una Aplicación Simple de Lista de Tareas. Crearás una aplicación que te permitirá agregar, eliminar y marcar tareas como completadas. Este proyecto te permitirá aplicar todos los conocimientos adquiridos a lo largo del curso y te servirá como base para futuras exploraciones en el mundo de React.
Si estás listo para sumergirte en el mundo de React y aprender a crear aplicaciones web interactivas desde cero, este curso es el punto de partida perfecto. No importa si eres un principiante en programación web o si tienes experiencia previa; al finalizar, habrás construido una aplicación funcional y estarás listo para continuar explorando las posibilidades infinitas de React. ¡Comencemos esta emocionante travesía!
- Instalar Node.js y npm
- Uso de create-react-app
- Puesta a punto para empezar
- ¿Qué son los componentes en React?
- Palabras reservadas
Lección 4.- Props
- Pasar variables de un componente padre a un componente hijo
- Recibir props en el componente hijo
- Uso de destructuring para props
- Propiedades por defecto
- Introducción a los hooks
- Comprender el estado local
- Utilizar useState
- Ejercicio práctico
Lección 6.- Renderizado Condicional
- Uso de condicionales para renderizar componentes
Lección 7.- Elementos Inputs en React
- Actualizar valores de elementos input usando useState
- Ejercicio práctico
Lección 8.- React Developer Tools
- Instalación de la extensión del navegador
- Explicación de opciones relevantes
Lección 9.- Bucles en React
- Repaso de JavaScript: Mutabilidad e inmutabilidad de arrays
- Uso del método Array.Map
- Atributo key en listas
Lección 10.- Filtrar Arrays usando el Estado
- Repaso de JavaScript: Array.filter
Lección 11.- Proptypes
- Importancia del uso de Proptypes
- Instalación del paquete prop-types a través de npm
- Cómo utilizar Proptypes
Lección 12.- Refs y useRef
- Qué son las refs?
- ómo utilizar refs con useRef
Proyecto Final: Creación de una aplicación de lista de tareas.
Este curso se encuentra en proceso de actualización para adaptarlo a las últimas tendencias. Si estás interesado/a haz clic en “Me interesa” y te avisaremos en cuanto esté disponible.