Ahmed Habib

What they find "complex", I find that "routine".
My WeblogContact
Using File Transfer Protocol Client to Transfer Files

Using File Transfer Protocol Client to Transfer Files

Hi everyone, in this blog post, I will try to explain FileZilla FTP (File Transfer Protocol) client, its usages and its features. After reading this you will be able to add, upload or update files on your website file storage with FTP client.
Filezilla client is widely popular and have some great features that you require the most to manage your files inventory. You can upload files to your web server easily, smoothly and efficiently with FileZilla FTP client software. Lets go further in to this blog post, and do basic installation of this client before understanding its features.

  • First step is to download the FileZilla Client from it’s official website. Please follow the link https://wiki.filezilla-project.org/ (Download the “FileZilla Client” installer version) to download. Always download from trusted websites to avoid viruses etc.
  • Now run the installer exe file to install Filezilla FTP client on Windows OS.
  • Accept the user agreement after reading it (if asked for).
  • Set if you wanted to allow all users on this computer to run this program or for your own use only.
  • In the next, step choosing components may vary by users choice. I would go with default options and will also mark the desktop icon check-box. (so that it creates a desktop icon as well for me, convenient! 🙂 )
  • Then you will need to select install location, keep it default as well.
  • The next setup process will ask for start menu placement customization. Keep it default as well.
  • After the last step, software installation process should start and it will install and add a desktop icon for you to start filezilla FTP client software.

Now that we have installed the filezilla client to our windows machine. Let’s move on to start using it. The setup may be changed in the latest releases. Here is the screenshot of the UI I am using right now.

Filezilla UI Screenshot with Section Details
  • Run FileZilla by double clicking FileZilla icon from desktop.
  • Now, you will need account details for your web server FTP account. You will need “Hostname” for the web access. Usually this is your main website address. You will also need “Username” and “Password” for the FTP account. The credentials data is provided by host when you create an account with them. You may add details above as like in the below screenshot.
Filezilla login screenshot
  • If your account details are correct, you will see list of your files and folders saved in your web server in the 5th panel (see picture above).
  • To upload files you can simply use 4th panel. Navigate to the file which you wanted to upload and double click the file to upload. You may also upload several files at once.
  • To download file from web server to your computer, simply navigate to file in 5th panel and double click the file to download.
  • You may see status of your file upload or download through the 6th panel.
  • The 3rd panel is simply log of commands that you are issuing. Actually it’s quite handy as it will let you know if there is an issue and also which command caused the issue.

I think now you know what is a FTP client and how to install it and use it to upload or download files from your web server. At this moment, lets look at Filezilla FTP client features to better understand what it can do for web developers in general.

  • It allows file transfer between web server and your PC.
  • It is fast and reliable. Easy to use, lightweight.
  • It can save unlimited sites account in site manager to quickly access them later.
  • Features a pause and resume system while transfer is in process. Handy in case you want to stop process for any reason.

As you know web development is my field and I will be sharing a lot of information related to that. If you love web design like me and/or just starting up, subscribe to my blog for plenty of such blog posts in the future.

How to Build Your First HTML Page

How to Build Your First HTML Page

Hi there, as I promised, I will be sharing my knowledge of the field with you all. Usually I find less time but I try my best to give some time to blogging each day. If one of you became successful due to my sharings I will be glad to know. Do let me know if you find my tutorials helpful.

Today we will talk about how you can build your very first HTML page with help of your computer (I mean your brain 😉 ), PC and a software installed on your PC. Software (that we will use in this tutorial) comes by default with Windows installation. Though I will share tutorial on how you can use a professional software.

To prepare for this tutorial we will need Personal Computer (laptop or desktop as you may find easy), Windows Simple Notepad, a chair and a desk if you like. Yes this is all that you need to build your first HTML page. Ah, but one more important thing that you need is the “passion to learn HTML”. Without this passion you might not accomplish that you want to.

  • Turn on your computer. It can be laptop or desktop if your choice.. Nothing extra ordinary required here. Normal system will work.
  • Next step is to open Notepad application. It comes by default in every flavor of Windows operating system. To open, you can search for this application in Start Menu.
  • Once opened, we need to start typing some code below and later save it as a HTML file. Don’t worry much about the code at this point in time. I will explain each part of it later in this tutorial.
<html> 
  <head>
    <title>My first HTML page</title>
  </head>
  <body>
    <p>Ahmed Habib</p>
  </body>
</html>
  • Now we need to save this file with .html extension. .html is the extension that makes this page work as an HTML page. Without this the page will be a text file and will show the source code above instead. Select File > “Save as” in the Notepad menu. Name the file “index.html” and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
  • Now you can simply open the HTML page you just built by double clicking the file from where you saved it. If prompted you should select your favorite browser that you use to access websites.
  • You will notice that the page displays my name “Ahmed Habib” on the screen. Here you can play with the file change name where my name is and refresh the browser page to update the content. No need to close browser page to update you may update directly.

I’d explain the above code a bit here. The first line starts the HTML page. The second line starts the head in an HTML page. Yes that’s right HTML page also has a head and it works almost same as human brain. 3rd line sets the title of the page. You may play with this text too. Next line simply ends the head. Body is also part of HTML page and our most of the code reside in this block. later lines end the body and html page that we started above. Please comment if you required my to elaborate more.

There are many different tags that we can use to style our HTML page. There comes CSS to color our HTML page as well. For this tutorial we only wanted to create our very first page that only printed our name. We will do wonders in the future tutorials.

What is Web Development in my View

There may be many definitions for the Web and then web development. I have my own thinking style and I might have some different method to illustrate the web. Some experts may disagree but that’s how the world of web is.

In my view the “web” is same as the threads constructed by a spider but is much more wider in size and scope than that of spider’s web. In simple words web is huge or rather we can call it massive as it covers a whole world (or maybe outside of our world too? 😉 ). This is the reason why you see globe icon often being used to illustrate web.

While “development” is the process we execute to make up the “web”. This development process can be small as well as large depending on your web requirements. You can be part of the web and can make it increase by size through development process. Development can be with any tool and in any language of your choice. Its your brain that makes all the difference.

If we combine both words “web development” – it defines possibility that the web cam be developed in many ways. There may be flight of tools that we use and we can speak different languages as well as per our knowledge. You may call web development a process that helps you develop web for your client and for personal gains as needed.

In future article I will explain what makes a web so large? How you can contribute and how benefited the people will be with your invented website? Notice I used a new word “website”, will explain that too. That’s the main reason why we are here. 🙂

I Decided to Share my Programming Knowledge

I have been working as a programmer for over a decade now. I like how it all went over the years. I enjoy recalling how I got good results and often bad times in the past help me succeed in the present. For many programming can be cruel and many enjoy it like a hobby.

People around me ask how did all went fine for you? How did you got successful? What do we need to do to learn this art? What makes you feel good about programming? Why is it so tuff to learn and so on. My one word answer to all these questions is simple “hard-work”.

I recall how I didn’t sleep the whole night just for sake of learning the language. I also recall when I didn’t sleep for 2 days in a row to complete a task. It is tuff for sure when you need to find a single typo in 1000 lines of of code with using no IDE tool at all. As I said cruel but can be done easily if you have passion.

A lot of questions got asked from me about my profession each new day. To answer all of the questions and to everyone at the same time; I decided to write them up in form of blog posts. This way I will be able to help the community and not just few people around me. You will get regular posts related to programming and my thoughts here on this blog.

Also, anyone of you may ask questions through the comment section below. I’d try to answer most of them. It makes it much more organized for me and easiest for you to reach out to me. I’d appreciate if fellow programmer can answer questions if I am not available. As they say “programming can be understood more by sharing your experience with others”.

My method of writting & sharing code will be very simple. I might consider syntax highlighting as well as any direct code file sharing. It will depend on project we will be working on for learning. I will try not to share same code again and again so try to bear with me on that. In my view writing code more than once is just not required as you can reference the old code. During the process I will share my experiences and how I tackled that.

Overall, I think it will be fun learning together. We will create plenty of projects together and we will fix many of the problems. You will get to know my experiences and in return I might get happiness. Happiness is the best reward one should get. So be happy all the times and keep visiting for more such insights.