Beginner’s Guide to Web Development

Introduction
A website can be defined as the collection of various web-pages, which are related to each other, and we can see the UI(User Interface) on different browsers(Internet Explorer, Mozilla, Google Chrome or Opera).
Here I will teach you about different platform on which you can create your website, and also let you about the different features and comparison.
I have designed this tutorial, keeping in mind the requirements of beginners, and non-technical person. So don’t worry If you don’t have any knowledge about the coding.

Website is consisting of 3 things
1.Frontend/Design.

2. Backend/Development.

3. Content.
Frontend/Design
Everything you can see on a browser as a normal front end user, or we can call it UI(User Interface), all that part comes under the design.

Further website design can be divided into three categories.


a). HTML(Hypertext Markup Language):
HTML is the standard markup language for documents designed to be displayed in a web browser. Or in other simple words you can say, HTML is the structure/wireframe of any website. For example: if a car is a website then the entire hard metal frame is like a HTML.
we use different tags for html like <html>, <body>, <a> <div><span> and many more. And currently we are using html 5.2 version.

b). CSS (Cascading Style Sheets) : CSS is a style sheet language used for describing the presentation of a document on the browser written in a markup language like HTML. You can also say that it’s a makeup of a website, For example: as per above example, if car is a website then all the color, designs and other fancy things, which we can use into a car is the CSS, for CSS we use different properties and there values, like
<selector> {property} : <<value>>
div{color}:#000

c). JavaScript :
Last and Final is javascript also known as JS, JS is high-level client side scripting language. It enables interactive web pages and is an essential part of web applications. Through JS you can give different effects to the website pages or different elements of the pages.
 for example : all the third party accessories which we put into the car are called as JS
<script>  

document.write(“Hello JavaScript by JavaScript”);  

</script>  

Backend/Development
 After all the design and front end part it’s time to discuss about the backend and the logics of the website. This is the main and hidden part of the website. Its just like the engine of the car discussed aboveJ.


Basically development has 2 parts, which are as follows:

a). Language: This is the server side scripting language which we use to write the logics, there are many languages available which we can use PHP, ASP.NET, Node.js, Java, Ruby, Perl and Python. These languages create a communication between the server and the website pages/client. They are use to create the dynamic websites.
2. Database/Backend: This is the place where we can store all the data related to the website. There are also many databases engines available, like  Amazon Aurora, PostgreSQL, MySQL, MariaDB, Oracle Database, and SQL Server.

Content

 After creating all development and design, now it’s time to upload the content into the website. Content may images, text content, videos, graphs, maps and any other type.

design and development

 41 total views,  1 views today

One thought on “Beginner’s Guide to Web Development

Leave a Reply

Your email address will not be published. Required fields are marked *