Front-End web development - Udacity
Project Name : Landing Page
Criteria CheckList: Architecture : The project should have a structure like the one shown below. All files shown must be present and the app must successfully render a home page with clear design and functionality added when index.html is loaded in the browser. No errors should display in console. (DONE)
Usability: All features are usable across modern desktop, tablet, and phone browsers. (DONE)
Styling: Styling has been added for active states. (DONE)
HTML Structure There are at least 4 sections that have been added to the page. (DONE)
Landing Page Behavior Navigation: Navigation is built dynamically as an unordered list. Start with empty ul and dynamically build navigation using Append, appendChild, and innerHTML.(DONE)
Section Active State: It should be clear which section is being viewed while scrolling through the page.(DONE)
Scroll to Anchor: When clicking an item from the navigation menu, the link should scroll to the appropriate section.(DONE)
Comments: Comments are present and effectively explain longer code procedures
Used references :
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect