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

YouTube

Build and Deploy a Responsive Personal Portfolio Website Using HTML, CSS, and JavaScript

EGATOR via YouTube

Overview

Learn to build and deploy a modern responsive personal portfolio website using HTML, CSS, and JavaScript in this comprehensive video tutorial. Create a stunning portfolio with features like light-dark theme, mobile responsiveness, accordion for FAQs, client testimonial carousel, functioning contact form, floating navigation, and captivating animations. Follow step-by-step instructions to structure your project, design the top navbar, implement helper styles, craft a floating navbar, and develop the header and resume sections. Gain hands-on experience with JavaScript functionality for the floating navbar and resume components. Explore essential web development tools and libraries, including Google Fonts, Iconscout, SwiperJS, Mixitup, and Animate on Scroll. By the end of this tutorial, you'll have the skills to create an impressive online presence to showcase your work and talents.

Syllabus

Intro Project Demo
Hosting & FREE Domain
Project Folder Structure
Top Navbar
General CSS Helper styles
Navbar CSS
Floating Navbar HTML & CSS
Header HTML & CSS
Resume HTML & CSS
Floating Navbar JavaScript
Resume JavaScript
Projects HTML

Taught by

EGATOR

Reviews

Start your review of Build and Deploy a Responsive Personal Portfolio Website 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.