accessibility
react
security
seo
css
100

what attribute can make non-tnteractive element focusable

tabIndex

100

This type of component in React does not manage its own state and relies on props to render content.

functional component

100

This type of attack occurs when an attacker injects malicious scripts into content from otherwise trusted websites.

xss

100

This HTML tag, used within the head section of a webpage, provides search engines with a brief and accurate description of the content on that page.

meta description

100

This CSS property is used to control the layout and space around elements by defining the area outside the border of an element.

margin

200

This type of assistive technology helps visually impaired users by converting text on a screen into spoken words.

Screen reader

200

This React hook is used to manage local state in functional components.

useState
200

This security mechanism requires two different forms of identification to verify a user’s identity, enhancing security over traditional single-factor authentication.

2fa

200

what is seo?

search engine optimization

200

This modern CSS layout module allows you to create complex responsive web designs with a grid-based layout system.

css grid

300

These HTML attributes provide additional information about an image, crucial for users relying on screen readers.

alt

300

This React feature allows you to access the state and lifecycle features in functional components, providing a way to encapsulate related logic.

hooks

300

This method ensures that data sent over the internet is unreadable to anyone except the intended recipient, typically implemented via protocols like HTTPS.

encryption

300

This file, located in the root directory of a website, guides search engine crawlers on which pages to crawl and index.

robots.txt

300

This type of CSS selector is used to select elements based on their attributes and attribute values.

attribute selector

400

what attribute can make non-tnteractive element focusable

tabindex

400

This React method prevents a component from re-rendering if the next set of props is the same as the previous set.

shouldComponentUpdate or React.memo

400

This type of attack involves intercepting and tampering with the communication between two parties, often achieved through techniques like session hijacking or packet sniffing.

Man-in-the-Middle (MITM) attack

400

This term refers to the practice of optimizing the structure and content of a webpage to be easily read and indexed by search engines.

What is on-page SEO

400

This CSS property, used with the flexbox layout model, specifies how much a flex item will grow relative to the rest of the flex items inside the same container.

flex-grow

500

This attribute is used to mark a part of a webpage that will update dynamically and should be announced by assistive technologies.

aria-live

500

This React hook is used to access the context value from the nearest matching Context.Provider in the component tree.

useContext

500

This principle in secure software development advises against relying on obscurity as the main method of providing security.

Security through Obscurity

500

This type of link, obtained from other websites pointing to your site, is crucial for improving your site's authority and search engine rankings.

backlink

500

This pseudo-class is used to apply styles to an element when it is the target of a URL containing a fragment identifier.

:target

M
e
n
u