elizabetholsavsky / prework-study-guide

This study guide collects and organizes the most important learning concepts from my prework modules in my full stack flex bootcamp.

Boot Camp Prework Study Guide

https://elizabetholsavsky.github.io/prework-study-guide/

Description

This study guide collects and organizes the most important learning concepts from my prework modules in my full stack flex bootcamp. Topis include Git, HTML, CSS, and JavaScript. I deepened my understanding of the topic's key concepts by putting newly acquired skills into action. I also became more familiar with GitBash, VSCode, Google Chrome Dev, Git flow, and a variety of keyboard shortcuts. I am now able to reference the material in an easily accesible and organized location.

Table of Contents

• Usage
• License
• Contact

Usage

The guide is organized into four study areas for student review including Git, HTML, CSS, and Javascript. First, visit the webpage and open the DevTools console by pressing Control+Shift+I (Windows) or Command+Option+I (MacOS). Next, view the "console" tab. JavaScript will randomly pick one of the four content areas for you to study first. A new random selection is made when the page is refreshed.

License

MIT License

Contact

• Email [email protected]
• LinkedIn https://www.linkedin.com/in/elizabetholsavsky/
• Portfolio https://elizabetholsavsky.com/
• Hashnode Blog https://blog.elizabetholsavsky.com/
• Twitter @elizavsky

prework-study-guide's Issues

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

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
Issue #5:

HTML

HTML

User Story

As a boot camp student,
I want a Prework Study Guide website,
so that I can review all the information I learned throughout Prework.

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
WHEN I view the study guide
THEN I see a dark blue header and footer, and four boxes with a shadow
WHEN I open the console in my browser
THEN I can see the four topics I learned listed along with a suggestion on what I should study first
WHEN I visit the website using the URL
THEN I can access my website from any browser

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