For someone that has never worked html before or code programming (besides for that one time with adobe animate a few years ago) this assignment is a big challenge.


All of this seemed really hard and confusing to me, but after doing everything, documenting it and then reviewing all the steps, it all starts to make sense.

The process is not hard to understand but it has a considerable amount of steps, so in order to have the information organized and not having and endless page I decided to divide it in four parts.


First things first



Fab academy created an account for us on gitlab and set a template for our page

Gitlab is an open source code web-based Git repository and collaborative development platform

You can actually use the gitlab web platform to modify your page and the information in it.

But in order to create a local repo, working locally and efficiently, and also check the changes made before uploading all the new (or the modified) archives to the server we need to install some stuff in our computer


getting started


Version control

Version control is a system that keeps track of every change made to a file in the process of making a project, and saves all the versions of it for each change you make.

Why is this important?

You will be able to restore any change as every version updated is stored. You can easily find what was changed and who made the change, so it is very helpful for collaborative projects.


Working with git


My first step was installing and setting up git

Git is an open source, free distributed and very popular version control system

I installed git for windows on my computer.

Once I had it installed I started the setting up.



  1. Establish user name

  2. git config --global user.name testuser

    I replaced "testuser" with my name.

  3. Establish user email

  4. git config --global user.email testuser@example.com

    I replaced "testuser@example.com" with my email.

  5. Check information

  6. git config --list

    It should look like the image below



My second step was creating the local repo

  1. Create a new file in my computer

  2. Copy the path


  3. Set the repo location

  4. cd path

    I replaced the word "path" with the location of my file (ex: documents/fab2019/mary



My third step was copying from gitlab to my computer

  1. Copy gitlab's url

  2. Clone the archives

  3. git clone path

    I replaced the word "path" with this URL git@gitlab.fabcloud.org:academany/fabacademy/2019/labs/tecsup/students/mary-vicente.git

Finally, the test

  1. Make a modification in the local repo, adding or deleting a file for example

  2. Check status

  3. git status
  4. Stage the changes

  5. git add .
  6. Commit the file that you've staged in local repository

  7. git commit -m message

    I replaced "message" with a label for the change made (ex:deletedimg5)

  8. Send changes to the remote repository

  9. git push origin master

    Git credential appears the first time you push. Enter user name and password for gitlab