Everything you need to know about building Websites

What do we require in order to build web projects?

I know that most of you guys are confused about building websites and wondering either for your projects or general use. Building website is very easy. So in order to build a website, you must have the basic understanding of certain things. 

There are two terms called "Web Design" and "Web Development" in which we are confused.

Web Design - Basically, in Web Design, we deal with the visual design and layout of the website. or simply how our website is going to look. And the Person who does web designing is called the web designer.

Web Development - In this we deal with converting that design and vision from a static design to a fully working website that is online and available to the world. And the Person who does this is called web developer.

In Web Development we have two aspects:-

• Front End Development: Front-end web development, also known as client-side development. Whatever the user see and interact with is the front end. It deals with how to build beautiful, interactive websites.

       Web Technologies used are: HTML, CSS, JAVASCRIPT

• Back End Development: A back-end developer is a programmer who creates the logical back-end and core computational logic of a website. The developer creates components and features that are indirectly accessed by a user through a front-end application or system.

        Web Technologies used are: PHP, MySQL (MySQLi)

Ok, So far we have discussed certain terminologies let's understand what actually it is. While developing a website first we have to look for the need and things require for building the website. 

In order to build front end, you can use HTML/XML, CSS, JAVASCRIPT, W3.CSS, BOOTSTRAP.

The HTML/XML is a special computer language that describes the structure of a document. With HTML, we can build web pages that contain text, images, and many other types of content. Basically, it defines the structure/schema of a web page.

The CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in a markup language. CSS describes how HTML elements are to be displayed on the screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once.

JavaScript is a full-fledged dynamic programming language that, when applied to an HTML document, can provide dynamic interactivity on websites.

JavaScript is used to create interactive websites. It is mainly used for:

• Client-side validation
• Dynamic drop-down menus
• Displaying data and time
• Displaying popup windows and dialogue boxes (like alert dialogue box, confirm dialogue box and prompt dialogue box)
• Displaying clocks etc.

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. Twitter Bootstrap is the most popular front-end framework in the recent time. It is sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. Basically, Bootstrap is used if want our website to be able to adjust itself according to device size.

W3.CSS is a Cascading Style Sheet (CSS) developed by w3schools.com. It helps in creating faster, beautiful, and responsive websites. It is inspired from Google Material Design.


In order to build back-end, you can use:-

• Ruby – Ruby is a programming language created to be fun and efficient. Ruby syntax is easy to read, even for people who don’t know Ruby. Ruby was thrust into the mainstream thanks to Ruby on Rails, which is a framework (built with Ruby) for building web applications. Ruby on Rails is one of the most popular web development tools for small businesses and startups. Companies like Twitter, Hulu and Github all started and/or still, use Ruby on Rails in some capacity. Ruby can be used to code business logic, calculate data and distribute servers for better performance.
• Python – Much like Ruby, Python is known in part for its readability. A popular web development framework, Django, also makes Python a popular choice for building web applications. Dropbox was built with – and still uses – Python to run much of its server-side code. Python can be used for everything Ruby can. Whether you use Python or Ruby depends on your skill set, the communities you’re exposed to, and your development team.
• SQL – SQL is a universal database query language. SQL is used to interact with databases, which are a part of every backend web application. No matter what language or framework you choose to build your web application, you will likely use SQL, or some abstraction of it, to interact with the database.
• PHP (Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML.

FULL STACK DEVELOPER: - The term full-stack means developers who are comfortable working with both back-end and front-end technologies. To be more specific, it means that the developer can work with databases, PHP, HTML, CSS, JavaScript and everything in between, also, venturing as far as converting Photoshop designs to front-end code.