No way a

Make a function that takes a string and returns that string with all instances of the letter 'a' removed. Must handle lowercase and uppercase letters. function removeA(str) { // Your code here } console.log(removeA("Aye matey!")) // displays "ye mtey!" Hint: String methods

HTML Forms Part 2

Part 2 is the fun part. We get to explore all the cushy things our browser has built for us, and all we have to do is simply implement them. Input types Let start with the different input types. The first two are old news. * text * number * checkbox * radio * tel

HTML Forms Part 1

Basic tags and attributes Tags The HTML

element defines a form that is used to collect user input:

wraps all your inputs. A simple form in HTML would look like: First Name: And look like this in the browser: First Name: ___ It is wise to give each of your forms

Mouse Debug

Setup https://github.com/VSchool/mouse-debug You will need to clone the above repo from Github. Go to your exercises folder and enter the following command. git clone https://github.com/VSchool/mouse-debug This clone will have a .git folder. You don't want that. cd into mouse-debug and run rm

Noding Bat

About Noding Bat is a copy of the Coding Bat programming problems ported over to JavaScript. Going through many practice problems is a great way to solidify thinking like a programmer. Exercise Go ahead and make an account on Noding Bat and start working on some of the first problems.

ES6 Practice - Let, Const, Arrow Functions, Default Arguments, Template Literals

let and const Replace all the vars with let and const. Alter the code however necessary to make sure this continues to work (so the pet's name isn't "John", but instead "spot" is returned). You only need to delete var and insert let and const John is the pet owner,

Beautify

Beautify is IDE extension that reformats HTML, CSS, JavaScript and other languages to meet code styling conventions. This is useful as it makes your code more readable, easier to debug, and to collaborate with. Links to install instructions can be found below. Atom Extension Manager Beautify Package VS code Extension

Replace All The Things

Note you must have finished Newsies before this exercise Go through your Newsies exercise and replace your divs with semantic tags. Examples of semantic tags include

Find a full list here.

Basic Array

Make an array of that has four or more strings and print each to the console without using a for loop. Reminder: An array is a special variable, which can hold more than one value at a time. var arrayName = ["item1", "item2", ...]; To access items in the array, you can

Intro to Flux

Introduction To understand Flux we first need to understand where Flux came from. Flux evolved from "MVC" (short for Model, View, Controller), which is a design pattern used to make web-based interfaces. In short, organizing your code is hard, and MVC is one very popular philosophy on how to do

Class Components

So far the way we have been writing components has been functional like so. const Hello = (props) => (

Hello {props.name}

) You can also use an ES6 class to define a component. Instead of returning the JSX the class component has a render method that returns that component. Props are also

Practice Problems

Introduction Now that you have a basic understanding of the building blocks that make up JavaScript you are going to use them in problem-solving. 1. Make a function that takes a string and returns that string reversed. Example Input: "Hello World" Output: "dlroW olleH" let reverseStr = function(str) { } 2. Make

Problem Solving Practice

Write a function that takes an array of numbers and returns the largest (without using Math.max()) largest([3, 5, 2, 8, 1]) // => 8 Write a function that takes an array of words and a character and returns each word that has that character present. lettersWithStrings(["#3", "$$$", "C%4!", "Hey!

Hello World, Jokes!

Warm up * Build a website from scratch that displays a "Hello World!" in a first-level header element. * Create an unordered list of your favorite jokes (3 or more). Extra Credit: * Add an image above "Hello World". * Find 3 more HTML elements you have yet to use, and implement them into

Ditto's Playground

You will re-create the following home page of the following website: http://www.csszengarden.com/ Links and JavaScript functionality do not have to work. Fonts, images, etc can be found in the sources tab. You can also use this awesome Chrome extension called What Font, which lets you hover over

Blog Props

A great way to practice building web sites and web apps is to copy sites or apps that already exist. So, your assignment is to re-create the first page of this sample blog website. You will organize it into these components: (Indented components are suppose to be nested. E.g.

Friends with Pets Props Practice

Build a simple React app that has a component, a component and a component. In , .map() through an array of friends. Each friend will have an array of pets. Feel free to use array at the bottom of this write up. In your .map(), render a

Dynamic Rendering in React

Often times we will want to render different elements or components conditionally. Imagine a login button. The user will see the login button until they login. Then they will see a log out button. Maybe an help message should be rendered until the clicks to exit it. Or you want

PropTypes

https://reactjs.org/docs/typechecking-with-proptypes.html Type Checking Type checking is an important principle in programming. JavaScript lets you get away with a lot of potentially hazardous coding practices. Consider the following: When you code let a = 1 and then let a = 2, JavaScript yells at you and breaks. But

React/Redux Developer Tools

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/

V school React/Redux Standard

Introduction One of the great things about React/Redux is unlike other JavaScript libraries and frameworks React/Redux is very unopinionated. That means you are given a lot of freedom when determining how you build, use and deploy your projects in React/Redux. This can be confusing when learning/building

Multiple Array Methods Part 2

Warm up * Create an array of pets' names. * Display the pets' names in

s. * Only display names of pets if their owners are older than 20. * Only display pets who have nicknames. * Create an array of everyone that has at least one dog and sort them by age. Extra Credit:

Same Digit

Warmup Write a function that takes two non-negative integers as arguments. Return whether they share the same last digit. HINT: The % operator computes remainders Example sameDigit(10,430); //returns true

Deploying a frontend project with surge.sh

Surge.sh is an amazing service that will deploy your front-end sites for free. And it's extremely easy to use. If you're deploying a React app, this tutorial assumes you've created it using the create-react-app package. Let's start! This'll be easy. 1. Install surge If you haven't used Surge before,

V School Request Forwarding/CORS Documentation

Browsers use a security feature to inhibit HTTP calls from one website to another called the "Same Origin Policy." If you want to consume information from an API on your frontend client (meaning your frontend client is making an HTTP request directly to an API), one of 3 things needs