Git Product home page Git Product logo

prework-study-guide's Introduction

Prework Study Guide Webpage

Description

This Study Guide is my prework final project that I did for the Front-End Developer Bootcamp run by Trilogy Education.

The project contains my initial notes on HTML, CSS, Git and JavaScript, which are some of topics that we will be looking during this boot camp.

During the following weeks I will be adding additional notes and improvements to the page that will be available via Github Pages.

I hope you find helpful my notes, enjoy the experience, and by the end of the course we all become new skilled professional as a front-end developers.

Happy coding :-)

Table of Contents

If your README is long, add a table of contents to make it easy for users to find what they need.

Installation

In order to this project, you need clone this repository and open the index.html file in any browser.

Usage

Once you have opened the index.html in your preferred browser, you should see a page that looks like as the image below:

How the Study Guide page should look like

Then open the console, which you can see in the inpector or developer tools of your browser, and reload the page to see the output of the Javascript code running in the console. It will list the topics we learned from prework and choose one topic for us to study first.

Example of how the output executed in the console

The suggestion of the topic to learn will be selected randomly, and should change as you refresh the page many times.

Credits

This project has been an individual project so no more collaborators apart from myself has been involved in the development and release of this code.

License

This project is released with a MIT license. For more information, please check the LICENSE file.

Badges

prework study guide languages prework study guide issues opened prework study guide issues closed prework study guide pull requests opened prework study guide pull requests closed

prework-study-guide's People

Contributors

technoveltyco avatar

Stargazers

Roman avatar

Watchers

 avatar

prework-study-guide's Issues

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.

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.

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 site in my browser,
THEN I see four boxes titled HTML, CSS, Git, and JavaScript with associated notes listed.

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.

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.

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.