/Landing_page

Landing_page is first project on FWD professional web development track practicing on javaScript and DOM

Primary LanguageHTML

Landing_page

Landing_page is first project in FWD professional web development track practicing on javaScript and DOM

Table of contents

Installation

(Back to top)

It's so simple just clone the repo or download the zip file ! git clone https://github.com/0oM4R/Landing_page.git Then open index.html file with any browser

Usage

Project Summary

This project aims to give you real-world scenarios of manipulating the DOM. The functionality you will be using serves two purposes: to prepare you for appending dynamically added data to the DOM, and to show you how javascript can improve the usability of an otherwise static site. This project barely touches the surface of what is possible, but it does use some incredibly common events, methods, and logic.

Waht this project do ?

to make it more clear there is main behaior points I'll explain here :

Navigation

Navigation is built dynamically as an unordered list. Start with empty ul and dynamically build navigation using Append, appendChild, and innerHTML.

Section Active State

It should be clear which section is being viewed while scrolling through the page.

Scroll to Anchor

When clicking an item from the navigation menu, the link should scroll to the appropriate section.

  • Useing addEventListener to listen to events.
  • A smooth scrolling behavior is expected in the project.

(Back to top)