Week 1
Principles, Practices and Project Management

Task

- Create a personal site describing yourself and final project.

- Go through Git Bash tutorial

- Upload using Gitbash

Task outcome

- Learn Website Developement tool
- Document steps to connect using Gitbash and adding to the Git Repo.
- Create a page describing yourself
- Create a page describing your final project with photos
- Sign the Student Agreement
- Push to git

1 - Connect with Git Lab

Connect and Link your laptop to the Git Lab

Install Git Bash
Create a safe folder to use for GitBash connection
Once created open Git Bash inside that folder, this will be used to connect and update our site and progress.

Generate a key for gitlab to keep your file using the command: ssh-keygen -t ed25519 -C " "

Once generated we take the key and place it into the SSH Keys section in Gitlab.

We give it a name to properly identify.

After this we use the command "git clone" and we are all connected.

2 - Sign and Push the Agreement

We take the agreement document from the files and input our name in the bottom of the text

We first start by opening Git Bash in our folder that was previously created.

git add .

This will start the process to add/update files on git lab.

git commit -m"Name of the update"

Compiles the modifications made in comparison to gitlab.

git push

Sends our commit to gitlab and applies the modifications.

git pull

Pull files from gitlab to our local files.

git status

Allows us to see what changes have been made and what hasn't.

To upload the agreement, we need to use 3 commands

1: git add .
2: git commit -m"name of commit"
3: git push

We can now see on git lab that our Agreement - Students.txt file has been recently updated

3 - Create Webpage

- Upon our first visit to our site, this is what it looks like.
- We can either edit/add lines to the HTML code, or use other Web development tools,
- For this I have chosen to use Nicepage

- This is our HTML Code for our webpage

Code

Action

Example

Result

<h1> </h1>

Create a title

<h1>Welcome to<Your name> Fab Academy site!</h1>

Welcome to <Your name> Fab Academy site!

<p> </p>

Open/Close
Paragraph

<p> Hello </p>

Hello

<li> </li>

Add a line

<li> week 1 </li>
<li> week 2 </li>
<li> week 3 </li>

Week 1
Week 2
Week 3

<div> </div>

Separate content
on your page

-Web Edit or

I've chosen to utilize a third party web edit called Nicepage

By using this tool it is very easy to create a new page and place all the information where we want, with backgrounds and photos that we choose.

With these tools we can:
- Create text
- Divide our page into sections
- Import photos from our PC
- Create grids
- Add icons from popular sites/apps
-Link videos or have videos directly on our site.

When we're finished or satisfied with our progress, we can select the highlighted "Publish" button and then "Export HTML"

This will update our local files so next we can use the previous commands from Git Lab in order to update our site online.

This concludes Week 1.

Week 1Principles, Practices and Project Management