Build an Interactive Settings Panel - Treehouse Live

About this Workshop

Want to code out a real-world project with Dustin? Follow along with our Treehouse Live replay as he builds a settings panel UI from scratch with just HTML and CSS. Then, he refactors the app with JavaScript to render parts of the UI dynamically. Stick around to the end to find out how he implements a dark mode toggle for the settings panel itself with an event listener!

What you'll learn

• forEach() method
• Arrays
• Objects
• CSS & SCSS
• CSS variables
• JavaScript
• toggle-switches

Teacher

• Dustin Usey

  Dustin is a passionate developer, lifelong learner, and Technical Evangelist for Treehouse.

Download videos

You need to sign up for Treehouse in order to download course videos.