miayun98 / github-guide

pre-work practice

Github Guide

Description

This Github Guide is containing some notes on HTML, CSS, Git, and JavaScript.

Installation

N/A

Usage

You can review the notes in each section. For suggestions on what to study first, open the Chrome DevTools by pressing Command+Option+I (macOS) or Control+Shift+I (Windows). A console panel should open either below or to the side of the webpage in the browser. There you will see a list of topics we learned from the prework along with a suggestion on which topic to study first.

Credits

N/A

License

Please refer to the LICENSE in the repo.

Badges

Badges aren't necessary, but they demonstrate street cred. Badges let other developers know that you know what you're doing. Check out the badges hosted by shields.io. You may not understand what they all represent now, but you will in time.

Features

If your project has a lot of features, list them here.

How to Contribute

If you created an application or package and would like other developers to contribute to it, you can include guidelines for how to do so. The Contributor Covenant is an industry standard, but you can always write your own if you'd prefer.

Tests

Go the extra mile and write tests for your application. Then provide examples on how to run them here.

github-guide's Issues

Deployment

Deployment

User Story

As a boot camp student,
I want the prework notes to be structured on a webpage,
So that I can easily find and read the information.

Acceptance Criteria

GIVEN a Prework Study Guide website,
WHEN I visit the website using the URL,
THEN I can access my website from any browser

HTML

HTML

##User Story
As a bootcamp student
I want the prework notes to be structured on a webpage
So that I can easily find and read information

Acceptance Criteria

GIVEN a Prework Study Guide website
WHEN I visit the website in my browser
THEN I see four boxes titled HTML, CSS, Git, and JavaScript with associated notes listed

README

README

User Story

As a boot camp student,
I want the prework notes to be structured on a webpage,
So that I can easily find and read the information.

Acceptance Criteria

GIVEN the prework project repository,
WHEN I view the README for the repository,
THEN I can see a professional README that provides information on the project and how to use it

JavaScript

JavaScript

User Story

As a boot camp student
I want the prework notes to be structured on a webpage
So that I can easily find and read the information

Acceptance Criteria

GIVEN a Prework Study Guide website
WHEN I view the study guide
THEN I can see the four topics I learned listed along with a suggestion on what I should study first

CSS

CSS

User Story

As a boot camp student
I want the prework notes to be structured on a webpage
So that I can easily find and read the information

Acceptance Criteria

GIVEN a Prework Study Guide website
WHEN I view the study guide
THEN I see a dark blue header and footer, and four boxes with a shadow