Everything for Frontend Developers
Frontend developers write code users see and interact with directly, which means constant communication about UI behaviour, accessibility, and performance. This hub covers the vocabulary, grammar, and interview prep specific to that work — plus every blog post tagged CSS, JavaScript, or frontend.
Vocabulary sets
Grammar & writing
Interview prep
Blog articles (2)
- English Vocabulary for Deno 2 Developers
Master the English terms behind Deno 2's runtime model — permissions, KV store, JSR registry, and more. Perfect for non-native IT speakers.
- SvelteKit English: Vocabulary for the Svelte Ecosystem
Understand SvelteKit's core vocabulary in English — runes, stores, adapters, load functions, form actions, and server-side rendering explained with examples.
Other role hubs
Explore more
Browse every exercise category, or search the full site.
Frequently Asked Questions
What is the difference between `display: none;` and `visibility: hidden;` in CSS?
Both hide elements, but `display: none;` removes the element from the layout entirely and its content isn't rendered. Conversely, `visibility: hidden;` hides the element visually but still occupies its space within the document flow, meaning other elements reflow to fill that space.
Can you explain how CSS specificity works when multiple rules target the same element?
CSS specificity is determined by a cascading system prioritizing different factors: Inline styles have the highest priority, followed by IDs, classes, and then element selectors. More specific selectors (e.g., using an ID) will override less specific ones (e.g., using a class) when multiple rules apply to the same element.
What are 'shadow DOM's and why would I use them?
'Shadow DOM' allows you to create encapsulated, isolated CSS and JavaScript within an element. This prevents conflicts with global styles or scripts attached to the main document, enhancing modularity and simplifying development of complex components by limiting scope.
What is a 'Virtual DOM' and how does React use it?
The Virtual DOM is a lightweight JavaScript representation of the actual DOM. React uses it to efficiently update the real DOM by calculating the minimal set of changes needed, dramatically improving performance compared to directly manipulating the real DOM for every UI modification.
How does 'cross-origin' affect my JavaScript code?
'Cross-origin' refers to requests made from a different domain than the origin where the script is hosted. Due to security restrictions (CORS), browsers block cross-origin requests by default, requiring server configuration or appropriate headers for secure data exchange.
What are 'CSS preprocessors' like Sass or Less and what benefits do they provide?
CSS preprocessors like Sass and Less add features such as variables, nesting, mixins (reusable blocks of CSS), and functions to CSS. This improves code organization, maintainability, and reduces redundancy by allowing you to write more concise and reusable styles.
Explain 'responsive design' – what does it mean for a Frontend Developer?
'Responsive design' creates websites that adapt seamlessly to different screen sizes. As a frontend developer, this involves using techniques like media queries in CSS to adjust layout, font sizes, and images based on the device's viewport width or orientation.
What is 'JavaScript event delegation' and why is it preferred?
Event delegation attaches a single event listener to a parent element instead of attaching listeners individually to multiple child elements. This reduces memory usage, improves performance, and simplifies code maintenance because you only handle events from the parent.
What are 'Web Components', and how do they promote reusability?
'Web Components' is a set of web standards that allow developers to create reusable custom HTML elements. They encapsulate functionality, styling, and markup within self-contained components for increased modularity and easier integration into different projects.
What's the difference between `localStorage` and `sessionStorage`?
`localStorage` persists data across browser sessions, meaning data remains available even after the user closes and reopens their browser. `sessionStorage`, on the other hand, stores data only for the duration of a single session – it's cleared when the browser tab or window is closed.