1st Web Development Tutorial : Deploying XAMPP Server in Windows

If you want to start to learn web development and don’t know where to start, this article is the best for you. Developing a very simple dynamic website requires some basic knowledge : server-side scripting (php, phyton, java, etc); database scripting (mysql, oracle, etc), and client-side scripting (html, css, javascript, etc). In this very article, I am going to tell you very simple steps to create all of those environments in your personal computer for practicing purpose. One simple application to make that happen is XAMPP. You can download it for Windows or Mac here.

After download, install it until finished, then open up XAMPP Control Panel. There are five basic services available : Apache, MySQL, Filezilla, Mercury, Tomcat. As I mentioned above, we need Apache and MySQL server to deploy our server side scripts to be able to send them to our client. So simply just start Apache and MySQL server in XAMPP until both of them are green in the module column.

Testing Apache Server

  1. Open your browser, type localhost in the url, and hit enter
  2. Apache welcome page will pop up into your browser
  3. Now let’s go to htdocs directory inside your XAMPP directory. In my case, the directory is “D:/xampp/htdocs”.
  4. Create a new folder in htdocs directory called “firstcode”.
  5. Create a new file in firstcode directory called “index.php”
  6. Open “index.php” using notepad, and type the following code :
    <?php echo 'Hello World'; ?>
  7. Open your browser, type localhost/firstcode in your url, then hit enter.

That’s it. Your apache server is ready to use. In the next post, we will learn how to develop a simple site using PHP, HTML, javascript, CSS, and MySQL. Using those programming languages, we can make a very powerful site to help us with reporting and other things. So keep learning and don’t forget to code.

Leave a Reply

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