Web Development Basics
To build this site, I had to understand the "Big Three" of web development:
The skeleton. It defines the structure: titles, paragraphs, and images.
The style. It controls the presentation, colors, and layout of the document.
The brain. It allows the page to react and implement complex features.
Mastering Git
Git is a version control system that allows me to track changes and collaborate. Here are the essential commands I used:
git add .
Adds all changes made to the staging area.
git commit -m "message"
Officially saves your changes with a descriptive label.
git push
Sends all your commits from your computer to the remote repository.
git pull
Brings the latest changes from the cloud to your local device.
Setting up the Environment
I cloned my repository to work locally in Visual Studio Code following these steps:
- 1 Copy the SSH/HTTPS URL from GitLab.
- 2 Create a project folder (no spaces!).
- 3 Open the terminal and use
cd folder-name. - 4 Run
git clone [URL].
Visual Progress
Here's a look at my first HTML exercises and the structure I planned for the site.
First steps with tags and structure.
Full HTML example page. View Example →