Principles and Practices, Project Management and web Development

Assignment

1. work through a git tutorial build a personal site in the class archive describing you and your final project

GIT TUTORIAL

Definition :Git is a distributed version control system that tracks changes in any set of computer files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows.

HOW TO INSTAL GIT lab

The first thing that we need is to install “Git” in our computer. For that, we just go to its official web page (https://git-scm.com/downloads) and download and install the software. Just leave everything by default. (If you are working with windows, you will see that the software installs “Git Bash”. This will be the interface, our command line, which we will use to communicate with our online repository in GitLab).

Website Development(editing of web Template)

After installing the git lab the next proccess is to build my personal site which was interesting thinks for me who was junia in programing.so if you are interested in building beutifull both comertialand private web sit follow the proccess below

1. 1.First step: download Template. at .
web templetes

how my web was look like before edditing



Edditing process

• Edditing tool selection

after downloading the web it looks gog but not my wish can that's why i asked my instractor how to eddit the websit, he respond's me that when you ahave the web templete you can use various soft like visual code , Jimdo -Modern website designs ,Network Solutions Network Solutions -An easy & efficient way to create your own website, and so on. for me i am using window steps used to install visial studio code are the following.

• Go to the official website of Visual Studio Code at https://code.visualstudio.com/
• Click on the "Download for Windows" button.
• The download will start automatically. Once it's finished, open the downloaded file.
• Click on "Run" to start the installation process.
• Follow the instructions on the installation wizard to install Visual Studio Code.
• Once the installation is complete, you can launch Visual Studio Code from the Start menu.
when you oppen visualstudio code and sellecting the my file.
here you can find the way to install visial studio code in other operating system
the reason why i decided to use visual studio code was becouse it is eseay to get live preview as you are editing yur code.

after installing visual studio code I opened the folder in Visual Studio Code and began editing by using the most commonly css and html code which can be found in this link . Because I didn't use html and CSS code to create an interesting website, this phase was challenging. here you can see the way the web is look like afeter additing the templete

link between local and remorte repository

Create our SSH-Key()

Once this is done, the next step is to create our SSH-Key,that allow us to establish a secure connection between your computer and GitLab. Open Git Bash:

1. 1.First step: identify ourselves.

Type

git config –-global user.name “your_username”

and press enter and then type

git config -–global user.email “your_email”

and press enter again. In this step Git Bash don’t give us any response. (Please use the same credentials that you use for GitLab)
2. 2.Second step: check if we already have a SSH-Key.

Type

cat ~/.ssh/id_rsa.pub

(If you see a long string starting with ssh-rsa that means that you already have a key so you can skip the next step).
3. 3.Third step: generate our SSH-Key.

. type

ssh-keygen -t rsa -C “your_email”

. Here we press enter until you see your “key’s randomart image”.
4. 4.Porta ac consectetur ac

Type

cat ~/.ssh/id_rsa.pub

and that huge string is our key.

This is genereted key
This is genereted key
here you can paste generated ssh key to link your local and global repository.

Time to clone and push your eddited File

the first step i did is search in my brouser git-lab

https://gitlab.
          fabcloud.org/

then i loged in as fablab .


when you are loged in you gitlab cloud clik on repository then select clone boton after that shoose to clone by ssh by copying the adress your cloud. through this if you are using windows open git bash and the write the comand

git clone

then peste your copied adress from your repositiory. now you are done with cloning.


after cloning i opened visial studio code to finelise my site view which means there is some change in my file neded to be pushed. here there is few stapes i used in order to push my file for local repository to global repository

my file arrangement before pushing
1. open your terminal in your visial code studio
2. write a code

   git init

   press inter
3. write a code

   git add .

   press inter
4. write a code

   git commit -m" add-comment-you-want"

   press inter
5. write a code

   git push

   press inter

If you encounter any issues with pushing to GitLab, make sure you have the correct permissions to access the repository, and check for any errors in your code or Git configuration.