Program Sarjana

Jurusan PMIPA

What do you know about the Box Sizing property?

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.

Define the ways in which you can hide an element using CSS.

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.

What does Callback mean in JavaScript?

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.

Differences between Undefined, Undeclared and Null in JavaScript.

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

How to optimize website assets loading?

• Image compress - This is a method that helps to reduce the size of an asset to reduce the data transfer
• Minify scripts - This reduces the overall file size of js and CSS files
• File concatenation - This reduces the number of HTTP calls
• CDN hosting - A CDN or content delivery network is geographically distributed servers to help reduce latency.
• Lazy Loading - Instead of loading all the assets at once, the non-critical assets can be loaded on a need basis.
• Parallel downloads - Hosting assets in multiple subdomains can help to bypass the download limit of 6 assets per domain of all modern browsers. This can be configured but most general users never modify these settings.

How to open your local website on localhost XAMPP from your mobile device?

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!