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