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

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

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.