HTTP/API - V School | Better Humans, Better Outcomes

Sign in Subscribe

HTTP/API

A collection of 18 posts

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

First full-stack application

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

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

Group Project with Authentication

Group Project with Authentication

Over the next few days, you'll be working in small, 2-3 person groups to create an application that encompasses most, if not all, of what we've learned so far in the class. At this point in the class you've learned pretty much everything you need to know to make a

Mongoose CRUD (Create, Read, Update, Delete)

Mongoose CRUD (Create, Read, Update, Delete)

We've covered the basics of making queries in the MongoDB Shell, but since we'll mostly be writing our queries in our server's JavaScript code using Mongoose, it makes sense to understand how Mongoose does queries. We'll be covering basic CRUD (Create, Read, Update, Delete) operations. With Mongoose, you can perform

Express req.params and req.query

Express req.params and req.query

When you're first learning about the Request/Response cycle, there's a fairly confusing topic that you'll run into frequently: URL parameters and query parameters (also called query strings). The reason these can be confusing is because people frequently interchange the two terms. So we're going to clarify what they are

Express Router

You have now experienced the beauty and simplicity of Node and Express - and you have created a few simple back-end servers and enabled your client to talk to it. How cool! So far we've been putting all of our routes on the app object that was created with the

Intro to Express

Intro to Express

Express is a "fast, unopinionated, minimalist web framework for Node.js." It is considered a very thin, lightweight framework that uses Node.js APIs to take common uses of Node.js and abstract (simplify) them for easier use by the developer. In this document, we will run through how to

Final Project

So here it is. The big sha-bang. You are going to build a full-stack final project. You will pick your own theme. Here is how you should spend your time (Due to the fact that your first job will most likely be front-end work): * 50% Angular * 30% HTML/CSS/Bootstrap/

Warmup - Server by Memory

Warmup - Server by Memory

Your job is to use what you have learned and spin up a NodeJs/Express server with a MongoDB that works. Requirements: * GET endpoint /cars * POST endpoint /cars * PUT endpoint /cars/:carId * DELETE endpoint /cars/:carId * MongoDB name should be cars * GET endpoint /person * POST endpoint /person * PUT endpoint /person/

Todo Express

Create a simple Express Server that manages a list of todos (which at this point will just be held in an array on the server, since we haven't gotten to including databases yet). Todos should have a data format similar to: { "name": "The name", "description": "The description of the todo"

Web Applications

Personal React Site

You are going to design and build your very own React site with a theme and content of your choosing. This site will be a portfolio piece. Project Requirements 1. Your site must integrate with an online API. Use the axios library to make client-side HTTP requests. 2. Here is

PokeProfile

Using Bootstrap, Angular, $http, and a custom AngularJS Service create a website that looks similar to this: A user will enter the number of a Pokemon and the screen will download the information and the image of that Pokemon. Custom Service Put any code that uses $http in a custom

React Todo App (Talking to the Server)

React Todo App (Talking to the Server)

You are going to create a Todo list that talks to the server. We've built and hosted an API that you can access to save todo items in our database. Immediately below are the requirements, and further below is all the information you should need in order to interact with

Star Wars Opening Credits ($http)

Star Wars Opening Credits ($http)

You are going to make a one page Angular application that shows the opening words ("opening crawl") to Star Wars. The background should of course be black and have big yellow text. You will use the Star Wars API to do this: https://swapi.co/documentation Extra credit: Make the

Postman Practice

Postman Practice

For problems #1 and #2, reference the Star Wars API 1. Use Postman to GET a list of planets. 2. Use Postman to GET a single person object. For problems #3 - #6, use the https://api.vschool.io/[your_name]/todo endpoint. 3. Use Postman to POST 3 new

Yoda Speak

This is an $http exercise. You have been commissioned as Yoda's official translator, and to make your job easier you want to create a site that translates normal speech into Yoda Speak. Luckily, a Yoda Speak API already exists so all you have to do is connect with the API

$http in Angular

$http in Angular

$http is an Angular service that make HTTP requests easy and convenient. $http is a wrapper for the XMLHttpRequest and JSONP browser functionality. It is quite similar to jQuery's ajax implementation, so you should have no trouble learning it. $http (and most other Angular built-in services, in fact) uses promises,