Web Tutorials
Do you want to make a website of your own? Here is a small help from our side for making you skilled enough for achieving that goal. You are suggested to get an idea from the links below, yet THE KEY TO PERFECTION IS PRACTICE.

Links with "" are suggested.
For coding purposes, you can use different text editors:
  • Notepad++ (RECOMMENDED)
  • Sublime Text 2
  • Sublime Text 3 (beta)
  • Notepad (LAST RESORT)

  • Level : SpongeBob (Content Management System)

    The following two are the platforms for developing websites without knowing any knowledge of coding. You just need to upload all the content, select a layout and DONE. You have a working website. But the question is then why do people go to other platforms at all? CUSTOMIZATION. Though you get millions of layout in both of them yet if you want a personalized website, you need to do it yourself.


    WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. Features include a plugin architecture and a template system.

    The CSI-NSIT Blog is made on WordPress


    Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model-view-controller web application framework that can be used independently of the CMS.

    Level : Beginner

    STEP 1

    HyperText Markup Language
    This is the most basic you need to know about web-development. Though If you want to go through all the basics of HTML that would be actually pointless and you are suggested to get a basic idea of What is HTML and move ahead with the next thing.

    STEP 2

    Cascading Style Sheet
    This is the most fun thing in web development. You get the power of adding a design to your web page. For learning this to full extent you need to know as many as properties and attributes in CSS. This has to be read on different website and hence implemented by yourself.

    STEP 3

    BootStrap 3.3.1
    This is one of the mostly used tool now-a-days. It is a frame work developed by Twitter Inc. for us to not do the tedious job of making every basic of the site. Instead we can use this to develop an interactive website.

    Even the CSI-NSIT website is on BootStrap 3.3.1

    Level : Intermediate

    STEP 1

    This is used to add motion to website. It is a cool language to learn and all the things which can be done in JAVA can also be done in JavaScript, yet it is very different from JAVA.

    STEP 2

    It is a lightweight, "write less, do more", JavaScript library which helps in making JavaScript simple.

    Level : Advanced

    STEP 1

    PHP: Hypertext Preprocessor
    PHP is a powerful tool. You can perform all kinds of wonder with this language. It is a server scripting language. It is used to make dynamic and interactive web pages.

    FACEBOOK is coded on PHP.

    STEP 2

    It is used to create data-bases using PHP. It is a widely used open-source relational database management system (RDBMS). It is named after co-founder Michael Widenius's daughter, My.

    STEP 3

    Asynchronous JavaScript and XML
    AJAX is not a programming language, but a way to use existing standards. It is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page.

    Level : The Dark Knight

    STEP 1

    Ruby on Rails
    It is an open-source web framework that's optimized for programmer happiness and sustainable productivity. It lets you write beautiful code by favouring convention over configuration.

    STEP 2

    Django is a free and open source web application framework, written in Python, which follows the model-view-controller architectural pattern.