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

YouTube

Build and Deploy a Light and Dark Mode Portfolio Using HTML, CSS, and JavaScript

Code with Ania Kubów via YouTube

Start learning Write review
Great Learning Ad

Learn Python with Generative AI - Self Paced Online

Learn More → Simplilearn Ad

UC San Diego Product Management Certificate — AI-Powered PM Training

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn to build and deploy a portfolio website featuring both light and dark mode options using HTML, CSS, and JavaScript. Follow along as the instructor guides you through the entire process, from project setup to creating a responsive design. Explore key concepts such as implementing a mode switch, using query selectors, adding event listeners, and styling various elements for both light and dark themes. Discover how to incorporate custom fonts, background images, and create a mobile-friendly layout. By the end of this comprehensive tutorial, you'll have the skills to create an impressive, customizable portfolio website with seamless mode-switching functionality.

Syllabus

Intro
Buying a Domain
Project Setup
Creating the Switch
Query Selector
Event Listener
Dark Mode
Moon
Text
Contact
Height
Header
White Text
Sub Section
Squares
Width
Subsection
Adding Fonts
Adding H2 Tags
Adding A Tags
Adding A Footer
Adding Background Images
Rejigging Images
Mobile Testing
Responsiveness
Links

Taught by

Code with Ania Kubów

Reviews

Start your review of Build and Deploy a Light and Dark Mode Portfolio Using HTML, CSS, and JavaScript

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.