BDS for developers

Master the development side of the Better Design System (BDS). This course teaches you how to set up your environment, use BDS web components and translate Figma designs into functional Angular code with best practices for styling, accessibility, and collaboration.
  • Level: Beginner
    Duration: 1 h
    Educator: Tanja Gomilar
    Language: English
Empty space, drag to resize

What will you learn?

  • How to set up and configure an Angular project with BDS packages.
  • What web components are, how they work, and why they’re beneficial.
  • How to use Shadow DOM, slots, properties, events, and styling techniques.
  • How to interpret Figma design specs and use Storybook for documentation and testing.
  • How to build a real-world form using BDS components and Angular reactive forms.
  • How to apply BDS design tokens and CSS variables for consistent styling.

Course details

About the educator

Tanja Gomilar

Tanja is a Frontend Developer at Better, where she specializes in building scalable, accessible, and design-system-driven applications for healthcare. With a strong background in Angular and web components, she bridges the gap between design and development, ensuring seamless implementation of the Better Design System (BDS). Tanja is passionate about developer experience, UI consistency, and empowering teams to build faster with reusable components.