In this article, we will be talking about the editors that can be used for running your HTML code in browsers (chrome, mozilla, opera, etc).
integrated development environment (IDE):
An integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of at least a source code editor, build automation tools and a debugger. Some IDEs, such as VSCode, Brackets, NetBeans, Eclipse, Atom, etc contains the necessary compiler, interpreter, live servers, etc.
What are IDE's?
Integrated development environments (IDE) are designed to maximize programmer productivity by providing in-built components with similar user interfaces. IDEs present a single program in which all development is done. This program typically provides many features for authoring, modifying, compiling, deploying and debugging software. One aim of the IDE is to reduce the configuration necessary to piece together multiple development utilities. Reducing setup time can increase developer productivity, especially in cases where learning to use the IDE is faster than manually integrating and learning all of the individual tools. For example, code can be continuously parsed while it is being edited, providing instant feedback when syntax errors are introduced, thus allowing developers to debug code much faster and more easily with an IDE.
Some IDEs are dedicated to a specific programming language, allowing a feature set that most closely matches the programming paradigms of the language. However, there are many multiple-language IDEs. Here we are focusing the IDE's used for Web development. So there are many IDE's used for Web development i.e. VSCode, Brackets, NetBeans, Eclipse, Atom, etc.
What to use as a beginner?
As a beginner, you can start with Notepad/Notepad++ for writing your code, but then it your matter of choice. So lets see how we can use Notepad/Notepad++ to write our code & run the programs in browsers. I believe that as a beginner using a simple text editor is a good way to learn HTML.Use Notepad/Notepad++ or any other editor of your choice to write your code. Web pages can be created and modified by using professional HTML editors. However, for learning HTML, I recommend a simple text editor like Notepad/Notepad++ (Windows) or TextEdit (Mac).
Follow the steps below to create your first web page with Notepad/Notepad++ (Windows) or TextEdit (Mac):
Step 1:
Open Notepad/Notepad++ (Windows) OR TextEdit (Mac)
Open Start > Programs > Accessories > Notepad
Step 2:
Write Some HTML code
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Step 3:
Save the HTML Page. Save the file on your computer.
Select File > Save as in the Notepad menu.
Name the file "index.html" or whatever you want to name it. Just keep in mind the extension for running html codes must be '.htm' OR '.html'
Step 4:
View the HTML Page in Your Browser. You can use any browsers available like Internet explorer, Chrome, Firefox, Opera etc.
Conclusion:
So as mentioned earlier, there are many IDE's used for Web development i.e. VSCode, Brackets, NetBeans, Eclipse, Atom, etc. I personally prefer Brackets for my development. Again, it varies from person to person. I hope you like the article about integrated development environment or short & sweet, IDE.
Happy Learning!
No comments:
Post a Comment
Comments