Frontend Development

This content is for Frontend. Switch to the latest version for up-to-date documentation.

Frontend development is the process of creating the user interface and user experience on the client side. It is typically implemented using the core technologies of the web: HTML, CSS, and JavaScript.

Core Technologies

1. HyperText Markup Language (HTML)

HTML is the backbone of any website development process and the core of nearly every web page.
Hypertext in HTML means the text has links embedded within it.
Users who click on a certain page will go to another web page.
Markup means that text can be turned into images, tables or other representations.
Think of HTML as the code that provides a framework/structure/skeleton for how the website will look.

2. Cascading Style Sheets (CSS)

CSS controls the website’s presentation and lets you give it color and unique style.
HTML builds your website’s canvas and CSS is the paint you need to design that canvas.
You can add the CSS externally, internally or embed it in various HTML tags.
It’s called “cascading” because when multiple style rules apply to the same element, the browser uses a cascade algorithm to decide which rule takes precedence.

3. JavaScript

JavaScript makes the HTML canvas and the CSS painting dynamic and functional.
JavaScript brings your frontend to life.

Roles

Frontend Developer: Builds and maintains the user interface.
UI/UX Designer: Designs the look and feel of the application.
Web Designer: Creates visual elements and layouts for websites.

References

Built with passion by Ngineer Lab