Web Development Fundamentals for Beginners (Part 1: Frontend)

Aditya Pratyush
The Startup
Published in
9 min readJul 27, 2020

A still of HTML Codes written to create a Website. Photo by Nathan da Silva on Unsplash


This post is the first of two chapter series of Web Development Fundamentals for Beginners. The second chapter will be “Part 2 : Backend”.

This guide is split into two parts and today we’ll start with the first one — Frontend development, and introduce you to the most important languages and tools in this area.

At the end of this article, you should be able to:

  • Start thinking like a Web Developer.
  • Explain what web development is and the roles of HTML, CSS, and JavaScript in creating web content.
  • Know about the things you need to know to be a Web Developer.


Websites promote you 24/7: No employee will do that.

And Web Developers create those websites.

What is Web Development?

Web development is a specific field of software engineering that focuses on building web pages. Web pages, or web apps, are codebases that are downloaded and run in our web browser (e.g., Google Chrome) each time a user navigates to the website address. This differs from other software which is usually downloaded once and run as a standalone application on your computer or phone. Web development makes for an exciting career, as a web development cycle is usually much shorter and you get to iterate over your software at a much faster rate.

The major building blocks of the web are HTML, CSS, and JavaScript. We will be talking about all three languages. We can also think of web development as being split into two main categories: front end and back end. We will discuss about Front end in detail.

What is meant by the term Front end?

Everything you have ever seen on the web is considered ‘front end’. Front end is what we see when we open a web page or app. Code is downloaded from a server and is rendered to the screen by a web browser. What happens when we interact with the code is also considered front end. This is often referred to as the ‘Presentation Layer’ or ‘Client’ in software development…

Aditya Pratyush
The Startup

Club President at toastmasters.org || CMO & Secretary at apneeds.in/ || Visit me at adityapratyush.me/website/

Recommended from Medium


See more recommendations