YoVDO

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

Offered By: EGATOR via YouTube

Tags

Web Development Courses Computer Science Courses Javascript Courses HTML Courses Responsive Design Courses CSS Grid Courses

Course Description

Overview

Create a responsive social media website with theme customization using HTML, CSS, and JavaScript in this comprehensive tutorial. Learn to build a fully functional site featuring a navigation bar, sidebar, notifications popup, stories section, post creation, feeds, messaging, and friend requests. Implement modern CSS techniques like variables, grid, flexbox, and responsive units. Develop interactive features including sidebar toggle, message search, modal functionality, and customizable font sizes and color themes. Perfect for beginners looking to tackle medium-sized web development projects and enhance their skills in creating dynamic, user-friendly interfaces.

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX