Template Literals

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

Default Parameters

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 and Spread Operator

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

Let and Const

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

Collaborating with Git & Github

# 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

Remote Jobs & Creative Ways To Make Income

During this time of COVID quarantine, many companies are still running locally and doing business remote. There is potential of a hiring hold due to companies not set up for remote working figuring out logistics, uncertainty of market, and creating new remote hiring processes. To combat this we have come

Git: Core Concepts

Git is a vital tool in the toolbelt of any developer. For example, just the other day I was able to fix a major problem I had pushed to production (totally my fault) in about 20 minutes. This would have probably taken me days to fix without Git. For those

React

Setting up a React app with Parcel

For a long time Webpack was one of the biggest barriers-to-entry for someone wanting to learn React. There's a lot of boilerplate configuration that can be confusing, especially if you're new to React. (Even in a talk trying to show how easy React is to set up it can be

Career-Prep Resources 2020

Career-Prep Instructions & Assignments | ModulesYou’re probably attending V School because you’d like to start a new job as aWeb Developer or UX Designer and we think that’s pretty neat! To help you onyour way we’ve created a required series of readings and assignments to not onlyteach you

V Schools Pick: Top Student Portfolio Sites for Web Development

One of the best ways to get noticed by potential employers or clients is to have a killer portfolio website that showcases what you are capable of. Now you may be asking yourself: "What makes a successful portfolio website?" No need to stress as we have compiled a list of

Zoom - Getting Started

Collaborating through zoom, slack, and other digital channels is likely be a daily  (if not hourly) event during your time at V School and in your career afterwards.  While these tools are meant to be user friendly they also provide a lot of options and workflows that can seem confusing

Covid-19 | Job Market Pulse from Hiring Managers & Recruiters

March 19-20, 2020 Responses Hiring Managers & Recruiters "I don’t “think” we’ll be affected too bad (unless we have more earthquakes). I’m still recruiting ahead as usual, until I hear otherwise." ~ Corporate Recruiter "Thank you for checking in. We’re staying safe and healthy. For now, our direction

Express

Rock The Vote - Level 6

You are going to create a full stack application with user authentication created with Node, React, Express, Mongoose & Mongodb that allows users to post and upvote or downvote political issues. This assignment has the most difficult requirements of any at V School. Ask around and find or make a friend

Interview - Preparation: Confidence; Positive Thoughts & Reinforcement

Preparing for an interview can be nerve-racking. In addition to preparing for questions that could be asked and understanding technical jargon, some simple exercises can be used to help boost your confidence. Below are some simple exercises you can do to help with confidence. Body Language 1. Smile! :D Just

Career Prep

How to Set Up an Email Template in Gmail

Walkthrough of how to enable email templates in Gmail, create email template in Gmail, and how to use the email template created. V School Better Outcomes.

Understanding Asynchronicity

Synchronous vs. Asynchronous Imagine you're at the checkout of a grocery store that has only one lane with a single cashier, but also has a number of self-checkout kiosks. We're going to use these two options to illustrate the difference between synchronous and asynchronous code. Code that runs synchronously stops

React

React Props

Introduction React is composed of Components that represent parts of the UI that the user interacts with. When you are first learning react, it can be hard to see the similarity between components and regular javascript functions when in fact they are basically the same thing! Functions in javascript set

NPM Introduction Using readline-sync

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,

Transferring to a new computer

This article is intended for those who have been renting a MacBook Pro from V School and are now ready to switch to another computer. We'll talk about what needs to be transferred/reinstalled and how you can handle that transfer either to another Mac or to a Windows machine.

DOM Olympics Guide

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

DOM Debug Guide

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

React Hooks

React has come a long way since its beginning back in May 2013 when it was made open source. While the core concepts of the framework have remained the same, the implementation is always improving to help developers like yourself easily set up a SPA application. Features like State and

Parking guide

Eagle Gate Parking Directions

Your parking pass gives access to Eagle Gate Parking at 139 South Temple. It's located just down the street from Brigham Apartments on the West side. To access the garage you'll need to drive down an alley that looks like this: Hold your card up to the card reader to

String Methods Exercise

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:

Webpack - Bundling Frontend & Fullstack React Applications.

What is Webpack? Webpack is a module bundler we can use to bundle our Node projects, such as any app you have been making in React. When you write applications using Node you are essentially writing modules every time you create a new file. Webpack takes all of these modules