Code Challenges are not only important for the interview, but they help us get familiar with code syntax and strengthen our problem solving. You are provided with a git repository that will take the role of a large workbook for these challenges and exercises. Tests will be provided for code

You are going to create a full stack application with user authentication created with Node, React, Express, Mongoose & Mongodb that allows users to log in and vote for their favorite spelling of your app. Feel free to use a different word. Requirements: * A user will see a login/signup page

To install and start Mongo on Windows, follow these directions: Follow the instructions on https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/ * After the program is downloaded, find the bin folder. (This is inside the mongodb program file that was installed). Copy the link to this folder. * Press windows and type

Write a function that takes a string and returns true if that string is a palindrome. For an added challenge, phrases with spaces and characters can be palindromes. "Eva, can I see bees in a cave?" would return true. Hints: reverseArray() reverseString() It may help to first write a function

Your group will make an app that satisfies the following user stories. It will be similar to what was completed in Scrimba, but will be done in VS Code and in a group using git: * A user will see a meme image on page load * A user can click "refresh

Arrow functions simplify the syntax of our traditional functions. They use symbols that make intuitive sense to help make our functions simpler. The old way of writing functions: const add = function(a, b){ return a + b; } With arrow functions, we can remove the function key word, and add an arrow

Before we would require npm packages or other files from our project. Now, we use the import syntax. import axios from 'axios'; Is the same as saying const axios = requre('axios'); We can also "unpack" only the methods or items that we need from the package or file. import { Component

As we've found, the easiest way to learn the new ES6 syntax is to see the old way of writing JavaScript. const expense = { type: "Business", amount: "$45 USD" }; const type = expense.type; const amount = expense.amount; ugh. So much redundancy! We have const, type, and amount written three times. Using

Object literal syntax is just a way to make our code look nicer. To show how to use this, we will just look at the old/uglier way of doing things, and then see the ES6/prettier way of doing things. There are three major ways object literals do this.

These are designed for making our strings easier to read and write. They utilize the "back tick." This symbol -> `. It's just left of the "1" on your keyboard. We put our entire string inside two back ticks, and we use a dollar sign and curly brackets to insert JavaScript

Often times, we want to write a function with a default argument. For example, you have a function that returns the square inches of a piece of wood. Most of our boards are an inch think, but occasionally they are more. Thickness in this function would default to 1. To

Rest Operator Often times we want all our arguments to be an array of arguments. We don't know how many arguments will be passed into our function, but we want them to be an array in our function. We do that using the rest operator. ...whatWeWillNameOurArray function addNumbers(...numbers) { // numbers

What is Const and Let? We've historically defined variables using var var name = "Bob Evans"; In ES6, we never need to use var again. It is going to be best practice to only use let and const. const is used to declare variables that will never be re-assigned. let is

# Git Collaboration git branch git checkout git merge # Start the Repo, clone master 1. Create git repository on github 2. Connect/clon locally 3. Set up the code base - git add -A - git commit -m "initial commit" ~~ 4. Clone the repository - don't forget to npm install and

V School students will already have NPM installed Click here to go to the cheet sheet NPM, or Node Package Manager, helps us utilze 3rd party packages. These packages will help us solve many problems that developers regularly come up against. In terminal, if we navigate to our project folder,

Make sure you understand the DOM and methods before getting into this exercise or guide. You'll want to be familiar with at least document.getElementById() You will be expected to write your own event listeners. There are many properties and methods associated with the DOM, but if you think of

You'll want to work through all the console errors first. You'll notice in this example however, that there are no console errors initially. This is when I like to go to the sources tab. In sources, we can find our JavaScript file. Select that file, and scan through it for

Write a function that takes a string as a parameter and returns the same string in all capital letters followed by all lowercase letters. capilizeAndLowercase("HelLo") // => "HELLOhello" Write a function that takes a string as a parameter and returns a number that is half the string's length, rounded down. Hint:

Getting Started clone the repository: git clone https://github.com/VSchool/dom-debug Remove the hidden .git folder. cd dom-debug # Copy/paste this command. You don't want to enter it incorrectly. rm -rf .git Open index.html in the browser. We'll be using the Chrome developer tools (Firefox and Opera should

React Developer Tools Developing React apps becomes a lot more pleasant when you utilize the React Devtools. In many ways, it looks like your DOM tree does in the elements tab, and you will explore it in the same way. Installation Go to https://chrome.google.com/webstore/detail/react-developer-tools/

const inventoryItems = [ { name: "banana", type: "food", price: 200, },{ name: "pants", type: "clothing", price: 2500, },{ name: "basket ball", type: "toy", price: 1000, },{ name: "rockem sockem robots", type: "toy", price: 1500, },{ name: "shirt", type: "clothing", price: 800, },{ name: "soup", type: "food", price: 300, },{

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