Wk1: 2016/01/27

The assignments for week1 were as below;

1. Build a personal site describing you and your final project.
2. Upload it to the class archive. Do a git tutorial.
3. Plan and sketch a potential semester project and add it to your website.

Before enter the explanation, I would like to show my system environment below.;

System Emvironment:

• PC: Macbook Air(2015)
• OS: iOS Yosemite v10
• Coding Soft: Sublime text 2.0
• Browse: Google Chrome / Opera
• Command line tool: iTerm

Fortunately, I worked as server side engineer, using Ruby on Rails, I had already set up my coding environment before the class start, so mainly I am using the same system environment as bofore.

Though I can write code to a certain extent, I had never developed website using HTML/CSS/JS from scrach since my high school days, that is over 5 years ago, so I have to learn basic skills for HTML/CSS/JS again.

For my study, I took simple and free tutorial of codecademy, which is an online interactive platform that offers free coding classes in 9 different programming languages(Ruby, HTML, CSS or so). After I complete HTML/CSS course in codecademy for 3-4 hours, I started to build my website.

In additon to that, I used Bootstrap, which is free and open-source collection of design template, and it will help me greatly. Regarding to the other parts, I implemented functions(fixed navigation bar/respond navigation/or so) by using tips from Google and by trial and error.

Coding HTML/CSS on Sublime Text

In the class of week1, Prf. Niel taught us how to use version control protocols, which called "Git", which is widely-used source code management system for software development.

Fortunately, I had already known how to use version control protocols with Git because I was using Github flow in system development when I worked as server-side engineer at ICT startup in Africa last year, then I was able to setup and operate Git easily.

I summarize and write briefly how to set up and operate Git as below.

Basic setup

1. Make account of Gitlab

   First, I signed up Gitlab, which is a web-based Git repository manager Fab Academy Organizers directed us to use. (The function itself is almost same as Github)

2. Generate SSH key

Next, steudents had to generate ssh key for Gitlab by referring to the web manual on Github("Generating an SSH key"). SSH is a encrypted network protocol to allow users remote login and other network services to operate securely. As for me, I had already generated, so I registered my ssh key to Gitlab.

3. Register ssh key and setup connection

   After generating ssh key, copy and past the key to gitlab to setup secure connection betweek our PC and remote repository.

Prepare working directory

After finishing basic setup, I prepared working directory in local envirnment. First, to clone remote repository to local by, put the code below to terminal.

git clone (remote-repository-url) . # Clone a repository into a new directory

Record working output in remote repository

After we finished your temporary work, we have to uplaod your work. To do so, every time finishing and updating our work, we have to do sequent process below, so that we can record changes we made to remote repository and deploy our up-to-date version to server.

git add . #Add current file contents and changes to the index.
git commit #Record changes to local repository.
git pull #Fetch from and integrate with remote repository
git push  #Post working record to rocal repository

Other frequent Git code

Thogh there's no explanation in the class, I will list up frequent used and userful git codes below.

See the proposals of final project