Semantic HTML refers to a method of coding where HTML markup is used to emphasise the meaning or semantics of the existing content.
The Box Sizing property in CSS defines how developers should calculate the width and height of a box.
Content Box is when the default height and width get applied to the content of an element. The border and padding lie outside the box.
Padding Box is when the developer adds the dimensions to include the padding and content of the element. This adds a border outside the given box.
Border Box is when the box dimensions apply to the border, padding and content.
There are three ways to hide elements with CSS.
display:none can hide the content so that it doesn’t get stored in the DOM.
visibility:hidden adds an element to the DOM and occupies space. However, the user cannot see it.
position:absolute makes the element appear outside the screen, not on the screen.
Callback is a JavaScript function that developers send as a parameter or argument to other functions. You can call this function whenever the function it is provided to gets called.
Undefined refers to a situation where a variable is declared but no value has been assigned to the variable yet.
ex. let a; console.log(a); // Output: undefined
Null refers to the assignment of value to a variable that isn’t meant to contain any value.
ex. let b = null; console.log(b); // Output: null
Undeclared refers to variables that don’t exist in an application or program or haven’t been declared.
ex. console.log(c); // ReferenceError: c is not defined
ex. let a; console.log(a); // Output: undefined
Null refers to the assignment of value to a variable that isn’t meant to contain any value.
ex. let b = null; console.log(b); // Output: null
Undeclared refers to variables that don’t exist in an application or program or haven’t been declared.
ex. console.log(c); // ReferenceError: c is not defined