This is my first week of Deploma in here in Fab Lab Khairpur. Our instructors guided us about the usage of the different eye catching machines and gave us a overall short intro about Deploma.On Wednesday 16th 2019 of January, Sir prof. Neil Gershenfeld gave us detailed introduction about FABLAB. I really love to work in FABLAB with FAB community.

The tast of the first week is to buid a personal Website that we will be used in the six months of deploma in Fab Lab and will be used to documents the work, progress and achievements in the Fab Academy Deploma,this is my first time i am going to coding for website,so I started to learn the website development with the help help of online tutorials of HTML and CSS.

Some usefull links: [1] [2] [3] and [4].

Learning HTML and CSS

Learning the website development

After learning the basics of html and css I further tried for a template, so I looked for different templates.


But it was not satisfying me, so I decided to make my own. So in last I came out with this Home page of my website
Notepad++

Downlaod Gitlab.

Git
Git is a free and open source distributed version control system(Version Control is the management of changes to documents, computer programs, large websites and other collection of information)designed to handle everything from small to very large projects with speed and efficiency.Its goals include speed, data integrity, and support for distributed, non-linear workflows. Large software projects require some piece of software to keep track of all the different changes made to a code base in order to track things like: Who edited a certain file; what they changed; and how to get back to the original code if necessary. Git does all of these things and more, so it's not surprising that most large software companies use git!.
Git is too much usefull in many ways.

If you accidentally delete your code, using git can help you get it back.

If you accidentally change your code and break something, git can revert it.

Git lets you share and exchange code with other developers easily.

If you want to know what recent changes you made to you code, git will show you.

Git lets you backup your code easily to a remote server.

For the first time use we have to make acconunt in git and use command commands so we can upload or update our website every time.
Steps

Create an account in Git lab.

Download and Install Git.

Generate SSH key.

Add an SSH key.

Clone the repository.

Input your name and email ID.

In this Link you can find all the steps and commands for the git.

The steps are explained in the following lines.

Sign in to the Fabcloud.

Download and Install Git.

Open the git bash.(use the commands thats are given in the avove link).

Paste this command(cat ~/.ssh/id_rsa.pub) and press enter..

Now we have to generate the SSH key to generate a new SSH key, use the following command:

ssh-keygen -t rsa -C "$your_email".(instead this paste your email address) and press enter..

This command will prompt you for a location and filename to store the key pair and for a password. Now the key is generated to show the key use the following command.

cat ~/.ssh/id_rsa.pub.

Please copy the complete given key starting with ssh-rsa and ending with your username and host, and paste it to the fab cloud>>settings>>sshkey>>key and press enter. Clone the archive. paste the following command in gits bash.

git clone git@git.fabacademy.org:fabacademy2019/fablbkhairpur/students/ali-haider.git( and press anter and wait for a while.).

Now use this(git config --global user.name johndoe) command with your user name.

Finally use this command(git config --global user.email johndoe@example.com) with user.id.

Now every thing is ready now you can upload your website.

For the further check I have use the cd command to reach my local repository..

All the above steps and command are shown in the following images.

Here, a folder is created on my desktop, now it's time to upload the website which I have created.Now we can upload or update the webiste everytime.

I used some commands to upload the website using the Gitlab.

The following commands are:

cd(used to reach the directory where the clone is actually)

git pull(used to get the data from the git server and update the clone that is in my computer)

git status(this command tells us the current status of our files that whata changes have been done)

git add(this command is used to add new changes in all directories and subdirectories.)

git commit-m""(this command used to track the changes that we have done in Git and m is used as a message for these changes and in future we will remember these changes by this message.)

git push(in last we use this command, this command complete the process by pushing all the data to the website)

So in last we successfully upload our website.