Week 1 Principles and practices,Project Management

This week I'm starting Fab Academy, and I'm excited to be able to complete my first week of assignments with the help of the course, local mentors, and tutorials online:

Weekly Assignment

Read, sign (add your name to) the student agreement and commit it to your repo
Work through a git tutorial
Build a personal website in the class archive describing yourself and your final project. Refer to the lecture material for examples.

1.Fab Academy Student Agreement

Student Agreement

Elsa Cui

2.Git tutorial

Git is a distributed version control system primarily used for software development process management and collaboration.

Step 1: Install Git

Visit Git for Windows to download and install Git. After installation, verify the installation by running the following command in the command line:

git --version

Step 2: Configure Username and Email

Set my global username and email in the command line. This will identify my actions in Git.

git config --global user.name "elsa-cui"
git config --global user.email 17658012803@163.com

Step 3: Generate SSH Key

If you do not already have an SSH key, generate one using the following command:

ssh-keygen -t rsa -C "17658012803@163.com"

Then view the content of the generated public key:

cat ~/.ssh/id_rsa.pub

Add this public key to my Git hosting service account (such as GitHub, GitLab).

Step 4: Clone Remote Repository

First, navigate to the directory where you want to store my project, then use the git clone command to clone the remote repository. If you encounter a host key issue, manually add the host key first:

ssh-keyscan -t ed25519 gitlab.fabcloud.org >> ~/.ssh/known_hosts

Then clone the repository:

cd ~/Desktop
mkdir fabacademy-repo
cd fabacademy-repo
git clone git@gitlab.fabcloud.org:academany/fabacademy/2025/labs/formshop/students/elsa-cui.git

Step 5: Update Project Files or Images

Navigate to my local repository directory and start adding or modifying files.

cd ~/Desktop/fabacademy-repo/elsa-cui

Add all new files to the staging area:

git add .

Commit changes with a descriptive message:

git commit -m "Update homepage layout"

Check the current status:

git status

Pull the latest changes from the remote repository:

git pull origin main

Push local changes to the remote repository:

git push origin main

By following these steps, you should be able to manage your code using Git smoothly. If you have any questions, refer to the official documentation or seek help.

3.Personal Website Creation

3.1 What is HTML?

HTML stands for HyperText Markup Language. It is the standard language used to create web pages. HTML is not a programming language, but a markup language that tells the web browser which parts of the content are headings, paragraphs, images, links, buttons, and more.

3.2 What is HTML used for?

Displaying webpage content (text, images, videos)
Defining the structure of the page (headings, paragraphs, tables, lists, etc.)
Loading other resources (CSS styles, JavaScript scripts)
Creating links and user interactions

3.3 How to Install VS Code

Go to the official website: https://code.visualstudio.com
Click “Download” and choose the version
Install and open the application

3.4 Key HTML Tags

Tag	Function
<html>	Defines the beginning and end of an HTML document
<head>	Contains the title, encoding, and style/script links
<title>	Sets the title of the page (shown in the browser tab)
<body>	Contains all the visible content of the page
<h1>	Main heading (largest text)
<p>	Defines a paragraph of text
<img>	Inserts an image
<video>	Embeds a video
<a>	Creates a hyperlink

Problem Notes

1.1 Uploading Videos and Files to a Website

Make sure to compress videos and large files before uploading. Avoid uploading oversized files to ensure faster load times and better performance.

1.2 Using Git for Code Management

When working with Git, pay attention to merging code between the main branch and other feature branches. If you encounter merge conflicts, resolve them and commit using the following command:

git commit -m "Resolve merge conflicts"

This helps keep your codebase clean and avoids future integration issues.