Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Aprende el enfoque BEM y la metodología Atomic Design
Rating: 4.6 out of 5(51 ratings)
1,487 students

Aprende el enfoque BEM y la metodología Atomic Design

¿Quieres llevar tus habilidades de diseño al siguiente nivel? ¡Este curso es para ti!
Created byJuan Ortiz
Last updated 10/2023
Spanish

What you'll learn

  • Desglose Atómico: Descubre cómo dividir tus diseños en componentes atómicos, como átomos, moléculas y organismos.
  • Diseño Consistente: Aprende a crear sistemas de diseño coherentes y escalables para tus proyectos.
  • Eficiencia de Desarrollo: Haz que tus desarrolladores amen tu código al crear componentes reutilizables.
  • Diseño Responsivo: Adapta tus diseños de manera efectiva a diferentes pantallas y dispositivos.
  • Ejemplos Prácticos: Aplica lo que aprendes en ejemplos del mundo real para consolidar tus habilidades.

Course content

2 sections9 lectures46m total length
  • Introducción2:21
  • Análisis del proyecto1:31
  • Preparando el proyeto1:52

    Por politicas de Udemy no puedo compartir el enlace de la herramienta, puedes buscar en Google Reset CSS

  • Creando los protones (opcional)8:06
  • Creando los Atomos8:16
  • Creando las Moléculas5:12
  • Creando los organismos3:59
  • Creando las Plantillas (Fin Curso ATOMIC DESIGN)8:21

Requirements

  • Conocimientos Básicos de Desarrollo Web: Si tienes conocimientos básicos de HTML y CSS, te ayudará a comprender mejor cómo se implementan los diseños en la web. Sin embargo, no es un requisito previo.

Description

¿Quieres llevar tus habilidades de diseño al siguiente nivel? ¡Este curso es para ti! Te presentamos un viaje emocionante hacia el mundo del diseño centrado en sistemas con la metodología Atomic Design, junto con la eficaz metodología BEM (Block Element Modifier).

¿Qué Aprenderás?

Desglose Atómico: Descubre cómo dividir tus diseños en componentes atómicos, como átomos, moléculas y organismos, utilizando la metodología Atomic Design.

Estructura de Clases BEM: Aprende a estructurar tus hojas de estilo y clases de manera organizada y eficiente utilizando la metodología BEM (Block Element Modifier).

Diseño Consistente: Crea sistemas de diseño coherentes y escalables para tus proyectos, manteniendo un enfoque claro en la reutilización de componentes.

Eficiencia de Desarrollo: Haz que tus desarrolladores amen tu código al crear componentes reutilizables y fácilmente mantenibles.

Diseño Responsivo: Adapta tus diseños de manera efectiva a diferentes pantallas y dispositivos, integrando la metodología BEM para un flujo de trabajo fluido.

Ejemplos Prácticos: Aplica lo que aprendes en ejemplos del mundo real, combinando Atomic Design y BEM para proyectos sólidos y eficientes.

¿Para Quién es Este Curso?

Este curso es adecuado tanto para diseñadores que buscan mejorar sus habilidades como para desarrolladores interesados en la integración de sistemas de diseño en proyectos web y móviles utilizando la metodología Atomic Design junto con BEM.

Who this course is for:

  • Este curso es adecuado tanto para diseñadores y desarrolladores front-end que buscan mejorar sus habilidades como para desarrolladores interesados en la integración de sistemas de diseño en proyectos web y móviles.