What is a tag?

Prince Roy — Sun, 03 Sep 2023 06:42:51 +0000

A tag is a format that is being used to defined each content on a web page. It is then a web browser that understands tags, parses, and renders contents accordingly. Tags have two parts: an opening tag and a closing tag. Tag is not a part of actual content displayed on a browser.

What is a web page?

Prince Roy — Sat, 02 Sep 2023 15:18:34 +0000

A web page is an HTML file. An HTML file can be linked to one or more other HTML files to build a visual appealing website to be displayed on a browser.

What is a website?

Prince Roy — Sat, 02 Sep 2023 15:02:50 +0000

A web page or a group of web pages under the same domain constitutes a website. For example, demo.com might have numerous pages interlinked with each other, not the pages from different domain like another.com

What is HTML? Why do we need to learn HTML?

Prince Roy — Sat, 02 Sep 2023 14:51:29 +0000

Hyper Text Markup Language or HTML is the markup language used to create the backbone/structure of a website/web app.

As HTML is the first file which is being loaded and parsed by a browser and every web page is run on a browser. Henceforth, it is a crucial part of a web. It is similar to the main method of some other programing languages, where execution begins.

Here's a few examples of features from ECMAScript 2021(ES11):

Prince Roy — Sun, 22 Jan 2023 08:11:55 +0000

Object.fromEntries() method: This method creates an object from a given list of key-value pairs.

const entries - [['foo', 1], ['bar', 2]];
const obj = Object.fromEntries(entries);
console.log(obj);
// {foo: 1, bar: 2}

String.prototype.matchAll() method: This methods returns an iterator containing all the matches of a regular expression in a string.

const str = 'Hello, world!';
const regex = /\w+/g;
const matches = str.matchAll(regex);
console.log(matches);
//Iterator { 'h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd'}

Promise.any() method: This method returns a promise that is fulfilled with the first fulfilled promise in an iterable of promises.

const p1 = new Promise((resolve) => setTimeout(() => resolve('p1'), 100));

const p2 = new Promise((resolve) => setTimeout(() => resolve('p2'), 200));

const p3 = new Promise((resolve) => setTimeout(() => resolve('p3'), 300));

Promise.any([p1, p2, p3]).then(result => console.log(result));
// 'p1'

globalThis property: This property provides a way to access the global object in a consistent way, regardless of the environment (browser or Node.js).

console.log(globalThis);
// Window {...} in browser, global in Node.js

Optional chaining: This operator allows you to access a property of an object, even if the object or any of its preceding objects in the chain are null or undefined.

let obj = { a: { b: { c: "hello" } } };
console.log(obj?.a?.b?.c);  // prints "hello"

Nullish coalescing: This operator allows you to provide a default value for a variable only if it is null or undefined.

let x = null;
console.log(x ?? "default"); // prints "default"

Dynamic import(): This method allows you to dynamically load modules at runtime, instead of loading all modules at the start of the program.

async function loadModule() {
  const module = await import('./module.js');
  // Use the module
}

WeakRef and FinalizationRegistry: These are two new types that allow you to create weak references to objects, and to register callbacks to be called when an object is garbage collected.

const obj = {};
const weakRef = new WeakRef(obj);
console.log(weakRef.deref()); // prints the object

Private methods and fields: ECMAScript 2021 introduces syntax for declaring private methods and fields in classes. Private methods and fields can only be accessed within the class.

class MyClass {
  #privateField = "I am private";

  #privateMethod() {
    console.log("I am a private method");
  }

  publicMethod() {
    console.log(this.#privateField);
    this.#privateMethod();
  }
}

These are additional features that ECMAScript 2021 introduces, it's important to note that some of them may not be supported on all JavaScript engines yet. Follow official documents for more features ECMAScript.

DEV Community: Prince Roy

What is a tag?

What is a web page?

What is a website?

What is HTML? Why do we need to learn HTML?

Here's a few examples of features from ECMAScript 2021(ES11):