Conceptual

How does the box model work in CSS?
How does browser work?
call( ) vs apply( )
call( ) vs bind( )
CSR vs SSR
What is event delegation in JavaScript?
What is event loop?
How to improve website performance?
How to work with slow API call?
this keyword in JavaScript
var vs let vs const
Virtual DOM in React
What does preventDefault() do?
What is a closure in JavaScript?
What is AB Testing?
What is the event loop in JavaScript?
What is Responsive Design?
async vs defer
Code Splitting
What is dangerouslySetInnerHTML in React?
== vs ===
Frontend Security
Garbage Collection
key prop in react
preventDefault() vs stopPropagation()
translate vs absolute positioning
What is tree shaking?
useMemo vs useCallback
use strict
Arrow functions
What is cookie?
What is hoisting in JavaScript?
What is an anonymous function and when would you use it?
box-sizing: border-box
What is a static method in a class?
Content Security Policy (CSP)
Cross Origin Resource Sharing (CORS)
Cross-Site Scripting (XSS)
What data structure is used to represent the DOM?
default vs named export
HTTP Methods
Image Failures in Production
inline vs inline-block vs block
Microtask vs Macrotask
null vs undefined vs undeclared
optimize react context performance
Primitive vs Reference
Production checklist for launch
Redux vs React Context API?
Reference vs Syntax Error
Rules of React Hooks
Role of semantic HTML in accessibility
What is semantic HTML?
sessionStorage vs localStorage vs cookie
How would you test a React application?
useEffect vs useLayoutEffect
What are Web Vitals?
What is callback hell?
What is Immutability?
What is the Beacon API?
Critical Rendering Path
What is doctype in HTML?
What is a higher order function?
How does inheritance work in JavaScript?
How would you implement dark mode and light mode?
What is inversion of control?
Reset vs Normalize CSS
Server Sent Events
state vs props
What is Test Driven Development?
How to truncate text using CSS only
What does typeof operator do?
What is an async thunk?
What is TDZ in JavaScript?
What is a thunk?
Where Do We Use Observer Pattern in Frontend Development?
Why do we use polyfills?
Why are functions first-class objects?
What is a symbol type?
sync vs async function
Can callbacks be synchronous?

How would you implement dark mode and light mode?

HTML CSS JavaScript

Implementing Dark Mode and Light Mode

00:00

Table of Contents

Implementing Dark Mode and Light Mode