Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building Clean UI in Drupal with Single Directory Components and Shoelace

Drupal Association via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Discover how to build modern, clean user interfaces in Drupal without becoming a front-end specialist by leveraging Single Directory Components (SDCs) and Shoelace Web Components. Learn a scalable, framework-free approach that avoids the complexity and opinions of traditional front-end frameworks like React or Vue while still delivering contemporary UI experiences. Explore practical implementation strategies for integrating Web Components within SDCs to create reusable, maintainable elements that work seamlessly with Drupal's existing systems including Twig templating, Layout Builder, and Paragraphs. Examine real-world examples and understand the trade-offs involved in adopting this sustainable, future-friendly UI development approach. Gain insights into how full-stack Drupal developers can create professional user interfaces without requiring deep front-end framework expertise, making this solution ideal for developers who prefer working within Drupal's ecosystem rather than external design tools.

Syllabus

I’m Not a Front-End Dev: Building Clean UI in Drupal with SDCs and Shoelace

Taught by

Drupal Association

Reviews

Start your review of Building Clean UI in Drupal with Single Directory Components and Shoelace

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.