Botón para abrir el Menú Botón para cerrar el Menú
Logo da empresa Alura
Iniciar Sesión Nuestros Planes
Formaciones Conoce a Luri
  • Programación _
  • Front End _
  • Data Science _
  • DevOps _
  • Innovación y Gestión _
Front End > React
curso de

React: Styled Components y manipulando archivos estáticos

Es parte de los cursos de React en Front End. Discusiones sobre este curso

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

28/05/2024

¿Ya eres alumno?

Comienza el curso ahora

12h

p/ conclusión

55

Actividades

211

Minutos de video

2289

Alumnos en este curso

9.4

Note del curso

Certificado de participación

Formación con este curso

  • Explora React con JavaScript

Instructores

  • Daniel Riverol

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
Precios en:
USD
  • USD
  • BOB
  • CLP
  • COP
  • USD
  • PEN
  • MXN
  • UYU
  • USD
  • GTQ
  • CRC
  • DOP

Semestral

  • 353 cursos

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

  • Acceso a TODOS los cursos por 6 meses
  • 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$ 72.50
un solo pago de US$ 72.50
¡QUIERO EMPEZAR A ESTUDIAR!

Anual

  • 353 cursos

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

  • Acceso a TODOS los cursos por 1 año
  • 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$ 109.90
un solo pago de US$ 109.90
¡QUIERO EMPEZAR A ESTUDIAR!

Puedes realizar el pago de tus planes en moneda local en los siguientes países:

País
Plan Semestral
536.17 BOB
72510.25 CLP
315616.49 COP
72.50 USD
278.05 PEN
1465.34 MXN
3143.16 UYU
72.50 USD
582.43 GTQ
38206.10 CRC
4452.30 DOP
Plan Anual
812.76 BOB
109915.55 CLP
478431.06 COP
109.90 USD
421.48 PEN
2221.25 MXN
4764.60 UYU
109.90 USD
882.89 GTQ
57915.18 CRC
6749.07 DOP
*valores aproximados calculados en función a la tasa de cambio

Acceso a todos
los cursos

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

Nuevos cursos
cada semana

Navegación

  • Planes
  • Instructores
  • Blog
  • Política de privacidad
  • Términos de uso
  • Sobre nosotros
  • Preguntas frecuentes

¡CONTÁCTANOS!

  • ¡Quiero entrar en contacto!

Blog

  • Programación
  • Data Science
  • Front End
  • Innovación y Gestión
  • DevOps

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

NOVEDADES Y LANZAMIENTOS

Aliados

  • Programa de aceleração Scale-Up Endeavor
  • En Alura somos unas de las Scale-Ups seleccionadas por Endeavor, programa de aceleración de las empresas que más crecen en el país.
  • Growth Academy 2021 do Google For Startups
  • Fuimos unas de las 7 startups seleccionadas por Google For Startups en participar del programa Growth Academy en 2021
Alura

Powered by

Caelum

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

Cursos

Cursos de Programación
Lógica de Programación | Java
Cursos de Front End
HTML y CSS | JavaScript | React
Cursos de Data Science
Data Science | Machine Learning | Excel | Base de Datos | Data Visualization | Estadística
Cursos de DevOps
Docker | Linux
Cursos de Innovación y Gestión
Transformación Ágil | Marketing Analytics

Alura

  • Educação em Tecnologia

    • logo fiap FIAP
    • logo casa do codigo Casa do Código
    • logo pm3 PM3 - Cursos de Produto
  • Mais Alura

    • logo alura start START BY Alura
    • logo alura lingua Alura Língua
    • logo alura para empresas Alura Para Empresas
    • logo alura latam Alura LATAM
  • Comunidade

    • logo tech guide Tech Guide
    • logo 7 days of code 7 days of code
    • logo Hipsters ponto Jobs Hipsters ponto Jobs
  • Podcasts

    • logo Hipster Network Hipster Network
    • logo Hipsters ponto Tech Hipsters ponto Tech
    • logo Dev sem fronteiras Dev sem Fronteiras
    • logo Like a Boss Like a Boss
    • logo IA Sob Controle IA Sob Controle
    • logo Mesa de Produto Mesa de Produto
    • logo Decode Decode
    • logo FIAPCast FIAPCast