Mongoose Mongo Shell Practice Using the `mongo` shell, you will perform all possible CRUD operations on a database collection of candies.
React React Context In a typical React application, data is passed top-down (parent to child) via props, but this can be cumbersome for certain types of props (e.g. locale preference, UI theme) that are required by many components within an application.
React Render Props Render-props is a composition pattern that makes reusing React components many times easier. They are very similar to Higher Order Components with some notable differences; one being that they are quite a bit more configurable.
React Higher Order Components Higher order components, or HOC's, are simply functions that take React Components as arguments, or return them as values, or both.
Synchronous JS Todo App * Tools: HTML5, CSS, Javascript Goal You will be creating a CRUD app that tracks a user's todo list. Users should be able to add todo items, view them in a list or grid, mark each as completed, and delete them from the list. Constraints This todo app only needs to
Node This is a Test Write a mocha/chai test for a function called `getLongestString` that does the following: ...
style-guide Style Guide for Written Articles on Ghost Main Topic Title is in the title of the blog above ^^ (h1), so don't use h1s for anything else in the article. First-level subtitles (h2) Second-level subtitles (h4) Third-level subtitles (h6) In the markdown, always include a space between the hash marks (##) and the header word: ## First-level subtitles. Never put
Style Guide (Assignments) Main Topic Title is in the title of the blog above ^^ (h1), so don't use h1s for anything else in the article. First-level subtitles (h2) Second-level subtitles (h4) Third-level subtitles (h6) Separate h2-level headers with a line break: Don't forget to edit the metadata in settings (gear icon in the
Smallest Product Warmup Given an array of integers, write a function that returns the smallest product of 3 numbers. Example: const input = [1,2,3,4] smallestProduct(input) // --> returns 6 The smallest product that can be obtained is 6 because 1 * 2 * 3 equals 6. No other combination of numbers will
Lil' Bits Warmup Write a function that takes a non-negative integer as an argument and returns its binary representation as a string. For example: convertToBinary(12) // "1100" convertToBinary(0) // "0" convertToBinary(5) // "101"
JavaScript MissingNo. Warm up Write a function that returns the missing number from an unsorted array of numbers. * Create a function that identifies the range of numbers within a given array. * Have the function return all numbers missing within the range. Example: function findMissingNo([3,5,4,8,1,2,7]){ //Find
React Building Reusable Components in ReactJS This post aims to demonstrate how to make truly reusable components using what are known as render-props and props.children. Modularity Vs. Reusability Just because it's modular doesn't mean it's reusable. Probably the most common example of this is with forms. If you're making a component for posting data,
React Setting up a Full Stack React Application So you've built an API and you've tested it in Postman. You're now ready to build a front end interface using React! Setting up a client-side application that accesses an API running on localhost sounds messy but it's actually really simple! Folder Structure Right now your project folder looks like
MacOS Basic Navigation and Shortcuts Knowing keyboard and screen shortcuts (a.k.a "hotkeys") will drastically improve your productivity and awesomeness. For a more exhaustive resource visit this site. Keyboard Shortcuts Whether you use VS Code, Atom, or otherwise, this list of common keyboard shortcuts will help you write code faster and smarter: Quick Navigation
Fizzbuzz Write a short program that prints each number from 1 to 100 on a new line. For each multiple of 3, print "Fizz" instead of the number. For each multiple of 5, print "Buzz" instead of the number. For numbers which are multiples of both 3 and 5, print "FizzBuzz"
Warmup Array Shuffler Write a function that takes an array as a parameter and returns a new array with the contents randomly "shuffled". Example shuffle([1,2,3,4,5]); //returns [3,5,4,1,2]
React Chuck Norris Joke Generator For this exercise you will make a simple React app which will display a Chuck Norris joke when the user clicks a button. Requirements 1. Jokes will be generated by making HTTP GET requests to the Chuck Norris API. 2. You must use axios or nodes native fetch. 3. Your
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
Express CRUD Store Exercise### This exercise is your first foray into implementing mongoose into your express server. You will be making a CRUD e-store inventory. Use postman to interface with all the items in your database. Part One * Build a new server and connect it to mongodb. * In a folder called models create
Stringify URL Part 1 Write a function that takes a string URL and a query object and returns the URL with a query string added. Example: function stringifyUrl(url, query) { // your code here } const url = "http://localhost:8080/monkeys" const query = { color: "black", species: "howler" } stringifyUrl(url, query) // returns "http://localhost:8080/
Query It Given a query object and an array of objects, write a function that returns an array of items that match the query. If the query object is empty, return the entire array. If the array contains no matches, return an empty array Example: const database = [ {firstName: "Jack", lastName: "Smith", age:
React Redux Timer Exercise### Your challenge is to build a timer using React and Redux. This is a pair programming exercise, so pick a partner! Requirements: 1. Display Minutes and Seconds 2. Start Button 3. Stop Button 4. Reset Button 5. Style creatively using whatever CSS tools you prefer Bonus Points: 1. Display
Two Sum Given an array of integers and a target integer, return the indices of the FIRST two numbers which add up to the target. Assume the same element may not be used twice. Example twoSum([1,2,3], 4); //returns [0, 2] because 1 + 3 equals 4
React-router React Wars Exercise### Your goal will be to build a simple Single Page Application that implements React Router with axios. 1. Create a sidebar of Link components displaying the character names retrieved from the star wars api. Use this URL: https://swapi.co/api/people/ 2. Using a Switch component, display each
React-router React Roto-Router Exercise For this exercise you will be making a mock SPA (Single Page Application) for a plumbing company website. Your website must contain a navbar, footer, and a main view section. Your navbar must contain at least 3 Link tags to at least 3 different views (for example Home, About,
