DEV Community

Syntax - Tasty Web Development Treats

Hasty Treat - JSON, JSONP and CORS

In this Hasty Treat, Scott and Wes discuss all things cross-origin - APIs, Javascript, JSON, CORS, and more.

Netlify — Sponsor

Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.

Show Notes

3:52

  • What is JSON?

5:09

  • Origin policy in the browser

6:00

  • Cookies + how they work

6:38

  • How do you get data from one site to another?

7:00

  • JSON P (JSON with Padding)

9:00

  • CORS (cross-origin resource sharing)
  • CORS errors + learning on the fly

11:31

  • Canvas elements

12:24

Tweet us your tasty treats!

Episode source