Giter VIP home page Giter VIP logo

web-sprint-challenge-applied-javascript's Introduction

Applied JavaScript Sprint Challenge

Read these instructions carefully. Understand exactly what is expected before starting this Sprint Challenge.

This challenge allows you to practice the concepts and techniques learned over the past sprint and apply them in a concrete project. This sprint explored Applied JavaScript. During this sprint, you studied DOM and components. In this challenge you will demonstrate your mastery of these skills by creating an online Bloomtech newspaper.

This is an individual assessment. All work must be your own. Your challenge score is a measure of your ability to work independently using the material covered through this sprint. You need to demonstrate proficiency in the concepts and objectives introduced and practiced in preceding sprint.

You are not allowed to collaborate during the sprint challenge.

Project Set Up

  • Create a forked copy of this project
  • Clone your OWN version of the repository (Not BloomTech's by mistake!)
  • Implement the project on the main branch, committing changes regularly
  • Push commits: git push origin main

Project Instructions

Introduction

You are going to create a Bloomtech Newspaper. Your job is going to be to create the components that make up the newspaper's home page.

In meeting the minimum viable product (MVP) specifications listed below, your project should look similar to the image linked below:

Bloomtech Times

Instructions

  • Navigate to the root of the project with your command line.
  • Run npm install to download the dependencies listed in the package.json file.
  • Run npm start to compile the project and serve it.
  • Navigate Chrome to http://localhost:3000
  • In a separate terminal, run npm test to run tests.

Steps Required for MVP:

  • Steps 1 and 2 are explained inside the src/components/header.js file.
  • Steps 3 and 4 are explained inside the src/components/tabs.js file.
  • Steps 5 and 6 are explained inside the src/components/card.js file.

Important Notes:

  • Please do not move or rename existing files or folders.
  • If your development server stops "auto reloading", manually kill it with CTRL+C and restart it.
  • Do not change the package.json file except to install libraries with NPM (Axios is already in the package.json).
  • In your solution, it is essential that you follow best practices and produce clean and professional results.
  • Schedule time to review, refine, and polish your work, including spell-checking and grammar-checking.
  • It is better to submit a challenge that meets MVP than one that attempts too much and does not.

Submission format

  • Submit via Codegrade by committing and pushing any new changes to the main branch.
  • Check Codegrade for automated feedback.

Stretch Interview Questions

Demonstrate your understanding of this sprint's concepts by answering the following free-form questions. Edit this document to include your answers after each question.

  1. What is the DOM?
  2. What is an event?
  3. What is an event listener?
  4. Why would we convert a NodeList into an Array?
  5. What is a component?

web-sprint-challenge-applied-javascript's People

Contributors

crharding avatar jcassidy91 avatar ladrillo avatar matt-github avatar tmshkr avatar zoelud avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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.