The starter project has some HTML and CSS styling to display a static version of the Landing Page project. You'll need to convert this project from a static project to an interactive one. This will require modifying the HTML and CSS files, but primarily the JavaScript file.
To get started, open js/app.js
and start building out the app's functionality
For specific, detailed instructions, look at the project instructions in the Udacity Classroom.
Conversion of a static landing page into an interactive one using javascript.
The DOM is queried for all
An event listener uses scroll and getBoundingClientRect() checks to see if the section is in the viewport. This toggles the class of the section.your-active-class and a.active as appropriate.
Another event listener uses clicks on the navbar to set active state of the menu items and uses scrollTo() to create a smooth scrolling effect on click.