- Implement infinite scrolling
Infinite scrolling is a popular technique for displaying content on a webpage.
The user does not have to click on the next page of content but can scroll down to see more content.
Technologies and concepts required:
HTML, CSS JavaScript, APIs, Async, Await in JavaScript, Fetch API, and Event listeners
- Design a Responsive Navigation Bar
A responsive navigation bar is a website navigation menu that changes its size and shape depending on the screen size of the device used to view it.
It also changes its position depending on the screen size as well.
Technologies and concepts required:
HTML, CSS, CSS Media Queries, CSS Selectors
- Create a responsive grid layout
A responsive grid layout is a type of design that displays content in a grid format, which can be rearranged to fit any screen size.
This type of design is beneficial for websites that are viewed on multiple devices and screens.
It eliminates the need to create different versions of the same website for each device.
Technologies and concepts required:
HTML, CSS, CSS Media Queries, What is Grid Layout
- Implement Event Emitter in JavaScript
Event emitters are a mechanism for one object to send a message to another object.
The event emitter pattern is used in JavaScript programming to implement publish/subscribe functionality.
An event emitter is an object that can emit events, which are objects that typically contain data about the event and at least one callback function to be executed when the event occurs.
