I have completed advanced dom project of JavaScript Zero to Expert course by Jonas Schmedtmann on Udemy. In this project, I have applied the skills and knowledge gained from the course to create a dynamic and interactive web application.
-
DOM Manipulation: I have mastered the art of manipulating the Document Object Model (DOM) using JavaScript. This includes working with event listeners, event bubbling and capturing, event delegation, and traversing through the DOM to create dynamic web pages.
-
Intersection Observer API: I have utilized the Intersection Observer API to create animations triggered by scrolling. This adds a visually appealing and interactive element to the website.
-
Tabbed Component: I have implemented a tabbed component that allows users to switch between different content.
-
Sticky Navbar: I have designed and implemented a sticky navigation bar that remains fixed at the top of the page as the user scrolls.
-
Slider: I have created a slider component that allows users to view and interact with a series of images or content in a visually appealing and user-friendly way.
-
Lazy Image Loading: To optimize website performance, I have incorporated lazy image loading. This technique defers the loading of images until they are within the user's viewport, reducing initial page load times.
- HTML
- CSS
- JavaScript
Bankist's app layout and functionality are optimized for larger screens. I have not implemented responsive design features to adapt to different screen sizes.
You can view a live demo of this project here