Project Management | Week 2

Setting Git Lab and Creating first Index file

  1. Creating account on gitlab gitlab.fabcloud.org
  2. Verify account with email id
  3. Open your account and create new file
  4. find your profile to add Read Me & .gitlab-ci.yml file

    Code for .gitlab-ci.yml file

    # This file is a template, and might need editing before it works on your project.
    
											# Full project: https://gitlab.com/pages/plain-html
											pages:
											  stage: deploy
											  script:
											  - mkdir .public
											  - cp -r * .public
											  - mv .public public
											  artifacts:
											paths:
											- public
											  only:
											  - master
  5. Then add your basic HTML File with name index.html
  6. You check your portfolio after few hours which reflect your Index file on main home page.
  7. Now to too add your SSH you need to go in settings > SSH keys > Genrate Key
  8. To Genrate | ssh-keygen -t rsa -C "dhruvsaidava@gmail.com" -b 4096
  9. to copy command | pbcopy < ~/.ssh/id_rsa.pub
  10. Your Local system ssh is added and you are ready to push your files from local


Video of SSH Genrate and Adding


Home Brew Installation for MAC IOS

Home Brew ( GIT Installation )

GIT is to be installed by terminal command in Mac OS so we need Home Brew to install it, which is very easy method via using terminal.

Steps for Installation Home Brew

  1. Open Home Brew Website https://brew.sh/
  2. Now Copy the below command from website
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  3. Open terminal ( You can press Command + Space-bar it will open search write Terminal )
  4. After terminal is open Paste command and press enter
  5. Installation is done step by step by command itself.
  6. As soon your installation completed Enter command "git"
  7. If you find other git command explained then Installation is done properly and completed

Video of above process.

How to Use GIT for Version Control

GitHub is a web-based Git or version control repository and Internet hosting service. It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project. Read More Wiki


Basic commands of GitHub for beginners are very easy. I gone through Youtube Tutorial of 20 min which helped a lot in understanding github.


Commands used for managing Fab Academy Repository

CD
By using cd Command you can get into the destination folder where you need to clone a repository.
example 
	cd/Desktop/
( As I wanted to keep repository on desktop itself.)
git clone

By using git cLone you can clone repository from online. You need to add clone link after command. This is first step to start working with project you want to edit. Read More 

		git clone https://gitlab.fabcloud.org/academany/fabacademy/2018/labs/fablabcept/students/dhruv-saidava.git
( you need your repo link which is available after logging gitlab.fabcloud.org

git add .

We need to add changes to specific files using this command I use . to add all files.Read More 

		git add .
( Make sure you are in repository folder. Initially I was making mistake and using this command outside repository which create error in terminal.)

git status

git-status - Show the working tree status. To check status how many files added and how many changed this command is used.It will reflect in Red colour if it is not added and green colour if it is added. 

git status
Read More

git pull

Before push it is advised to do a pull so any changes done by other comes to your local repository.
after pull you may require to use :q command to quit pull request at end. Read More 

git pull

git commit

Commit create packet to send with your comment what is change done in to the packet so it shows in timeline Read More 

git commit -m "Your Comment"

git push

Git Push is final command to send packet to server were it set all file with changes Read More 

git push

And you also need to use few basic Commands for using Terminal Below are tutorials for GitHub and Terminal Commands
Sequence of commands for uploading


Tutorial by Learncode.Academy

Making of Website

Choosing of HTML
I am Civil Engineer and for me ADOBE MUSE software is perfect and easy but I always wanted to make it from strach so choose to use Bootstrap but after that i ended up with HTML Template and do HTML Coding in that.
Editorial by HTML 5up
I am using this theme as it is having good elements which is perfect for FAB Academy Documentation. I also studied its CSS.

Sublime TEXT Editor
Download Sublime Text 3
I found sublime is perfect for HTML coding and it have plug in options with lot many features of file listing and multiple windows.

  • Its Fast for Writing Code
  • Customizable UI and add on available for it
  • Sublime syntax highlighting packages give many options to make your own layouts with color coding
  • Sublime has decent enough support for Auto-Complete with different language and in bootstrap also with add on
  • Sublime opens in very fast and folder option is making much more easier to code
  • With few amazing options like ctrl+D to change all together
  • Fixing a spelling mistake with F6 is very useful in documentation
  • Multiple split to compare and check error in code


Sublime Text Editor


Web Page

Useful links

Some Quick Points

  • Bootstrap is easy to start with documentation in html it is mobile responsive
  • Sublime has plug in which makes coding easy and quick.
  • By using Java Script you can make header & footer which directly get edited and can be included in each page.
  • W3school is best to start learning HTML
  • For Screen recording I have used Quick time Player
  • I have Uploaded videos of each process to youtube which helps in reducing size of total website I will
  • ctrl+d was very much useful in sublime must check for html beginners
  • I have also changed setting of chrome browser of saving file setting so it ask me before saving file which is easier to save file to targeted folder rather than copy pasting it.
" ^ Top