Introduction To Front-End Development

Introduction To Front-End Development

Introduction

Many of us have been hearing the word web development for a very long time but we don't know what it is.

As the name suggests, all the websites, web pages, or any web applications that we see on the internet have been made with the help of Web Development.

Web Development includes two components Front End and Back End. In this article, we'll be talking about Front-End Development as a whole.

About Front-end Development

Front-end Web Development includes how a website or web application would look. It includes the buttons, images, logos, and navigation bar of the website, in short, the entire design of a website.

For example, you can have a look at the website of Netflix. All the images, logos, and buttons are a part of the front end of a website.

Technologies Used

Broadly speaking, 3 technologies are majorly used in front-end development including HTML, CSS, and JavaScript.

a) HTML: stands for Hypertext Markup Language. It is used to write the skeleton code of a website including basic content such as text, images, etc.

b) CSS: stands for Cascading Style Sheets. It is the component of a website that differentiates your website from others in terms of looks. It defines how your website looks including colour, sizing, fonts, etc.

c) JavaScript: Using HTML and CSS we can only display the content on our website but using JavaScript we can give it a lot of functionality. One of the most important features of JavaScript is DOM(Document Object Model) which dynamically allows you to manipulate the HTML and CSS of a website.

Frameworks

A framework is a set of library codes that are used to simplify coding in any language. Similarly, in CSS and JavaScript, we have a lot of frameworks that make the job of a programmer really easy.

The two most popular CSS frameworks are:

a) Bootstrap

b) Tailwind CSS

Talking about JavaScript, there are a lot of frameworks in it that are used for creating really powerful web applications. Some of them are:

a) React

b) Angular

Learning some frameworks of CSS and JavaScript helps a lot in boosting one's productivity by developing really powerful web apps.

To sum up, I'd say that at first glance all of this might seem a bit difficult but with time and experience, all of this gets easy.

So just chill and have fun while learning front-end development!

I hope that you must have found this article quite helpful. If yes, then do give a read to some of my other articles!

Who knows you might become a great programmer 🤔!