How can I start to learn Web Development ?

How can I start to learn web development ? Is it easy or not? And how can I update myself with latest web designing technologies?
So, these are the questions which always in mind of every newcomer who wanted to learn web designing, they are always in the confusion that what is the correct way to start as a complete beginner from the zero. Sometimes they also confused between web designing and web development, but later on, we’ll talk about web development.

It totally depends on you that how much you interested and serious about it, if you desperately wanted to learn then you can easily be an expert on it. There’s nothing like it’s so hard or something like its so difficult to design websites like we use or look around our day to day life. e.g: Facebook, Google, Amazon, Flipkart, Snapdeal and many more.

But if we really think about it, Scaring is natural, comes in mind when we look on it as a bunch of graphical elements like different colors, different kind of fonts, images, Card views, Tables, Animations etc. and the most interesting one is the term called ‘Responsive’ websites, responsive websites are those websites which change its elements alignments, spacing, etc according to the device it’s browsing.

But now a days it’s not a very hard concepts anymore, you can easily design your website responsive with the help of some predefined libraries, we have so many types of frameworks available for designing web sites and the best thing is that it’s all freely available to use, you just need to learn ‘How to use it’. Now if you are wondering about how to learn it then just don’t worry about it. I am sharing the one of the best sources available in the Internet to learn all these things freely and easily, you just need to follow it and practice it own.

If you are reading this Blog then definitely you want to become a website developer, and if you really want to become this, i just wanna say one thing what will make you feel crazy about web is learn the Web from the Web.

Waw ! it’s really dame true, to learn website designing web is the best place you will ever have. It will be something like you no need to study theory concepts of something first then do the practical of that, what actually we all do during our academics. You will learn the concept with the whole details about the effect of that learning. You will see all different kind of things that developed day by day and when you will observe it, you want to do it yourself which emphasis you to learn more day by day. You will be always engaged with the field you are working on. Let’s start learning Web…

Stages to follow –

Stage 1 – HTML :

HTML, you have heard about it a lots of time before. If i am not wrong HTML is the language you have learned in your school life. Yes, it’s actually the same what you have learned a long time ago but as long as time changes technologies are changes. Now a days as you have grown up, Even HTML has been grow up too, now there is called HTML5 which comes in existence. What? Worried about what is it? Don’t be. I just said that as we grown up HTML has grown up too but the difference between us and HTML is, it changed it’s name to HTML5. In HTML5 , you can not just prepare the basic structure of the web page but we have many more things that we can do. We can store and process values on variables on page itself without any databases like we do in any programming languages (Temporary variables), we can develop games on it. No need of flash to play animations on it. Even we can develop a fully functional blog with HTML4 itself without any help of serve side scripting languages.

Sources to learn –

Stage 2 – CSS :

Who doesn’t like Make-Up? Yes, you heard right makeup. We lives in such society where everybody wants look pretty, beautiful, to achieve this everyone does makeup. Similarly CSS does for HTML. CSS creates the beauty on HTML pages. With the help of CSS you can make your web page colorful and smooth. You can even create animations using CSS. You can add transitions, changing the scrolling events of your pages, mouse click events and many more. But as HTML changes to HTML5, CSS also has been changed to CSS3.

Sources to learn –

Stage 3 – JAVASCRIPT :

You have learned how your site will look like, you have design the beauty of your page yet. Now, it’s turn to create some useful tasks that your web page elements will do when some activities performed on your web pages like button click events, mouse over any text, playing and pausing some animations on page etc. With the help of JAVASCRIPT, you can do that easily. One of the best scripting language used to make a web page more smooth, flexible and platform independent is javascript. It’s not that easy to learn but whatever you learned in easy level , that will be enough to do your all tasks.

Source to learn –

Stage 4 – BOOTSTRAP :

Remember the term Responsive ? No ?, Okay let me explain you what exactly responsive website means. Responsive websites are those sites which changes its element’s alignments, spacing according to the screen size of the device it is browsing. This is the technology called Bootstrap which make it easier to design a responsive web site. Bootstrap is an open source front end framework works with HTML, CSS and JavaScript to design responsive web sites for your laptops, tablets and mobile devices.

Sources to learn –

Stage 5 – PHP :

As up to now you have learned about how your web page will look like, how the interface of your web page users will face. How it reacts based up on the user’s activity but only at client machine. But now a days we have a lots works perform on back end of our web page called server. So to code in server side we need server side scripting language which one is PHP (Hypertext Preprocessor). We have also many more other server side scripting languages are there like Asp.net, JSP etc but PHP is one of the easiest and mostly used server side scripting language.

How to Run PHP program on your local machine ?

As PHP is a server side scripting language it must has a server to run? So how can you do that? Surely you can not afford a server to learn PHP. So don’t worry about it. We have a lot of tools available in the IT market which helps you to run PHP codes on your local machine. Following tools can be used to run PHP codes on local machine :

  • WAMP(Windows, Apache My-Sql, PHP) – For windows machines
  • LAMP(Linux, Apache, My-Sql, PHP) – For Linux based machines
  • XAMP(X-for any OS, Apache, My-Sql, PHP) – It can work on any OS
    • Sources to learn –

      Stage 6 – MY-SQL :

      Now it comes to databases, We have so many data available to display on web page but we just can’t simply store them on web pages. A database management system is important because it manages data efficiently and allows users to perform multiple tasks with ease. A database management system stores, organizes and manages a large amount of information within a single software application. MY-SQL is one of open source database management available in the IT industry. I am recommending learning PHP language instead of ASP and JSP just because it provides easiest way to connect MY-SQL database with it, If you have basic concept of C/C++ Programming languages. Even you can practice connectivity of PHP and MY-SQL on your local machine with the help of tools discussed above.

      Sources to learn –

      Advance Technologies to Learn –

      Why should you learn advanced technologies? Obviously, this question will be arising in your mind. It’s absolutely true that you can develop a fully functional website with a well designed front end and a good performance back end but what if you want to design such a web site like Amazon, Flipkart, Google, Microsoft, Facebook, Snapdeal, OLX etc. Those websites are not just using the above languages, tools but they uses more than these technologies what I am going to explain to you as below.

      Frameworks – Frameworks are built to make building and working with programming languages easier. Frameworks typically take all the difficult, repetitive tasks in setting up a new web application and either does them for you or make them very easy for you to do

      • Django – A full-stack framework built using python
      • Ruby On Rails – A full-stack framework built using ruby
      • Node Js – A server-side javascript framework
      • PhoneGap or Cordova – A mobile framework that exposes native api’s of iOS and Android for use when writing javascript
      • WordPress – A CMS (content management system) built on PHP. Currently, about 20% of all websites run on this framework
      • Drupal – A CMS framework built using PHP
      • Angular Js – A front-end javascript framework

      Libraries – Libraries are groupings of code snippets to enable a large amount of functionality without having to write it all by yourself. Libraries typically also go through the trouble to make sure the code is efficient and works well across browsers and devices (not always the case, but typically they do).

      • Jquery – Its a javascript library which makes HTML documents traversal, manipulations, event handling, animations and AJAX with a much easy to use API that works with multiple browsers.
      • UnderScoreJs – Its also a javascript library which provides a whole mess of functional programming helpers.

      API – An API is an application programming interface. It is created by the developer of an application to allow other developers to use some of the application’s functionality without sharing code. Developers expose “end points” which are like inputs and outputs of the application. Using an API can control access with API keys. Examples of good API’s are those created by Facebook, Twitter, and Google for their web services.
      So, friends! stop thinking and start doing….

      If you are a beginner, you might like to refer following.

      Introduction to HTML CSS | Learn to Design your First Website in Just 1 Week



      My Personal Notes arrow_drop_up

      Check out this Author's contributed articles.

      If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

      Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.



      Improved By : vaibhav2992



      Article Tags :

      8


      Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.