Exercise - V School | Better Humans, Better Outcomes

Sign in Subscribe

Exercise

Class exercise

Changing Themes using Context

Changing Themes using Context

Using what you have just learned about React Context, you are tasked with making a ThemeProvider context for a new application. Your goal is build a home page that offers a dark and a light theme. This theme can be toggled by the user. This will be excellent practice in

Chuck Norris Joke Generator

Chuck Norris Joke Generator

For this exercise you will make a simple React app which will display a Chuck Norris joke when the user clicks a button. Requirements 1. Jokes will be generated by making HTTP GET requests to the Chuck Norris API. 2. You must use axios or nodes native fetch. 3. Your

React Meme Creator

React Meme Creator

Make a meme creator using React. Your user should be presented with 3 input boxes: 1. Image URL (for the meme image) 2. Upper Text (Text to show up on the top of the image) 3. Lower Text (Text to show up on the bottom of the image) In the

Check Data Types

Given a multi-dimensional array containing only primitive data types (strings, booleans, and numbers), write a function that returns whether EACH element within each subarray belongs to the same data type. for example: function checkTypes(arr) { // Code here } const multiD1 = [[1,2,3],["a","b","c"],[true, true, true]] checkTypes(multiD1)

Intercepted

Write an Express server to handle a GET request that returns an object (of any kind) as a response. Write a middleware function in a separate JavaScript file that accepts the req, res, and next parameters, adds a property to the req, and allows the server to continue on with

Thing Finder

Choose a thing/noun of any kind, then write an express server with a GET route that sends back an array of that thing. Your GET endpoint should be able to check for any query parameters that may have been passed into the url of the request and filter the

Modularized Node Calculator

Modularized Node Calculator

Create a calculator program that takes 2 numbers and a string as inputs and can perform the following operations on those numbers: * Addition * Subtraction * Multiplication * Division * Exponentiation (raise the first number to the power of the second number) The 3rd string parameter represents which of the operations you want to

Convert Temperatures Filter

Convert Temperatures Filter

Part One Given an array of integers on the $scope of a controller, write an Angular filter that repeats through the temperatures and displays them on the view in either Celsius or Fahrenheit in the following format: 10°F or 10°C. To do this, you'll need to include a

Filter Tech Wish List

Filter Tech Wish List

Go back to your Tech Wish List app and use the built-in AngularJS currency filter to change all of your prices to Euros (€). Extra Credit: Consume the fixer.io API to use the current actual exchange rate to change the dollar prices into Euros.

Upgrade to Services

Upgrade to Services

Recently you completed a number of exercises including the $http service. Since things like HTTP requests can be used across multiple controllers, all of our HTTP calls should be made in a service of our own making, separate from the controller. To practice this and to help better understand how

Go Speed Clicker!

Go Speed Clicker!

Make a site that tracks how many times the user has clicked anywhere on the page (or a specific button if you prefer) and displays that click count to the user. Then, using localStorage or sessionStorage, make it so the number of clicks will remain on the screen even after

Karma Vs. Communists

Go in to your Penguins vs. Communists project and add unit tests using: * The Karma test runner * The Jasmine test framework * PhantomJS as a headless browser Your unit tests should cover: * The sendNuke function * The onHit function * The onMiss function

Social.js

Create a model to represent the database of a new social media platform you're creating. It can be about whatever you want, but it needs the following: * At least 3 nested levels of data (including objects and arrays) * At least 1 method * Span across at least 50 lines of code.

DJ JS

You're starting your business as a strictly online DJ (DJ JS) and you want to start by creating a website where people can change the color of a square on the page by interacting with different HTML Events. The square's color will change as follows: * Blue when the mouse hovers

Static Websites

Travel form

You just started your own airline, and you need to create a form to collect data about your passengers' upcoming travel plans so they can book their flight. You should collect the following information from the user: * First name (text input) * Last name (text input) * Age (number input) * Gender (radio

Static Websites

Table it!

Create an HTML table of any kind, containing any data you want. Requirements: * Must have at least 4 columns in the table * Must have at least 5 entries in the table (rows) * Must have a heading row and a body (and optionally a footer row) * Must be styled well with

Terminal Practice

Terminal Practice

In this exercise you will be using most common terminal commands that you'll need in order to succeed in this class. The things you can do in the terminal are virtually endless, but we just want to focus on the most commonly used and basic. Every task in this assignment

CSS Wars: The Selector Awakens

CSS Wars: The Selector Awakens

In this exercise you will use several css selectors to restyle elements of this page. The HTML base is already written for you and is found below for you to copy into your project. Complete the following: 1. Select the body and give it a background color of #111111. 2.

Newsies

You are going to recreate the front page of a newspaper using block, inline and inline-block elements. Your newspaper should have: 1. A header with the name of your newspaper 2. A title for the front page article 3. A body with a story. 4. Several words in the body

Grocery Store JS

Grocery Store JS

Write a program that has a shopper object. Include at least one property with each of the following data types as values to the properties: * String * Number * Boolean * Function (called a "method" when it's inside an object like this. Check out an example for help writing your own) In addition,

Pokemon Pals

Exercise requirements You will have two routes 1. /pokemon 2. /pokemon/details The first route will make an http request to get a pokedex (http://pokeapi.co/api/v1/pokedex/{some-id}/). You will list each pokemon by name. Next to each pokemon will be a "details" button. When this button

Problem Solving

Problem Solving

Problem Solving

Problem solving is the most important skill you will take out of this course. Without it, you are not truly a developer. You may have learned to repeat steps shown to you with a few minor changes but if you can't take that knowledge and apply it and mix it

Web Applications

'High' on 'Potenuse' & Services

Below we have an example controller that has several methods for geometric calculations on a right triangle. app.controller('TriangleController', ['$scope', function ($scope) { // here we have a triangle object $scope.triangle = { base: undefined, height: undefined }; $scope.findArea = function () { $scope.area = 0.5 * $scope.triangle.base * $scope.triangle.height }; $scope.

Programming Principles

Employee Records

You are to create a collection of employee's information for your company. Each employee has the following attributes: 1. Name 2. Job title 3. Salary 4. Status First, you will create an empty array named employees Next, you will create an Employee constructor with the first three attributes defined at

Command-line game/utility

Command-line game/utility

You're tasked with making a command-line game or utility of your own choosing that you will run using Node.js. Think in the past of the command-line programs we've written, such as the Look-it-up Dictionary, Penguins vs. Communists, Princess is in Another Castle, Battleship, etc. Well now you get to