Week1: Principles,Practices and Project management

Assignments

read, sign the student/instructor/lab agreements, and commit to your repos.
work through a git tutorial.
build a personal site in the class archive describing you and your final project.

Section A

What's Git

Git is a distributed version control system that allows multiple developers to work on the same project without interfering with each other. It tracks changes to a set of files in what is called a "repository" or "repo". In this way, I can revert to previous versions of my work and see the history of changes.

Git Commands

After installing Git, the first thing to do is to set up your username and email address. This is important because every Git commit uses this information, and it is written into every commit you make and cannot be changed:

$ git config --global user.name "Damon"

$ git config --global user.email "my email"

git status: Check the status of your files.
git add .: Add all changes to the staging area.
git commit -m "your commit message": Commit your changes with a message.
git push: Push your changes to the remote repository.
git pull: Pull the latest changes from the remote repository.

What's HTML

HTML, which stands for Hypertext Markup Language, is the standard markup language for creating web pages and web applications. It describes the structure of a web page semantically and is composed of a set of elements that represent different parts of a webpage, such as headings, paragraphs, links, images, and more.

HTML elements are represented by tags, which are enclosed in angle brackets, like . The basic structure of an HTML document consists of an opening tag followed by a section where meta-information about the document is placed (such as the title, character encoding, and links to external resources), and a section where the content of the web page is placed.

HTML allows developers to structure content and organize it in a way that browsers can understand and render appropriately for users. It also provides a means for incorporating other technologies such as CSS (Cascading Style Sheets) for styling and JavaScript for interactivity.

Compression

When we start the course, we need to fully document each week's assignments, including but not limited to text, images, and videos, in as much detail as possible. However, there is a total size limit for the images or videos each person can upload. If the images are too large or the video size exceeds the limit, it can cause the repository to crash and prevent the timely display of content on the web. Therefore, it's essential to consider image and video compression from the beginning of the project. I recommend using FreeCompress, a free tool that supports various file types, including images and videos, and provides excellent compression results

Section B: Final Project

This week I worked on defining my final project idea and started to getting used to the documentation process.

Research

Cats are animals that can bring warmth to people. I have always been paying attention to the stray cats in the neighborhood, and often bring some food to feed them. Additionally, I also have a cat of my own, and the companionship with it has filled me with sympathy for the plight of stray cats. At the same time, I have participated in activities related to stray cats with students, investigating and understanding the situation of stray cats in a park.

Sketch v1

Draws the idea of cat nest on the draft book, and roughly indicates the material, structure, function and other parts