Web Development Tutorials

Discover the power of JavaScript with our intuitive online playground, where you can write, test, and refine your code seamlessly.

HTML <col> tag is used to define the properties of each column of a table separately. In this lab, you will learn how to use the <col> tag to style columns of an HTML table.

HTML is the foundation of every website, and it's essential to have a good understanding of the different elements available to create web pages. One such element is the <samp> tag that we'll be focusing on in this lab. The <samp> tag is used to display a sample or output of a computer code.

Bi-Directional Text (bidi) is a formatting style where text is written from both left to right and right to left. It is highly useful when you are writing content in multiple languages and also when the user enters input in languages other than the default language of your webpage. In such cases, having the <bdi> tag can greatly benefit you and improve the user experience.

This lab will introduce you to the HTML <cite> tag, which is used to display a citation in a different format from normal text. In this lab, you will learn how to use the <cite> tag along with the <blockquote> tag to cite the author of a quotation in your HTML document.

The HTML <option> tag is used to define the options in a drop-down list in an HTML form. It is attached to the <select> tag and its variants such as <datalist> and <optgroup>. This tag helps users make a selection from a list of choices. This lab will guide you through the steps to implement an HTML drop-down list using the <option> tag.

In this lab, you will learn about the HTML <td> tag which is used to define table data in an HTML table. You will also learn about the various attributes that can be used with this tag.

In this lab, you will learn how to use the HTML <dfn> tag to create a definition list that highlights the terms being defined. The <dfn> tag is commonly used in tutorials and educational websites to provide an interactive and informative user experience.

The HTML <figcaption> tag is used to provide captions for content inside the <figure> element. In this lab, you will learn how to use the <figcaption> tag to add captions to your images.

The HTML <embed> tag can be used to include various types of content such as images, videos, and other web pages into our web page. In this lab, we will use the HTML <embed> tag to add a YouTube video to a web page.

The HTML <nav> tag is an important element for creating navigation links on a website. In this lab, you will learn how to use the <nav> tag to create a navigation menu on your website.

In HTML, the <pre> tag is used to display preformatted text. It is exactly present on the web page as it is present in an HTML file. The whitespace used inside this tag is displayed as written. The text is written between <pre> tags is displayed in a fixed-width font. It is recommended to use the <pre> tag in case of unusual formatting or if you want to write a piece of computer code.

The <optgroup> tag in HTML is used to create a grouping of options within a dropdown list. This lab will take you through the steps to create an optgroup and customize it using attributes.

In this lab, we will explore the concept of string manipulation in JavaScript. Specifically, we will focus on removing whitespaces from strings using regular expressions. Through a series of exercises and examples, we will gain a deeper understanding of how to use the String.prototype.replace() method to remove whitespace characters and create cleaner, more manageable strings.

In this lab, we will explore how to sort an array of objects based on the properties and orders provided. We will use the Array.prototype.sort() method and the Array.prototype.reduce() method to achieve this. The lab will provide a practical understanding of how to manipulate arrays of objects in JavaScript.

In this lab, we will be exploring the concept of string manipulation in JavaScript. Specifically, we will be focusing on the wordWrap function which allows us to wrap a string to a given number of characters using a string break character. By the end of this lab, you will have a better understanding of how to manipulate strings in JavaScript to achieve specific formatting requirements.

In this lab, we will explore the fundamentals of JavaScript programming language. You will learn how to write basic syntax, manipulate data types, use conditional statements, loops, and functions. By the end of this lab, you will have a solid foundation in JavaScript and be able to create simple programs.

In this lab, we will explore how to manipulate arrays in JavaScript by creating a function that filters out specified values from an array and mutates the original array. We will make use of built-in Array methods such as filter(), includes(), and push() to achieve this functionality. By the end of this lab, you will have a better understanding of how to manipulate arrays in JavaScript.