2. Project management

The main assignment for this week was for us to get our pages running, working through a git tutorial, and to build a personal website in the class archive.

Gitlab

This week I worked on defining my final project idea and started to getting used to the documentation process. I got started with my website and got planning on my final project. With the website, I was able to change a couple of things around such as color and font and got introduced to MarkDown.

The first thing I did this week was that I got onto Git Labs, and I got exposed to the documentation process. I started off by going onto the Fab Academy website, and then, I was able to get the student agreement and get it onto my page. I started off with adjusting things on the homepage such as changing the color and the font of the website, then I started adding things to my about me page. After I finished adding information about myself, I uploaded a picture of myself, which was an interesting process, as it taught me how to get pictures onto Git Lab.

Down below is a picture of the student agreement, and how I uploaded the agreement into the web IDE. I accessed this by going into agreement.md

After I got the agreement into the web IDE, I uploaded the update on to the master branch, and I checked my website, and it was succesfully there.

Images

While I was completing these tasks, I got used to the process of uploading images, changing the actual text and website, as well as the process of commiting. The first part of the process is to upload an image. In order to capture an image on Windows 10, you must press the windows key, and get the snipping tool which looks like this:

Note- Make sure to save images as JPEG/JPG

After you have your image and want to upload it, you must go to Git Labs and open up your project, and open your project page. Once you have reached that point, you should see something with several options that looks like this:

Once you see this, you will want to click on docs. Then the next screen will pop up, and this time you will want to click on images

Then, you will click on the week/directory that you will want to insert your image into.

After you have done that, you will see a plus sign towards the top of the page. Click that

Once you click it, a drop down menu will show up. You will want to click the upload file button

After you have done this, you should see something like this:

Now upload your image!

Text

Once I completed learning about images, I learned about changing the text that is on the website. For this you will want to go into your files and open up docs (like earlier), and you will want to click assignments. Then click the week that you want to work on. After that, you should see a button that says web IDE, and you will want to click that.

After you do that, an editor like this will show up

In this editor you will enter the main text and images that go into your website. In order to enter images, you will type something like![](images/week02/EditorWebIDELook.jpg) to get the image that I have above. This will locate the image you have uploaded, and will display it on your website.

Commit

Once you have made the changes you want, you click commit, which is at the bottom left of the page when the Web IDE is open.

After that, you will see something like the image below. That is all the changes that you have made.

Just click commit again. Once you have done that, you will want to make sure that the check box is ticked at “Commit to Master Branch”, and then once that is confirmed, click “Stage & Commit”

Now check to see if it is there!

Markdown Style

Once I got my student agreement up and got used to changing and editing, I was able to get working on things such as the color and theme of my website. I first started looking at color palette for Git, and I found a lot of colors and themes that I could use.

In the end, after looking at a lot of themes and colors, I realized that the one I already had worked for me, as blue is my favorite color, and the theme implemented is simple.

Mistakes

When I was working with the Week 1 documentation, I ran into the mistake of spelling, which I realized was critical after I made the mistake. I was trying to upload an image, an I realized the problem was that I tried to type ![](images/week01/TwitchDroneSketch.jpg), but when I mistyped ‘images’ as ‘image’, and this made me realize the importance of each letter while coding.

In the image above, we can see how the big spaces in the text was where the text was supposed to be, but due to the small, yet very important error, did not display.

Git Tutorial

One of the things we had to do this week was to work through a Git tutorial. I decided to look at this tutorial here. This tutorial was very helpful as it gave me a quick snapshot of the key things that I would need to know in order to work on Git efficiently. I also watched anothether tutorial on Markdown, and this tutorial was very helpful as it gave the background of the language, and it showed many other cool things such as the benefits, how to use headings, emphasis, lists and showed them being used. The link to that tutorial is here