Introduction

This page contains my notes taken while studying web design and front-end web development.

My Personal Links:

• My Github: https://github.com/epham99
• My Codepen: https://codepen.io/epham99

Technologies & Applications:

• Git (Version Control System)
• Github (Free Cloud Source Code Storage and Git-based Version Control System)
• Github Pages (Free Static Site Hosting)
• VS Code (Code Editor)

---

Getting Setup

Basic Website Folder Structure

sitename/
├── index.html
├── css/
│   ├── style.css
                          
                      

---

Blank HTML Document

Example index.html file:

---

Blank CSS Document

Example style.css file with a CSS Table of Contents:

---

Base Styles

CSS Global Reset

---

CSS Global Colors

---

CSS Global Typography

---

Glossary:

Common Terms & Definitions:

HTML

Hypertext Markup Language

CSS

Cascading Style Sheets

JS

JavaScript

CLI

Command Line Interface

GUI

Graphical User Interface

---

Helpful CLI Commands:

$ pwd (or simply "cd" on a PC) // returns path to current directory
          
$ ls (or "dir" on a PC) // returns list of contents inside the current directory
          
$ cd Desktop // move down one level into a sub directory

$ cd .. // move up one level into the parent directory
          
$ git clone https://github.com/username/reponame // copies a remote repo to your local computer