Multiple Array Methods Practice

You will use multiple array methods to solve these problems. Don't use for loops! 1) Return a list of everyone older than 18 sorted alphabetically by »

Array Map Exercises

Use the built-in .map() method on arrays to solve all of these problems 1) Make an array of numbers that are doubles of the first array »

Array Filter Excercises

Use the built-in .filter() method on arrays to solve all of these problems 1) Filter all numbers out of the array that are less than 5 »

Array Sort Exercises

Use the built-in .sort() method on arrays to solve all of these problems 1) Sort an array from smallest number to largest function leastToGreatest(arr) { } leastToGreatest( »

Array Reduce Exercises

Use the built-in .reduce() method on arrays to solve all of these problems 1) Turn an array of numbers into a total of all the numbers »

DJ JS 2.0

We'll be beefing up our original DJ JS. (You'll still need to make this from scratch). This time around, we won't be focusing on javascript event »

Useful Atom Plugins

Atom is a simple, approachable, yet customizable text editor. It comes pretty basic, but has awesome tools we can add to it. We will go over »

Computer Setup for V-School

Download the native Slack app Don't just use the web app. The native app handles notifications much better than the web app. Download here Download a »

CSS Zen Garden

One of the most common tasks for front-end web developers and web designers is to receive a "PSD" (Photoshop Document) that contains the design of a »

Flexbox

Flexbox is a modern and robust system for positioning elements in CSS. It is built into modern browsers, so there is nothing to install. you only »

Index is an anti-pattern

The problem When mapping over data in React you sometimes see developers do that following: {this.props.todos.map((todo, index) => ( <li key={index} »

Mapping Components in React

We've already covered the hardcoding of components in React, when you already know exactly what you want to show up on the screen. However, React isn't »

Components In React

What is a component? A component is part or element of a larger whole. In React a component is just that, a part of a website. »

Forms in React

Controlled Components We want the value of our input boxes to always be current with state. We do that with adding the event handler "onChange" to »

Props in React

When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object. We call this object "props". < »

Mongoose References

Tables In your Mongoose Schemas, you will have objects that have specified properties. These properties can reference other objects in other Schemas. This tutorial will explore »

React vs ReactDOM

When programming in React you use to packages react and react-dom. Why is there react and react-dom? What is the difference? The react package holds the »