How To Start Web Development

In this blog, we will know how to start web development.
First thing, we need an editor to write code. There are many code editors like Atom, VS Code, Sublime, etc.

Recommended code editor :

Visual Studio Code (VS Code)

Why VS Code?

VS code is recommended because of its

• Many built in features
• Fast
• IntelliSense code completion and debugging
• and many more features.

Now you are all set to write code and create beautiful websites.
A typical website can be divided into three phases :
Structure, Styling and Behavior.

• HTML is used to give the structure to website.
• CSS is used to give style to website.
• JavaScript is used for behavior.

HTML

It is used to build the skeleton of the website.
It is a markup language that totally operates on tag.
You can master it within 10 days.

CSS

It is used to give the style to the website.
CSS, that totally operates on different properties.
There are approx 520 properties.

Some frequent used CSS properties are :

• Box model
• Position
• Background
• Animation
• Media query
• Flexbox
• CSS grid

JavaScript

JavaScript is used to add functionality and behavior in the website.
JavaScript is popular and widely used language for web development.

Start JS with the basic topics :

• Data types
• Loops
• Conditional Statements
• Objects
• Arrays
• Functions

Document Object Model (DOM)

With the HTML DOM, you can access, modify and change the HTML elements.
When a webpage is loaded, the browser creates a Document Object Model (DOM) of the page.

With the help of DOM, JavaScript can change :

• Elements in the page
• Attributes
• CSS styling
• Add new HTML elements and attributes
• Remove existing HTML elements and attributes

You have a super power to make changes in webpage using JavaScript.

Git and GitHub

Git is a version control system used for tracking changes.
GitHub is a code hosting platform of Git.