Charles Oduk: Fab Academy 2K19 Webpage

Week 2: Project Management

This week the major lesson was intensely based on managing the entire course by creating a github account and a website that would be regularly updated throught out the 20 weeks FabAcademy course. The website would be hosted on the fabAcademy github account.

A template webpage was provided which the students would optionally use as a base platform to develop their own website. The webpage design language was flexible.

Assignment:

  1. Work through a git tutorial.
  2. Build a webpage based on a mark down/up language

Solution:

1. Git

Git is a version control system that enqbles a user to make changes in computer files and managing/cordinating work on those files with multiple people. It is primarily used by software developers for source code management while at the same time keeping track of changes in any set of files.

Git Commands

  1. git global setup: Used for setting configuration values for username and email account
  2. git init: Creates the initial.git directory in a new or existing project. Baiscally it initialises the git repository.
  3. git clone: used to create a copy of the git repository from remote source and add the original location as a remote, thus you can pull and push files.
  4. git add: used for adding file changes in the directory.
  5. git rm: used for removing files from the directory.
  6. git commit: takes all the changes written and creates a new commit object pointing to it and sets the branch also to point to that new commit.
  7. git pull: Used for fetching the files from a remote repository and merge with a remote/local one.
  8. git push: pushes all the modiified files to the remote repository.

GitLab

I first made a gitlab account,then generated a random SSH key using the ssh-keygen on the linux command promt/terminal. I then copied the public key to my gitlab account under the ssh and finally under the ssh key setting, I pasted the public key.

2. FabAcademy Website

Since I had no prior knowledge on web design or languages, I took 4 days to study HTML,CSS and a little bit of bootstrap as I majorly had an interest in creating a website using mark up languages. The tutorials were from youtube, w3schools,codecademy and MDN web docs by mozilla. I practised on the various functions, classes and stylings within a short time I was well conversant with the languages. However due to time limitations, I decided to use a template by Siron Cesar who also happens to be a FabAcadmy alumnum among the 2016 cohort. I developed my FabAcademy website from here and custom made it to fit my preference and style.

I have two computers one with Windows and another with Ubuntu linux. I use atom text editor on my ubuntu OS laptop and atom text editor on my ubuntu laptop. This involves frequent file tranfers between the two laptops but it works well for me as it is convenient and flexible.

Below are screenshots of my Website:

Atom text editor HTML5 code for my website.

Actual Webpages.

Problems encountered this week:

  1. No major problems were experienced this week.