Skip to content

Week01

Part 1. Principles and practices

I work as a lecturer and laboratory assistant at the Gyumri branch of the Armenia State Academy of Fine Arts. Throughout my professional career, I have consistently aimed to create and implement sketches that also carry educational value. I consider it essential that, through my work, students are able to acquire new technical skills and explore innovative creative approaches. At the same time, I aspire to develop a tool or solution that can be integrated into the educational process, becoming an essential component of it and contributing to the practical advancement of our field. This approach has served as the primary source of inspiration for my final project at Fab Academy

Research

Some projects I was inspired with

Sketches

lllllllklnkjghghkhgkgkuhgbmhbgkuhg

Part 2. Project Management

The necessary part of Fab Lab is documenting whole your journey in the course. With this aim it’s accepted here to make Website which is going to be helpful for ourselves and for next students in future.

Requirements

Here is a description how I made a website and what i learned about this.

Here is a description how I made a website and what i learned about this.

Here is a description how I made a website and what i learned about this.

Info

Git. It’s a tool allowing developers to control versions of their projects, to distribute resources and cooperate with thousand developers around the world. Git Lab, Git Hub, and etc. are online sources which provides the connection between Git users.

Getting set up.

Info

Git Bash is basic command stroke that comes with Git, whereby we can run Git and initialize us as a developer as well as connecting our project to Git Lab that provides us hosting for our future Websites. And for editing the Website we need a program. For comfortable coding we use Visual Studio Code by Microsoft. It supports programming in all languages.

My PC is on Windows BTW. It’s needed to install Git and Visual Studio Code on Windows.

Git install

So we got the programs Git and Visual Studio, now let’s run Git Bash somewhere in a Fablab” folder (prepared in advance) by right click > * show more options (for Windows 11) > Open Git Bash here.

Open Git Bash

First off we need to configure our local git environment, with same details used on Git lab. Type the following command and write your name and email from Git lab.

Open Git Bash

$ git config --global user.name "Your name"
$ git config --global user.mail "Yourmail@example.com"

Tips I wish I knew

  • Git bash commands start with $ symbol, but don’t type it twice.
  • For paste Ctrl + V doesn’t work here, use Shift + Ins
  • Pay attention to all symbols to be written right.
  • If it doesn’t give “fatal, error” and things like that then everything goes right.

And so everything worked To check run the command: 

$ git config --list

Itworked

2. How to set up SSH

SSH protocol

SSH (Secure Shell) requires to generate a secure key and keep it on the computer. not all browsers recognize this protocol as secure.

I used this instruction for SSH. Generate SSH with following command in Git Bash, comment is optional There are several supported SSH key types.

$ ssh-keygen -t ed25519 -C "<comment>"

It generated a key and saved in user folder with name .ssh You can find key either in the folder named .pub

or by copying with command:

$ cat ~/.ssh/id_ed25519.pub | clip

Copied key add to your Git Lab > preferences > SSH Keys > Add key

ssh paste

Clone your SSH repository URL on GitLab.

SSH url cloning

Then run the following command in Git Bash with copied URL 

$ git clone paste_your_URL

Congratulations, your website is in your folder as well as in Git Lab.

Controls and commits

Now it’s needed to set control on that folder.

$ cd folder-name

To see it on Web we do commands:

$ git add .

kind of saving all changes in the local repository

$ git commit -m "Named message"

commit changes locally and give a name for easier exploring

$ git push

load changes in Git Lab in global repository

I added some “pubkic/index.html” document in folder to check how it tracks changes

track

Finally, programming

Now we’re ready to make our page. Web page programming basic language is HTML and CSS but they’re quite hard, so we use here Markdown which is simplified version of the above-mentioned and it’s completely suitable with Git Lab and Git Hub.

After activating my website in Gitlab I used Julian’s template by downloading the code and replacing the folders and files in my folder.

What is Material

The template of Julian was written in Markdown with installed Material theme in it. Material is a pre-prepared construction of web documentations with navigation panels, some colors, icons, and other helping stuff that we don’t need to write whole site from zero. For example it creates navigation bar on left and right of the Web page related to the headings automatically. Material is one of themes supported by Markdown.

In the template of Julian is all set up for our Fab Lab documentation so we need only to edit it in Visual Studio by right-click on our folder > *show more options (for Windows 11) > Open with code.

RENDERING

I didn’t want to wait until my pushes load to server and then to check my actions, so I searched way to render my site locally and check every my code in a second.