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
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.
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
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
Restaurant Objects / Dom Review Today you're making a restaurant, to start this restaurant your first going to make a menu. 1. Make an array of three object literal dishes for your menu. 2. Make a constructor function for a dish object 3. Add 3 more items to your menu using the constructor function. Now
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) => ( {todo} )} At first glance, this may seem to work correctly. But if we have logic to remove an item you will notice a bug. No matter what element you
Components In React What is a component? A component is a part or element of a larger whole. In React a component is just that, a part of a website. Examples of this include Navbar, Header, Footer, in fact, we could think of a website as being completely made of components. In React,
React vs ReactDOM When building web applications in React, you use two packages—react and react-dom. Why is there react and react-dom? What is the difference? The react package holds the react source for components, state, props and all the code that is react. The react-dom package as the name implies is the
Inline Styling with React Intro If you want to pass style down through props, are building animations, or want some conditional styling in React you will find yourself in need of inline styling. In React, inline styles are not specified as a string. Instead, they are specified with an object whose key is the
Styling in React Styling in React Now that we have started using React how are we supposed to style all those awesome components that we have been making. There are a couple of ways. 1) Traditional CSS in Header Besides the need to use className instead of class you could just make a
Disemvoweling Create a function that removes all vowels and spaces from a string. The function should then return the result as an object with two keys "consonants" and "vowels". Example const input = "Pickle Rick!" function disemvoweling(string){ } disemvoweling(input) // Output: // { // consonants: "pcklrck!", // vowels: "iei" // }
Game of Threes Write a recursive function that takes two integers, n and counter as parameters and does the following: 1. If the n is divisible by three, divide it by three and call the function again, providing the new value as n and counter + 1 as counter 2. If not, either add
Matching Words You are a treasure hunter and you have found a cave that you believe holds hidden treasure. Several miles down this cave, you run into a wall with the following inscription: "Banh mi pull skateboard ipsum lorem, kombucha scenester banjo. Franzen mlkshk consequat, PBR&B lever lever listicle irony pop-up
TDD vs BDD TDD TDD stands for Test Driven Development. It works like this, you decided what this section of your software does, and before you write the code for that section you write a set of tests to verify that it would work as you expect. So your writing what your program
How to make your own testing framework Although there a lot of testing frameworks out there it's not actually that difficult to write your own and it's a great way to understand how to write better unit tests. Before we get into this make sure to complete the try and catch basics. https://coursework.vschool.io/unit-testing-javascript/
Unit Testing JavaScript This section is to help you learn quickly what, why and how of Unit testing. What is unit testing? Unit testing is the practice of breaking your program into smaller pieces and inspect each piece with tests. Tests run when changes are made to the code in your projects. The
Error Handling When running JavaScript errors can occur. These can be made by mistakes in programming, unexpected values in input and other errors. To handle these errors the JavaScript programming language has these tools. The try keyword allows us to test blocks of code try { //your code } The code within the try
