V School | Better Humans, Better Outcomes (Page 5)

Sign in Subscribe

Higher-Order Functions

Higher-Order Functions

In programming, a higher order function either * takes one or more functions as an argument or * outputs a function Functions in JavaScript are just values, so they can be easily passed into and returned by functions. The Bare Bones Higher Order Functions are typically methods. Methods - Methods are functions

Managing a Heavy Workload

During these first few weeks you will be receiving a large amount of assignments including warmups, exercises, and projects. It can feel quite overwhelming and may likely induce some anxiety and stress in some of you. That is when doubts may start to bubble to the surface about whether you

V School Preparation

V School Preparation

Before your first day at V School, we'd like you to sign up for a few services. Since these are internet accounts, it shouldn't matter which computer you do these from. An important note: because you're likely in the midst of changing careers, if you don't have a professional-looking email

Setting up a Full Stack React Application

Setting up a Full Stack React Application

So you've built an API and you've tested it in Postman. You're now ready to build a front end interface using React! Setting up a client-side application that accesses an API running on localhost sounds messy but it's actually really simple! Folder Structure Right now your project folder looks like

MacOS Basic Navigation and Shortcuts

MacOS Basic Navigation and Shortcuts

Knowing keyboard and screen shortcuts (a.k.a "hotkeys") will drastically improve your productivity and awesomeness. For a more exhaustive resource visit this site. Keyboard Shortcuts Whether you use VS Code, Atom, or otherwise, this list of common keyboard shortcuts will help you write code faster and smarter: Quick Navigation

Daily Teaching

You are going to take 5-10 min to go over a topic in front of the class. The topic will be one that we have already taught in class, you are just doing a quick review of it. Some ideas for structuring your review/lesson are listed below. 1. Quickly

Flexbox Full Tutorial

This write-up is taken from the beautifully built course here: https://scrimba.com/g/gflexbox Below are the 3 files used in this tutorial index.html Flexbox Intro

How to Contribute to Open Source: A Beginner's Guide

How to Contribute to Open Source: A Beginner's Guide

Checklist for getting started: [ ] Start by reading through: Open Source Guides. It's brief, easy to ready and gets right to the point on tips, support and advice when it comes to contributing to Open Source [ ] Find and Pick a Project [ ] Read the project documentation, get familiar with it [ ] Choose one

Built a Component Shakespeare Edition

Shakespeare has been getting a lot of reviews recently about his plays. So far he has managed to build a backend API to serve them, but he doesn't have the chops to finish out the UI. That's where you come in, your task is to build a client side app

CSS Variables

This write-up is taken from the beautifully built course here: https://scrimba.com/g/gcssvariables CSS Variables are specific values to be reused throughout a document. They make your CSS more readable and make it more efficient for making changes later on in big documents. Let's see how to use

Setting up MongoDB Compass

Setting up MongoDB Compass

MongoDB Compass is a great GUI tool for inspecting and interacting with the data in your MongoDB database. It's free, and easy to set up. 1. Go to the download page for MongoDB Compass, choose "Community Edition Stable" from the dropdown menu, and click "Download" 2. Open the .dmg and

Fizzbuzz

Write a short program that prints each number from 1 to 100 on a new line. For each multiple of 3, print "Fizz" instead of the number. For each multiple of 5, print "Buzz" instead of the number. For numbers which are multiples of both 3 and 5, print "FizzBuzz"

React Router Nested Routes

React Router Nested Routes

A common paradigm when creating web applications is to have a "list page" and a "detail page". Consider a product search on Amazon. The results that show up from the search is a list of products with some information about each (price, ratings, title, part of the description, etc.). When

Array Shuffler

Write a function that takes an array as a parameter and returns a new array with the contents randomly "shuffled". Example shuffle([1,2,3,4,5]); //returns [3,5,4,1,2]

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

DJ React

You are a DJ, and are learning to code. All DJ's love buttons that turn squares different colors. Requirements: Your DJ color board will use smaller buttons to make your grid of four squares change colors. This is a great time to practice CSS Grids. Create four squares in a

Mom's Shopping List in React

Your mom is frustrated by her propensity to lose slips of paper with writing on them, specifically her shopping lists. She knows that you're a really smart web developer and assumes that you can easily make her a website to keep track of her shopping list. You tell her that

Image Grid Exercise

IMAGE GRID For this next part, I will post all the code, but don't feel like you have to write out the code yourself, especially because you won't have access to the images I'm using. Here are my HTML and CSS pages

Feb 9, 2018 3 min read

CSS Grid Practice

Remake these images using CSS Grid. Feel free to use more pleasant colors. 1. Hint: Think ahead about the "smallest common denominator" in terms of how many columns you might want to set up your grid to have. 2. See the hint from #1 3. Responsive Layouts The next three

Constructors to Classes

Constructors to Classes

Convert the following constructor functions to use the ES6 class syntax. 1. function Clown(name, shoeSize, isScary) { this.name = name; this.shoeSize = shoeSize; this.isScary = isScary; } 2. function HangmanGame(word, guessesUntilLose) { this.word = word; this.guessesUntilLose = guessesUntilLose; } HangmanGame.prototype.wrongGuess = function() { this.guessesUntilLose--; } 3. For this one, you will write

forEach(), find(), findIndex(), some(), and every() Wizard Battle Practice

forEach(), find(), findIndex(), some(), and every() Wizard Battle Practice

Log to the console every Wizard in the array using forEach(). var wizards = ["Edwin Odesseiron", "Harry Potter", "Ronny the Bear", "Gandalf the Grey"] Using the following array, complete the following tasks in order. Some tasks will change the behavior of later tasks. var wizards = [ { name: "Edwin Odesseiron", age: 37, alignment:

CSS Grid

This write-up is taken from the beautifully built course here: https://scrimba.com/g/gR8PTE This will give you a brief rundown of the main functionality presented with CSS Grid and hopefully a simple explanation of how to implement it yourself. If you want the cool color scheme below add

Hoisting With Functions

Hoisting With Functions

What is hoisting? Hoisting is a general way of describing how JavaScript is read. Certain syntax of functions will, in a sense, cause the declared functions to be hoisted to the beginning of the code. Before diving deeper into how hoisting works and what it means for us, let's take

Loops and Arrays Practice

#1 Loop through the following array and count how many "computers" there are. Log the final count: var officeItems = ["stapler", "monitor", "computer", "desk", "lamp", "computer", "lamp", "stapler", "computer", "computer"] #2 Loop through the following array and log to the console "old enough" if they are 18 or older, and "not

Intro To Using Loops and Arrays Together

Usage Often times we will want to "loop over" or "iterate over" and array. This means we go and dig into each of the items in our array and either check it for something or do something with each item. Examples Meal Helper App A user selects 5 ingredients in