symp

Week 2 -Learning basics of html & git

.

Week 2 Learning Flow

.

01

Git basics

Learning basics git commands. Getting acquainted with git shell environment.

02

Learning html

Starting a basic html tutorial. Downloading and editing existing templates as per requirements with html editors.

03

Creating a website

Creating a website locally and adding content to page

04

Publish

Publishing the local website globally by pushing the repository

  • GIT BASICS

  • Beginning stage - 1st Day

    Learning Git basics

    I started off with the git cheat sheet in fabacademy tutorial page fabacademy.org , learning the prerequisite git commands.Other tutorials in sites like atlassian.com were also view to getmore idea about Git and version control. Installed Git bash and required software files for running it on my system. My repository in gitlab.gabcloud.org was cloned to my local system using the git clone commands as mentioned in tutorial

    .

    symp

    .

    The following commands were followed to clone my repository locally
    1. Open git bash terminal (Ctrl+Alt+T) and type
    2. git config --global user.name "your username"
    3. git config --global user.email your mail id"
    4. In order to sync files with local repository type
    5. git clone "your gitproject url"
    6. Since i had used http protocol for pulling and pushing the files simple add the below url https://gitlab.fabcloud.org/academany/fabacademy/2019/labs/kochi/students/joel-alex.git which was obtained from my gitlab account.
  • Beginning stage 2-3 days

    symp

    Changing from markdown to html

    After cloning the git repository i found that the the sample project was written in mark down. So i tried to learn the fundamanetals of mark down edting with their tutorial in mkdocs.org. I had installed python pip package manager as mentioned in the site for installing mkdocs package. After proceeding for a while i understood that templates available for the mark down is very less in number. So i decided to move to html. A template was downloaded from website and added in my local git repository

    .

    symp

    .

    symp

    .

    symp
  • Learning html

  • Middle stage

    symp

    HTML TUTORIAL

    www.w3schools.com

    Since i haven't touched html after my high school days, as suggested by my friend jogin i decided to study through online platfrom www.w3schools.com. The site explained various html in a very easy way. 'Brackets' an offline html editor was chosen forediting the files as it provided an easy content view with live preview of the script.

    .

    symp

    .

    symp

    .

    symp
  • Updating local and pushing repo

  • End stage

    Updating repository

    The html template was edited as per requirments. Pages were edited and several reference links were added to main index.html file which linked to other work file. The assignments pages,about me pages,student agreements etc were added to the main page with the help of html editor and updating it in local repositories. Major updates were commited and pushed from local repo to global repo periodically.

    .

    The following commands were followed to update global from local
    1. Open git bash terminal (Ctrl+Alt+T) and type
    2. git add . to add all files to index
    3. git commit -m ‘change you did’ for commiting the changes with message
    4. git push to push the changes to global
    symp

    .

    symp

    .

    symp

Week 1

Week 2

Week 3

Week 4