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

Playback starts YouTube’s embedded player (privacy-enhanced mode).

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

752,775 views September 30, 2020 2:05:01

Watch on YouTube
ChannelBrian Design

Chapters

Description from the creator

Learn how to build a website using HTML, CSS, and Javascript in this beginner tutorial. The site is fully responsive and has a smooth scroll effect that highlights the navbar menu based on your position scrolled. Easy beginner Javascript project that you can refactor and add your own design.

If you want to follow me along my coding journey, be sure to subscribe :)
youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?su…

Timeline:
0:00 What we are building
3:30 Open up VSCode
4:03 Editing our index.html file
4:42 Creating our Navbar
11:34 Styling our Navbar
35:04 Toggle Mobile Menu with Javascript
40:40 Creating Hero Section
42:40 Styling the Hero Section
50:25 Creating About Section
53:02 Styling About Section
1:14:26 Creating Services Section
1:26:38 Creating Sign up Section
1:29:35 Creating Footer Section
1:37:14 Styling Footer Section
1:46:18 Adding Javascript Smooth Scroll

Source Code
github.com/briancodex/html-css-js-website-smoot…

Other HTML, CSS, Javascript Website Tutorial
youtu.be/FazgJVnrVuI

Top 10 VS Code Themes
youtu.be/6etaWaiMkvM

Host your website for Free
youtu.be/C0CNIhRzhYg

About this tutorial

Brian Design published this 2:05:01 video tutorial on September 30, 2020. It has been watched 752,775 times on YouTube.

Category
Education
Duration
2:05:01
Published
September 30, 2020
Views
752,775
Likes
16,420

Tags

Share

This tutorial in other languages