Giter VIP home page Giter VIP logo

prework-study-guide's Introduction

Noah's Pre-Work Study Guide Webpage

Description

  • This Pre-Work Study Guide was designed with the goal of assisting with other like-minded peers as to myself who is eager to learn about HTML, CSS, Git, JavaScript and many more Coding terms.

  • What was your motivation? - My motivation was to become exceptionally well-versed in computational thinking, coding terminology, and be able to practice coding in an moderate level to further be utilized as the start of the Coding Boot Camp nears.

  • Why did you build this project? - I decided to build this project to develop my coding skills through various coding platforms like HTML, CSS, JS, and the general use of terminals and Git. I am happy to say I learned an outstanding amount and am reviewing my reading materials each day to understand terms such as elements, variables, metadata, header, footers, etc.

  • What problem does it solve? - This project has solved the issue of eager students looking for a interesting and interactive study guide to learning the more well-known coding platforms. Scholars may utilize my Prework Study Guide to learn about command blocks, and seeing first hand how they can make their own website by following along the instructions I have utilized from the UC Berkeley Coding Camp Prework.

  • What did you learn? - I learned the professional etiquette in working as a web developer or programmer. I learned how HTML is an annotation coding language which describes a document and its counterpart data. I had also learned how JavaScript is a commanding coding language which instructs the items within an HTML document what to do. CSS is a styling coding language which helps to style or decorate the elements of an HTML document. Knowing all three helps to learn how they all interact with each other and contribute to make a whole website.

Installation

N/A

Usage

  • To access this Prework Study Guide, you are able to 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.

  • Each section will contain notes on various topics like HTML, CSS, JavaScript, and Git.

Credits

N/A

License

Please refer to the LICENSE in the repo.


prework-study-guide's People

Contributors

codenamenoah avatar

Stargazers

 avatar

Watchers

 avatar

prework-study-guide's Issues

HTML

HTML

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 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

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

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.