Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Curso Básico de React: Proyecto Práctico Paso a Paso
Rating: 4.6 out of 5(131 ratings)
2,429 students

Curso Básico de React: Proyecto Práctico Paso a Paso

Aprende los fundamentos de React y aplica tus conocimientos con un proyecto práctico desde cero
Created byJuan Ortiz
Last updated 1/2025
Spanish
Spanish [Auto],

What you'll learn

  • Props: Aprende cómo transmitir datos entre componentes y aprovechar al máximo la reutilización de código.
  • Estados: Gestiona datos internos de los componentes para crear aplicaciones dinámicas y responsivas.
  • Hooks: Descubre cómo reutilizar lógica de componentes de forma eficiente y moderna con hooks como useState y useEffect.
  • Eventos: Domina la interacción con el usuario mediante eventos como clics, formularios y más.
  • Renderizado Condicional: Implementa lógica para mostrar u ocultar contenido en función de condiciones específicas.
  • Landing Page con React: Crea una landing page profesional paso a paso como proyecto práctico para consolidar tus conocimientos.

Course content

1 section • 17 lectures • 1h 25m total length

  • Introducción1:15
  • Creación del proyecto1:14
  • Limpieza del proyecto1:13
  • Instalación y configuración de tailwind css1:45
  • Cambio de título y favicon del sitio1:42
  • Instalación de fuentes personalizadas1:23
  • Instalación de iconos personalizados1:36
  • Definiendo la estructura base2:43
  • Definiendo el html base del componente navbar3:30
  • Definiendo la navegación en la nav4:56
  • Nav de redes sociales - Definiendo la navegación y los iconos4:06
  • Definiendo los estilos de la navbar9:37
  • Creación del botón de hamburguesa12:52
  • Creación del menú para dispositivos móviles11:32
  • Agregando una imagen como fondo del sitio web5:16
  • Definiendo el contenido del hero10:27
  • Ajustes finales10:29

Requirements

  • Conocimientos básicos de HTML, CSS y JavaScript
  • Familiaridad con herramientas de desarrollo web
  • Tener instalado Node.js y npm
  • Entusiasmo por aprender y practicar

Description

Sumérgete en el fascinante mundo de React JS, la biblioteca JavaScript más utilizada para construir interfaces de usuario modernas y dinámicas. En este curso, aprenderás desde los conceptos básicos hasta técnicas prácticas para desarrollar aplicaciones web interactivas con la ayuda de Vite, una herramienta que acelera y simplifica el desarrollo en React.

¿Qué aprenderás?

  1. Props:

    • Aprende cómo transmitir datos entre componentes y aprovechar al máximo la reutilización de código.

  2. Estados:

    • Gestiona datos internos de los componentes para crear aplicaciones dinámicas y responsivas.

  3. Hooks:

    • Descubre cómo reutilizar lógica de componentes de forma eficiente y moderna con hooks como useState y useEffect.

  4. Eventos:

    • Domina la interacción con el usuario mediante eventos como clics, formularios y más.

  5. Renderizado Condicional:

    • Implementa lógica para mostrar u ocultar contenido en función de condiciones específicas.

  6. Landing Page con React:

    • Crea una landing page profesional paso a paso como proyecto práctico para consolidar tus conocimientos.

¿Por qué tomar este curso?

  • React JS: Una de las bibliotecas más demandadas en el mercado laboral, ideal para construir aplicaciones web modernas.

  • Vite: Experimenta un desarrollo rápido y eficiente gracias a esta herramienta que optimiza el rendimiento.

  • Enfoque práctico: Aprende mientras desarrollas una aplicación real, combinando teoría y práctica.

¿A quién está dirigido este curso?

  • Desarrolladores principiantes que desean iniciarse en React.

  • Programadores con experiencia en JavaScript que buscan dominar el desarrollo moderno de front-end.

  • Cualquiera interesado en crear aplicaciones web dinámicas y profesionales.

¡Inscríbete ahora y lleva tus habilidades de desarrollo al siguiente nivel con React JS 2025!

Who this course is for:

  • Desarrolladores principiantes que desean iniciarse en React. Programadores con experiencia en JavaScript que buscan dominar el desarrollo moderno de front-end. Cualquiera interesado en crear aplicaciones web dinámicas y profesionales.

Report abuse