Introduction

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

My Personal Links:

• My Github: https://github/lilyri
• My Codepen: https://codepen.io/lilyri

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

---

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