curso de

React: Styled Components y manipulando archivos estáticos

Resumen del curso

  • Montar un servidor de desarrollo con Vite
  • Utilizar Styled-components para crear y estilizar un navbar, un banner y más
  • Diseña e implementa componentes React para mostrar imágenes y leyendas
  • Aplica estilos personalizados y accesibles a una galería de fotos
  • Agrega una barra lateral de imágenes populares y un pie de página

Público Objetivo

El curso está destinado a desarrolladores principiantes e intermedios en React que deseen mejorar sus habilidades en la creación y estilización de componentes, utilizando Vite como servidor de desarrollo y aprovechando el uso de Styled Component.

Contenido relacionado

Cursos de React en Front End

Lea nuestros artículos de Front End

Última atualização

20/03/2024

¿Ya eres alumno?

Comienza el curso ahora

12h

p/ conclusión

55

Actividades

211

Minutos de video

12

Alumnos en este curso

Certificado de participación

Formación con este curso

Instructores

  • Soy Dani, analista de sistemas y desarrollador web. Además de mi trabajo en el desarrollo web, comparto mi experiencia como docente de programación. Me encanta inspirar y guiar a futuros desarrolladores en su camino hacia la maestría técnica. Mi compromiso va más allá de la excelencia técnica; también me esfuerzo por ofrecer una enseñanza efectiva, buscando constantemente mejorar mis habilidades y las de mis estudiantes.

Contenido Detallado

  1. Creando proyecto

    • Creando el proyecto
    • Fondo con gradiente
    • Normalizando el CSS
  2. Componenstes y fuentes iniciales

    • Cabecera
    • Barra lateral
    • Estructura Item de navegación
    • Instalando fuentes #1
    • Instalando fuentes #2
  3. Creando galería

    • Creando layout desktop
    • Galería
    • Trabajando con etiquetas
    • Importando fotos
  4. Trabajando con modales

    • Visualización ampliada
    • Estado del modal
    • Fondo con opacidad
  5. Agregando a favoritos

    • Hora de los favoritos
    • Alternando estados
    • Cazando bugs
    • Deploy

Aprende React con este y otros cursos, ¡comienza ahora!

Precios en:
USD
  • USD
  • BOB
  • CLP
  • COP
  • USD
  • PEN
  • MXN
  • UYU

Semestral

  • 270 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 6 meses
US$ 65.90
un solo pago de US$ 65.90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Anual

  • 270 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 12 meses
US$ 99.90
un solo pago de US$ 99.90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Acceso a todos
los cursos

Estudia las 24 horas,
dónde y cuándo quieras

Nuevos cursos
cada semana