Web Development for Beginners

You search about everything on Internet, unlike old times where people went to library and newspaper articles for information.  Website is that place on Internet where people easily find information about you with few clicks. So, if you are planning to learn web development you are going to learn skills of future. Internet is evolving every day and so are websites. Websites are no more limited only to Desktops; they have accessibility through smartphones, laptops, and tablets.  Also, when we said It is evolving every day we also meant it is being easier to use. The concepts like email sync, calendars, bookmarks, search history etc. is making it more accessible.

When you say you want to learn developing a website you should keep in mind that you will be learning and writing a lot of codes. There won’t theories and concepts you will read first and then do the codes, you will have to experiment at times and also learn from other developers.  Also, different kinds of things are developed day by day on websites; you will need to be updated with the latest features.

Some terms you should know:

  • DNS – domain name system, it is system used to name the domain that is website addresses.
  • Client machine- it is the computer that is browsing the website.
  • Server- it is a host of the website, where all the data and web pages are stored with an IP Address.

How does websites work?

We’ll keep it very simple.

You search a website on browser with its domain name which is also known as website address. This domain name is tied with an IP address which tracked via DNS (Domain Name System). So when you search a website address the browser searches for the domain’s IP address and the server where all the webpages are stored. The browser requests for the copy of web pages to the server. Once received it translates the codes and displays the website.

Let’s break down the concepts that you will get to know once you start with web development. Consider website as a wall and these concepts as bricks to build that wall. Every brick is important to make the website accessible, visually beautiful and responsive.

#HTML

Hyper Text Markup Language, HTML is web’s language. It is similar to the language that we learn in school. We also call them codes. HTML is used to build the structure of a website. You structure the content of the website. With the new updates of HTML we can add animation, media etc. With HTML 4 you can make a fully functional blog without any help of server.

You can learn it on:

  • W3school
  • HTML5-Tutorial

#CSS

CSS stands for Cascading Style Sheet. Like us our websites also need to look beautiful and what makeup does to us is what CSS does to HTML. You code with HTML and make the basic structure of the website but when you use CSS you make the website visually appealing. CSS can be used to add animation, transitions, mouse clicks events etc. Also, as HTML grew to HTML5, CSS grew to CSS3.

You can learn it on:

W3school

  • CSS3 Tutorials
  • CodeAcademy

#JAVASCRIPT

HTML has made your website’s skeleton CSS has added skin to it now JAVASCRIPT will add life to it. JAVASCRIPT, also called Java, is a text-based programme which allows you to add interactive elements on you website. You can add play/pause button for the animation, mouse hover movement, clickable events etc. Java is important to make the website engaging for the user. Java also makes sure your website is smooth, flexible and platform-independent.

You can learn it on:

  • W3school
  • CodeAcademy
  • Edx.org

#BOOTSTRAP

When we say a website is responsive by that we mean the elements of the website are able to change its alignment and spacing according to the screen size of the device. Bootstrap is the system that helps doing this. It works on front end development  with HTML, CSS, JAVASCRIPT to make the website responsive.

You can learn it on:

  • W3school
  • CodeAcademy

#PHP

Till now we worked on front-end development that is what client machine will receive and see of the website. But we need to make sure smooth functioning on the back-end too that on the server side. PHP (Hypertext Pre-processor) is basically coding on server side. PHP makes sure good website performance, interaction with database, receiving or sending cookies etc. Following tools arebe used to run PHP codes:

WAMP– For windows, LAMP– For Linux, XAMP–For OS

You can learn it on:

  • W3school
  • Learn PHP org
  • CodeAcademy

#MySQL

You put up so many things on your website so many codes go behind it we need to save it all at one place. And hence we need to store and maintain a database for every website. MySQL does exactly that for you. The system help you store and maintain large database at one place. You will need to learn the connectivity of PHP and MySQL on local machine with the tools mentioned above.

You can learn it on:

  • W3school
  • My Sql Tutorial org

             Did you find the process of coding to designing to database maintaining for a website fascinating? If yes web development is made just for you! So now that you know all the basic concepts that build the website you have already started learning web development. So, all the best with you web development journey!

Leave a Comment