Tools & Technologies For HTML Development

Here are some tools & technologies for HTML development:

Code Editor

A code editor is a software application that allow us to write, edit & manipulate code. We can write code of any programming language with the help of code editor. Code editor provides some great features that make code writing faster:

It provides syntax highlighting.
It provides code suggestions to write code faster.
It provides syntax and defination of programming language.
It provides auto completion of tags.
It highlights errors that helps to write bugs free codes.
It provides search & replace tool for faster modification.
It provides code indentation that maintain consistant formatting style.
It provides multi-cursor selection that helps in faster modification.
We can enable auto save feature to save our code automaticaly to prevent code lose.
We can fold codes to minimize page size for larger code file.

These are just some basic features of a common code editor. Below are the some code editors that we can use for our web development journey:

Visual Studio Code (VS Code)
Sublime Text
Atom
Notepad++
TextMate

In this HTML tutorial we will use Visual Studio Code (VS Code) editor.

Extensions

These are the software component that enhance code editor's capabilities. These extensions can be intalled into code editor and provides vast features, such as: editor theme customization, programming language snippets, AI code writing, code beautifying, code minifying etc.

Following are the some necessory extensions that we will use in our HTML tutorial:

Live Server: live reload HTML code on browser.
HTML CSS Support: It provides HTML code snippet for faster coding experience.
Auto Close Tag: It provides auto closing tags features in code editor.
Auto Rename Tag: Save time by auto rename html tags.

Tools & Technologies For HTML Development

Code Editor

Extensions

VS Code Installation