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

YouTube

Responsive Social Media Website With Theme Customization Using HTML CSS & JavaScript

EGATOR via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner project tutorial guides learners through creating a responsive social media website with HTML, CSS, and JavaScript. It covers the interface markup and styling, responsive layouts, and interactive features including message filtering, modal controls, and theme customization.

Syllabus

Intro Project Preview
Project Setup & Plugins
Navigation Bar Markup
CSS General Styles and CSS Variables
Navigation Styles
Main and Left Profile and Sidebar Menus and Notification Popup Markup
Main and Left Profile and Sidebar Menus and Notification Popup Styles
Stories and Create Post Markup
Stories and Create Post Styles
Feeds/Posts Markup
Feeds/Posts Styles
Messages and Friend Request Markup
Messages and Freind Request Styles
Theme Customization Modal Markup
Theme Customization Modal Styles
Responsive Design | CSS Media Queries
Sidebar Menu Items Toggle Functionality in JavaScript
Filter messages using JavaScript
Modal Open and Close Functionality using JavaScript
Font Size Customization using JavaScript
Primary Color Theme Customization using JavaScript
Background Theme Color Customization using JavaScript

Taught by

EGATOR

Reviews

Start your review of Responsive Social Media Website With Theme Customization Using HTML CSS & 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.