jQuery Pokemon List

Using jQuery and the Pokemon API, create a cool-looking website that uses AJAX to grab a list of all pokemon. (This can be found at http://pokeapi.co/api/v1/pokedex/1/). The site should list all of the pokemon's names in a neat, organized way. (Don't just put them

Warmup

Fix Teen

Given 3 int values, a b c, return their sum. However, if any of the values is a teen -- in the range 13 to 19 inclusive -- then that value counts as 0, except 15 and 16 do not count as a "teens" and should therefore still be added.

Spice it up

Choose a past web-based exercise or project (not a command-line project) and spice it up with some CSS transitions and/or animations. Just try not to go overboard, as it can make your site a lot tackier.

Exercise

Karma Vs. Communists

Go in to your Penguins vs. Communists project and add unit tests using: * The Karma test runner * The Jasmine test framework * PhantomJS as a headless browser Your unit tests should cover: * The sendNuke function * The onHit function * The onMiss function

Warmup

Count Code

Write a function that returns how many times the string "code" appears in array. function countCode(arr) { } //Output: // countCode(["code", "code", "cool"]) returns 2 // countCode(["code", "code", "cool", "code"]) returns 3 // countCode(["coe", "ode", "cool", "pool"]) returns 0 Step it up Write a function that returns the number of times

jQuery Pest Control

All you have to do with this exercise is duplicate your Mario's Pest Control project and convert everything that was originally in vanilla (plain) JavaScript to use the jQuery library instead. Rename the copy of the Mario's Pest Control folder you make to jquery-pest-control and put it in your exercises

Warmup

First Bootstrap Warmup

Using Bootstrap, create a site that uses the following bootstrap components: * Navbar * 3 Buttons of various colors & sizes * An

tag that is centered on the page * 2 Glyphicons of any kind, anywhere on the page

Exercise

Social.js

Create a model to represent the database of a new social media platform you're creating. It can be about whatever you want, but it needs the following: * At least 3 nested levels of data (including objects and arrays) * At least 1 method * Span across at least 50 lines of code.

Exercise

DJ JS

You're starting your business as a strictly online DJ (DJ JS) and you want to start by creating a website where people can change the color of a square on the page by interacting with different HTML Events. The square's color will change as follows: * Blue when the mouse hovers

Testing Letter Frequency

Using Jasmine as your testing framework, copy your Letter Frequency exercise and write any tests for it. You should create a sample phrase, run it through your function, and check that it's outputting the correct number of letters.

JSON's Deli

You're opening a new sandwich shop in Silicon Valley called JSON's Deli which is geared specifically towards programmers. You need to come up with a menu to display all of your items, and you decided you want to write it up in JSON format to delight your customer base. * The

Design a blog

Create a website that contains the following: * A fixed horizontal navbar (meaning it is always on the top of the page, even if you scroll down) * A blog-style feed, where each blog post (which you'll just hard-code in for now) is in the center of the page, and as your

Static Websites

Travel form

You just started your own airline, and you need to create a form to collect data about your passengers' upcoming travel plans so they can book their flight. You should collect the following information from the user: * First name (text input) * Last name (text input) * Age (number input) * Gender (radio

Static Websites

Table it!

Create an HTML table of any kind, containing any data you want. Requirements: * Must have at least 4 columns in the table * Must have at least 5 entries in the table (rows) * Must have a heading row and a body (and optionally a footer row) * Must be styled well with

Responsive color grid from scratch

Using CSS media queries, create a web page that looks like this: Here are the colors: * #F5C6D6 * #EE2E84 * #85CFD8 * #8DC63F * #E76E34 To practice media queries, you must make this color grid keep it's regular form (look like the picture above) from large screens down until 768px. Once it gets below

HTTP/API

Quarter 3 Test

This will be a demonstration of your understanding of the topics covered in HTTP/APIs Level 5, as well as a test on some of the most crucial past materials for you to understand. Technical interview The instructor/TA will ask you to answer the following questions: * Explain the "same-origin

Capstone Project

This capstone project is the final project you'll do as a student at V School! You'll have longer this time, about 2 1/2 weeks, to work on this project. As such, you'll want to make sure to be ambitious with the scope of your project. Project Requirements This project

Full-stack Group Project

This is the second of your three final projects. This time around, you'll be working in a small group of 2-3 other students. Project Requirements You are tasked with building a full-stack application, meaning you will need to build the API, server, and front-end React app. Here are the requirements:

Web Applications

First full-stack application

This is the last self-directed, larger-scale, full-stack application that you'll build in this course. Up to this point you've learned and practiced everything you need to know in order to build beautiful, data-driven web applications that can provide a real benefit to users. This will be a chance for you

HTTP/API

Quarter 2 Test

This will be a demonstration of your understanding of the topics covered in HTTP/APIs Level 3 and Databases Level 2. It will consist of a technical interview with an instructor or TA. Technical interview The instructor/TA will ask you to answer the following questions: * Explain what REST is

Installing MongoDB

Installing using WSL (2022 Update for Windows Users) Instructions are copied from here To install MongoDB (version 5.0) on WSL (Ubuntu 20.04): 1. Open your WSL terminal (ie. Ubuntu) and go to your home directory: cd ~ 2. Update your Ubuntu packages: sudo apt update 3. Import the public

K and J Diaries

One of the most common tasks for front-end web developers and web designers is to receive a "PSD" (Photoshop Document) that contains the design of a desired website and to have to translate what you see in the PSD to the web. One excellent way to practice for this task

Front End Web Skills Tree

The following list is a complete outline of every skill our students in the front end web course should be able to exit V School with. Skills Tree * Static Websites * Level 1 * HTML: Create an HTML document, double click it to show up in a browser, bare bones skeleton * CSS:

Version Control

Quarter 1 Test

This will be a demonstration of your understanding of the topics covered in Version Control Level 3, Troubleshooting/Debugging Level 2, and HTTP/API Levels 1 & 2. Part 1: live demo with instructor or TA Setup Download the files from this repository to your own machine (download the .zip files,

Static Websites

High-Score Haven

You're sick of people not knowing about your AMA-ZING high scores, but you also don't want to post your scores to the general public, because let's be real - they're really not that good. So you decide to create a website where only your friends/frenemies/family can come to