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

Follow these Steps: Access PC localhost (XAMPP Server) from mobile

  1. Connect PC and mobile Both Devices to the Same Network (wifi/hotsport)
  2. Project Setup
    • First, create your project using HTML, CSS, and JavaScript.
    • Once your project is ready, copy the project folder.
  3. Paste Project in XAMPP
    • Go to: Local Disk (C:) > xampp > htdocs
    • Paste your project folder there
  4. Open XAMPP
    • Apache start config
    • MySQL start config
  5. Open Project in VS Code
    • Open project folder in VS Code.
    • If you don’t have Live Server installed: Go to Extensions (Ctrl+Shift+X), search "Live Server", and install it.
    • If already installed:Click on “Go Live” (bottom-right in VS Code).
    • live server IPv4 address (e.g., 192.xyz.ab.c), Live Server is running on port 3000, vs code ip address link http://192.xyz.ab.c:3000
  6. Find Your Computer’s Local IP Address
    • Run (Press Windows + R)
    • Open CMD: Type cmd and hit Enter
    • Type ipconfig
    • copy IPV4 adress http://192.168.---:3000 and your local server is running on port 3000
  7. Open Your Local Website on Mobile Device
    • open mobile browser (chrome)
    • step-6, type ip address http://192.168.---:3000, http://your-ip-address:vs code port 3000
    • Note: Don’t remove :3000 at the end.
  8. Test and Enjoy!