Hello guys, those who are willing to learn about web development or want to learn how to code. This is a very basic tutorial for them to understand why do we need to learn how to code? Without understanding basic concept you can become a developer but you suck trust me.
Let's understand programming from scratch and then you will appreciate reading all my tutorials before you jump on to intermediate or advance level of tutorials. We usually call internet as web. Since computers are found internet has become very popular source of doing online business.
Every online business they either have their own website or mobile app. In order to create these app or website we have to understand technologies used behind it. Computer only understand binary language either 0 or 1. Top of their binary language humans have created their own languages to communicate with computer so that they can follow their command and give them what they want.
These human created languages are called programming languages like c, c++, java, php etc. There are plenty of new languages but all of them have common formula. What I mean is common concepts no matter what language you learn you will always follow a similar pattern. We will go through this in my later tutorial. Let's understand how internet works:
What are the main components of a web application. A web application is a program written in human language. Followings are some of the main component of a web application:
A computer or Mobile or Tablet ( client ) A web server ( remote computer where your web application runs ) Internet ( technology that connects your client computer with your web application ) A web browser on client machine In few words, the computer you use at home can be called as client. In your client machine you need to have a web browser like google, safari, opera, firefox etc.. When you open a web browser and type any website name using internet connection you will be able to browse any web application or web site.
What is HTML? Hypertext Markup Language (HTML) is the language used to design the web pages. A web application is composed of single or many web pages. In short, to create a website you need to have either single or multiple web pages. In this tutorial we will learn how to create a web page using html language.
There are two types of web pages:
- static web page
- dynamic web page
When you start your computer and open a web browser say chrome. You type in a website url and hit enter. Soon as you hit enter you make a request to remote web server. Here is where magic happens the web page your requested could be written in different languages for example:
This file extension decides which application this web site is built in. If you request index.php which means a web server should have php installed. PHP application server then process the code written in php language and convert it to html. If this additional process happens then we call this web page as dynamically processed web page.
In short, if requested web page is only written in html there is no need for application server to run and it is called as static web page. Let's create a sample html page on your computer. In order to create a web page you need to have text editor installed on your machine if you do not have one I would recommended to download one of the following editor to begin with:
- mac users ( sublime )
- windows users ( notepad++ )
- linux users ( geany )
Once you install this application in your computer open this editor and paste following html syntax to newly created file:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Static Web Page</title> </head> <body> <h1>Welcome to my first web page</h1> </body> </html>
Now, save this file on your desktop with file name called "index.html". File extension .html meaning we have written this web page in html language. In upcoming tutorials we will learn more about html. Once you saved your file you can go to your desktop and right click this file and open with one of your choice of web browser i.e chrome, firefox or safari.
Once it opens your page in web browser you will see a text called "Welcome to my first web page" on your web browser screen. You might be wondering why only part of the text is displayed on my screen but now whole file content this is because everything you write withing tag is displayed on your web page.
Html uses different tags to style your contents. We will learn about different html tags in upcoming tutorials. I hope now you have following concepts cleared:
- A website
- A web server
- A client machine
- A web application
- A web page ( static or dynamic )