Week 2

The work flow to setup git is as follows

Installing Git Bash-
Git works on linux based systems and in windows there is a subsystem of linix.The Gitbash allows us to work on the terminal like linux you can also do change Using the GUI of gitlab but having a hands on CLI is better.
You can download git bash from here

Setting up SSH Key-
The SSH protocol provides this security and allows you to authenticate to the GitLab remote server without supplying your username or password each time.
Basically SSH encrypts your files to send it from your local machine to the repo via remote server.For more info you can refer this tutorial by Digital Ocean
The command to generate pubic ssh key i used was
ssh-keygen -t rsa -C "my_email@example.com"

Now copy the key and paste it to the gitlab account

Initializing git-
One way is to go to the directory where you want to initialize the git the easier way for windows is to just right click over the folder and select Git bash here,after tht type following commands
git init

Configuring the git-
Typing the following commands to configure with your email and username for one time so that you don't have to enter all the time
git config --global user.name "My Name"
git config --user.email "my email"

Cloning the repo to your local machine-
Basically this command actually make a copy of your repository present on git to your local machine.The command is
git clone https://paste the link

Checking the status-
Checking the status tells the current scenario what is happening to your repo how many files are ther which are not added everything should come responsive
git status

Pushing the Files-
To send the file to your repository basically three commands are written in this sequential manner-
git add .
git commit -m "your message"
git push
the "add."" command takes all your files in that folder to send it to your repo, the commit allows you to write a relevant message before pushing your files and the push finally pushes the files to your repo. After you refresh the gitlab account you will find all the files that were on your local machine will now also appear on the gitlab repo.

Experience

Initially to a noobie like me it gives of a feel of being like a 'hackerman' doing all the push and pull for the first time using the commamnd line interface and everything is so new, overall it's a great project management tool where one can collaborate and showcase one's work and all can be achieved in a continuous integration process.
What I understood by using it that ,It has a MASTER line like consider it a ling holloe pipr from where water can flow, and every other user is pushing their water from their small-small indiviual branches of pipes to the main branch to that pipe line.The above theory is all imagination just for a nothing could be actually true but just to understand from my perspective i like to breakdown them into little exmaples.

Website Building

After the most difficult part this was one of challenging as well as inetersting part.This year by default a demo website is already made by the lab. It's based on MkDocs which is a static site generator. The files are written in MarkDown with a single YAML configuration file.

For building the website I opted to make it from the scratch. I statrted getting used to html
I guess the best tutorial is given in W3Schools . But just getting the html was no good in appearance I started learning about bootstrap and CSS for styling and getting used to it.

MkDocs-

So as already mentioned this year MkDocs is used as a static site generator the good thing about it I liked is that we can simultaneously preview that how Our website will be displyed over the web

Experience

For a layman/fresher like me getting hold of it is comparatively difficult than html and css also for it we need to install Python and the pip package manager in your local system for editing of the website
I tried to to it but failed miserably . The problem occured because I was not giving the right path where my python.exe was installed.After a heck of breaking my head i switched to form it via html+css framework.
Unfortunately I did not take any screen shots of the process of isntalling pyhton making path and installing pip package but I had a knack initially for making my own template using html+css so I very early didn't give much time in understanding the whole process of MkDocs rather than invested my time for learning HTMl editing a template.

HTML-CSS-BOOTSTRAP-

They are comparatively easy to understand and apply for me. I downloaded various themes from here and tried editing it via Sublime text , apart from sublime there are other text editors too for instance i first started editing in notepad and save the file in .htm extension, but sublime allows you to preview your webpage before publishing it and it has a good working environment i tried Atom but sublime worked for me.

Understanding Bootstrap

Bootstrap can be added via adding a link in the stylesheet or it can be downloaded, I used the CDN(adding a link to my stylesheet). It divides our page into 12 equal column and we can customize the part which we want to add text or a picture basically it was the best feature I explored and it helped me editing my templates faster.

Working for the Website-

For making my own website I downloaded various themes from freecss.com and looked for the best one that pleased me.

I downloaded Various layout and tried editing them in sublime text editor.

For editing the best way I found that in Google Chrome browser if u press
ctrl+shift+i
It will show you the source code of the current page and by clicking on the pointer if u go to any section the web page it will point to it's corresponding code in html which made it easy for editing a big line of code in sublime text editor also You can find the erors if any thing happens to the web page.

Experience-
Initially it was all fuzzy observing the css files and the html files and adding my own imagination to the framework, but as soon as i got used to it it was the fun game, Here are some snapshots of my website during buildup process-

Basically there are tagsfor attributes in html like
h tag for headings
p for paragraph
br to break the line
and the class attribute specifies one or more classnames for an element. The class attribute is mostly used to point to a class in a style sheet.
One can use a div tag or section tag to make a division or section of a page
Ater getting a lil bit used to them and heck of editing...
tadaa finally my own website was online on the Fab Archive.

Personal Outcome

It was a starting experience where I was taught various types of project management techniques,
Neil introduced us the Spiral Development where we try to make a small part of a bigger thing and one by one add new things on top of it, The TRIAGE term was introduced which was like what you think to develop could be very ambitious and the actuall development might differ what we initially think, I hope to learn progressively on the upcoming weeks.
Working on git was really a rocket science earlier but through the week and with the help of my instructors I was finally made to get comfortable to it.
Documentation is the key-
This week I learnt the most important feature in any project development, that is Documentation, earlier while making projects for my college I was never into documenting things but now i learned it's importance, so that any other person who is not as used to in that particular field should be able to learn and undersatnd while reading the document related to it.