WEB DESIGN

To create a website, I downloaded a free HTML5 Bootstrap Template template from the internet https://freehtml5.co/demos/marble/

Edited Home page

I edited the html codes, where the banner was removed, the content and menu bar were edited. Because, I am not expert in web design I used different tutorials helped me to understand some command and keywords used in web developments.

For Building My Website I used HTML

W3Schools helped a lot because it was my first time to develop my own website.

Html source code of my home page

TEXT EDITOR

To write codes, I used Sublime text, the most popular and convenient text editor . This editor has the ability of supporting many different programming languages and makeup languages. Additionally, sublime text is compatible with windows, linux and Mac OS. However, this editor requires a license for continued use.

Version control

Before diving into git codes and commands, I spend a time on reading what git can do for me and why git is better that other existing project management tools. I found that (I come to know that) Git is one of the best open source tools that can helps us manage our project’s files easier. One of the advantages of git, it keep track any change I made on my project. For instance if I changed some codes in my website repository it tells me which file I changed, it will even indicate which lines of codes I added or removed, the revert change is I also applicable in git.

Collaboration is another cool feature of the git, where a team of people working on the same project, it help them to avoid deleting accidentally, duplicating some files or overwriting, tracking changes and merging, this is what git does for us.

git tutorials

This is the online tutorials helped me to understand the difference between Git and GitHub.

Downloading Git

To get my hands duty, I started from installing the git in my computer, since I am using a Mac OS, I used the command line to install the git in my PC.

Here are git’s common vocabulary :

Here are git’s common vocabulary :

• Project = Repository
• Working directory which is located on your local machine
• Commit = Git’s way of saving (git does not save any change we made in its history database until we make a commit )

Deploy a website to a remote server with Git push

1.Initialize the local directory as a Git repository:

• $ git init

2. Add the files in your new local repository. This stages them for the first commit:

• $ git add .

3. Commit the files that you've staged in your local repository:

• $ git commit -m "First commit"

4. In Terminal, add the URL for the remote repository where your local repository will be pushed:

• $ git remote add origin remote repository URL # Sets the new remote
• $ git remote -v # Verifies the new remote URL

5. Push the changes in your local repository to GitHub:

• $ git push -u origin master # Pushes the changes in your local repository up to the remote repository you specified as the origin