Everything you see and can interact with on a website is its front end. Thus, developing the visual portion is referred to as front-end development. As they collaborate on the same aspect of the project, designers who are planning experiences and designing user interfaces may even be considered front-end developers.

HTML

A computer language called HTML, or Hypertext Markup Language, is used to build websites that anybody with Internet access can later browse. A web document is typically structured using HTML. It allows for the embedding of photos, video, and other media and defines features like headlines and paragraphs.

How HTML functions HTML is made up of a number of tags that have been normalized into a text file by the website builder. A browser is used to see the text after it has been saved as an HTML file. In the best case scenario, the browser renders the website exactly how the designer intended after scanning the file and converting the content into a visible form.

CSS

Cascading Style Sheets, or CSS, is a language for creating style sheets. It is used to provide the design, layout, and variants for various devices with various screen sizes when displaying HTML elements on a webpage. At one time, CSS may handle the layout of many separate web pages.

How it works. The elements that make up a web page, HTML elements, interact with CSS.

CSS makes use of selectors to connect with HTML. The section of CSS code known as a selector determines which HTML element will be affected by CSS styling.

The selector uses the attributes and values that are contained in a declaration.

Margin, color, and font size are all defined via properties. The settings for these properties are values.

DOM

An XML and HTML document's programming interface is known as the Document Object Model (DOM). In order for programs to change the document's structure, style, and content, it interprets the page. Programming languages can connect to the website because the DOM presents the document as nodes and objects.

As a document that can be shown in the browser window or as HTML source code, think of a web page. This document is represented by the Document Object Model (DOM), allowing for modification. A scripting language like JavaScript can change the web page's object-oriented representation, or DOM.

The DOM must follow W3C and WHATWG guidelines, which are implemented by the majority of the most recent browsers. The contemporary DOM is created by combining several APIs. The objects that completely describe a document and the objects within it are defined by the core DOM.

JavaScript

One of the most widely used scripting languages is JavaScript (JS). The main reason for its fame is that it offers a complete stack of technologies for front-end and back-end development. As long as we're talking about the first one, dynamic web pages are created using it.

How JavaScript works. A website's overall interactivity is increased via JS. It makes it possible to simulate animated user interface elements like picture sliders, pop-ups, elaborate site navigation menus, and more. JavaScript gives a website additional functionality that isn't possible with just HTML and CSS. JavaScript enables web pages to dynamically refresh themselves and respond to user input. This technique doesn't require a page reload to change the representation because of JavaScript.