YoVDO

HTML CSS Javascript Website Tutorial - Responsive Beginner JS Project with Smooth Scroll

Offered By: Brian Design via YouTube

Tags

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

Course Description

Overview

Build a responsive website with HTML, CSS, and JavaScript in this comprehensive tutorial. Learn to create a fully functional site featuring a smooth scroll effect and dynamic navbar highlighting. Follow along step-by-step to construct key components including a navbar, hero section, about section, services section, sign-up form, and footer. Master essential web development skills such as styling with CSS, implementing mobile responsiveness, and adding interactivity with JavaScript. By the end of this beginner-friendly project, gain practical experience in creating a modern, professional-looking website that you can customize and expand upon.

Syllabus

What we are building
Open up VSCode
Editing our index.html file
Creating our Navbar
Styling our Navbar
Toggle Mobile Menu with Javascript
Creating Hero Section
Styling the Hero Section
Creating About Section
Styling About Section
Creating Services Section
Creating Sign up Section
Creating Footer Section
Styling Footer Section
Adding Javascript Smooth Scroll


Taught by

Brian Design

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera