Simple websites are built with HTML, CSS and JavaScript (Vanilla), and hence do not require any crucial installation of languages and supports as such. Advancing further into various technologies like React, Vue or NodeJs require installation of packages and supports that are available open-source on their respective websites.
Let's first learn what are the different types of websites. There are basically two type.
-
Static Website
Static websites are generally used to display static information on a website. This information would not change unless the code files are tweaked. The static websites are usually used to make an online presence by small businesses. Static websites would require basic frontend knowledge.
The following is a list of languages needed for basic frontend web development.
- HTML [ element skeleton ]
- CSS / SCSS / SASS [ styling ]
- JavaScript ( Vanilla / JQuery / Vue / React ) [ behavior, backend and building APIs too ]
-
Dynamic Website
Dynamic websites on the other hand have information that is either calculated using some programming language(online calculator and converter tools) or information fetched from database(user count, followers) and needs an indepth knowledge of programming. Dynamic websites refer to a website consisting dynamic information that changes according to the backend data or APIs. PHP reuires a serve environment to run ( that consists of Apache, and PHP's own installation on the machine )[ All these various components and softwares are readily available in various softwares like XAMPP, WAMPServer or LAMP ]
The following is a list of languages to be considered important for backend as well as frontend web development.
- HTML [ element skeleton ]
- CSS / SCSS / SASS [ styling ]
- JavaScript ( Vanilla / JQuery / Vue / React ) [ behavior, backend and building APIs too ]
- PHP [ generally used as a backend management programming language ]
- SQL [ used for maintaining database ]
Following is a list of various Text Editors and IDEs that are open-source. These are easy to understand and well-known softwares that have a huge community contributing to it. The experience can be further improved with its vast support for plugins and debugging tools.
- Sublime Text Editor: Simple and lite text editor that is capable of rectifying basic web development languages.
- Atom Text Editor: Another really cool text editor that supports all major languages.
- Visual Studio Code: A highly popular peice of software used by a wide spectrum of developers. It is even capable of debugging various languages natively. Additional debugging tools can be added from the humongous set of open-source extensions.
Following are the logos of the above mentioned softwares (respectively). The images are clickable links to their respective official download page.
