1st week Assignment

Project Management

NSCP

Individual Assignment

Git.. GitLab... GitHub… What are they?

Are they related? What I need to know? I read Pedro Caneias web site. He suggest to watch a tutorial on Coursera , however, it cost. So I decide to use youtube to understand more about it. I found Soy Dalton Chanel . Git is a software that function as a version control system, allows to work in a collaborative way that record different versions of a coding. Thus, is a cloud-based platform to build coding projects freely, and where averyone could contribute due to its version control system - VCS. meaning that allows to track changes in computer files. Thus, it is used for source code management in software development. There are different tools that work based in Git, like GitHub or GitLab , along many others platforms that will receive all the information that we upload to our Git File. They are web-based git repository, function as a DevOps platform facilitating software building fostering collaboration. All the tutorials that I review are in spanish.

Thus, Git will allow us that our files for our web page will update to the GitLab repository that belong to our user. To configure our file we need to commit our local repository to the GitLab platform. Thus, we will need to run Git Bash, an application from Git that run for Microsoft Windows interface. Git Bash (Bourne Again Shell) that brings an emulation layer for a Git command line experience. A shell is a terminal application used to interface with an operating system through written commands. The following photo shows GitBash interface

The following sumary will provide some description for each written command that we will use in Git Bash:

  1. The 1st command $ git init tag Initialized empty Git repository relatied to selected directory.
  2. Then $ git config --global user.name will help us to establish the global user
  3. Using $ git config --global user.email allow us to connect our user with the email that is registered on GitLab Platform
  4. With $ ssh-keygen -t rsa -C "email" allow us to generate our Key, the code that will provide us we need to "copy" within our space within GitLab.
  5. Then $ clip < ~/.ssh/id_rsa.pub will conceale our local repository with our id.
  6. Using $ ls we can identify which directory is reading our Git repository.
  7. The command $ git clone will clone our GitLab repository to our local disk/file.
  8. With $ git pull will review all the information uploded to our GitLab Space and tell us if our local repository have the same information that is located in GitLab
  9. With $ git add . once we update our local files we can update our GitLab Space
  10. Finally, using $ git commit -m 'first upload'
    11. I launch my first web progress

Creating My Web Page

I review the information provided within FabAcademy platform and the class video. We need to develop our web page using html and CSS coding. Somehing that I've never used before. Thus, I notice that we can use a template. Following professor suggestion I visit html5up web, reviewing different templates, downloding 4 different designs to decide which one could provide me an adequate and easier framework to work. I finally Choose the one called Future imperfect, you can direct to this web page to download the files

o understand html and CSS coding I review diferent web tutorials, and I found great youtube videos created by the usuario HolaMundo in Spanish.I provided here direct links to html and CSS. In those tutorials, similar to my instructor suggestion, they recommend to work with Visual Studio Code. An open source software, supported by Microsoft, that allows you to visualize the coding and previsualizes our progress in the web page, because you can download different plugins. This software also allows changes tracking and coding with Java, JavaScript, Python, C, C++, and other different programing languajes.

Withih VSC I explore the rpogram following tutorial instructions, thus in extensions I explore options to change text colors chosing 'Andromeda' dark theme, with neon colors. I also instal 'GitLab Workflow', 'HTML CSS Support' and 'HTML Preview'. Within VSC I tokk the following steps:

  1. Intalled VSC in my case I downloaded Windows version.
  2. Once running the program I went to File from menu options
  3. There I choose Open Folder option because when unzziping the template, every file was in a folder.
  4. Then, from the lateral menu select Explorer.
  5. There, clicked the public dropdown menu and appeared 3 options.
  6. A folder called assets where you can get acess to a file CSS coding.
  7. Another folder called images that contains images used in the template, and provide information regarding images dimensions that we need to consider to mantain the selected web aspect.
  8. An index.html file, the one with the basic structure that can be vary.
  9. A file called single with a basic coding to one single web template
  10. A txt file README containing basic instructions and recognizing the authoship
  11. Finally, the txt file license
  12. I decided to start editing index.html
  13. And use single.html template to build each assignment web page

The template that I choose provide different examples for coding things like parragraphs with images at left and right, include bullet points, bulid tables, link web pages, and other. Howeverm, did not have examples to include videos or include coding instructions in our web pages. Thus, I used suggested html and CSS coding from W3 School the web allos tu run the conding example and provides you and idea of real visualization. And because it provides also CSS coding examples, provides applications using both at the same time. Brings also definitions, other attributes that we can add to our basic coding, and inforamtion about, in this case, supported formats for the video.