• Thursday , 21 September 2017

8.1: Introduction to Data and APIs in JavaScript – p5.js Tutorial

Code Canyon



This video introduces the idea of using external data in a p5.js sketch. What are the various formats — JSON, tabular data, XML? What is an API?

Wind map: http://hint.fm/wind/

All examples: https://github.com/shiffman/Video-Lesson-Materials

Contact: https://twitter.com/shiffman

Next video:

JavaScript basics:

HTML/CSS basics:

Full Data playlist:

Help us caption & translate this video!

http://amara.org/v/QbuI/

Original source

3d Ocean

Related Posts

35 Comments

  1. I AM SURE
    August 6, 2017 at 18:58

    U R amazing .. keep it up

  2. David E. Jackson
    August 6, 2017 at 18:58

    I want to write a program using Instagram API for "flower" now! o_O

  3. Drinking Water
    August 6, 2017 at 18:58

    You are a hero

  4. nolareaper
    August 6, 2017 at 18:58

    This was GREAT! Wish i had watched it sooner. Thanks man!

  5. darkfafi
    August 6, 2017 at 18:58

    I just found your youtube profile. You are really amazing. My note block is full of new information. You are really adding to my knowledge in a fun and uplifting manner. Thank you for doing this. I will be an active viewer of your videos from now on. Keep up the good work!

  6. Bennie DeWaal
    August 6, 2017 at 18:58

    There's lots of stuff, how's there lots of stuff 🙂

  7. Bytler
    August 6, 2017 at 18:58

    Hey, great tutorial playlist ! Could you create a few videos about algorithms (using javascript)?

  8. Julian Silvestri
    August 6, 2017 at 18:58

    HAHAHA that instagram search though! too funny

  9. Sumit Wadhwa
    August 6, 2017 at 18:58

    OKAY, couldn't you come to my knowledge a little early. I wasted shit ton of money on some stupid Bootcamp in Delhi. By the way, your way of teaching is like enjoying a sitcom and getting educated at the same time. Bless you buddy.

  10. Tushar Sadhwani
    August 6, 2017 at 18:58

    Instagram has an API…flower…WHOOPS!

  11. Tushar Sadhwani
    August 6, 2017 at 18:58

    Instagram has an API…flower…WHOOPS!

  12. Umar Jan
    August 6, 2017 at 18:58

    Teaching is a skill, Sir Newton could not do it. You are simply amazing and your creative use of english language penetrates through our skull. THANK YOU. Wish I could write code beautifully as you do…..

  13. Nasir Mehmood
    August 6, 2017 at 18:58

    Daniel I am so happy I found you =)

  14. Erik Akerberg
    August 6, 2017 at 18:58

    You're 42!?!?!?!?!?!?!

  15. Felipe Emperor
    August 6, 2017 at 18:58

    dude, you are better than all the teachers I had in college, well done!

  16. Pratik Ratnaparkhi
    August 6, 2017 at 18:58

    People watching it after 2015: Update, Google Image Search have been depreciated

  17. Olle Lögdahl
    August 6, 2017 at 18:58

    Hey! Just a question, because i cant find it in this playlist. Have you done a tutorial about collecting data from a textfile?

  18. Yowshi52
    August 6, 2017 at 18:58

    Thank you so much for making these tutorials, you explain so well programming ! A big thanks from france

  19. Effatina Boutros Behjat
    August 6, 2017 at 18:58

    Hi Daniel, Thank you very much for these videos. They've been very helpful.

  20. Consuelo Huerta
    August 6, 2017 at 18:58

    This was really helpful thank you

  21. Akshat giri
    August 6, 2017 at 18:58

    12:10 that nervous laugh though.. :p

  22. Khanh Nguyen
    August 6, 2017 at 18:58

    You are the best! your videos make a lot of sense to me! Thank for you hard work! Could you please share the files to make that windmap please? I want to do something similar but dont know how to start.

  23. trien pham
    August 6, 2017 at 18:58

    OOH! 42 is the answer to life the universe and everything!

  24. Khaled Hasan
    August 6, 2017 at 18:58

    man that was a great video usually I get bored from these lectures but with your video the time fly I didn't even notice I miss the old days teaching were you can see the teacher explaining like yours good job my friend

  25. David Kim
    August 6, 2017 at 18:58

    Good stuff man–keep up the hustle!
    ~newSubscriber

  26. Zak P
    August 6, 2017 at 18:58

    Wraios o anomaliaris ! Bravo

  27. phanCAbe
    August 6, 2017 at 18:58

    Great video Daniel!

  28. Firas Ershead
    August 6, 2017 at 18:58

    Hi Daniel, awesome work again.
    I have a question and appreciate if u can help by small example or at least a tip 🙂

    I need to read xlsx file directly to p5.js, i lost on google trying to find libraries that access xlsx file 🙁

    Thanks.

  29. Thiago de Bastos
    August 6, 2017 at 18:58

    Wow this is great! You make a great teacher 🙂
    I'll be eating though this course!

  30. Paul O'Neill
    August 6, 2017 at 18:58

    Hey Daniel, Top Tip: You should re-do this tutorial and at 03.10 start singing this https://www.youtube.com/watch?v=IAG8iD-XS44 : )

  31. Erick Moreno
    August 6, 2017 at 18:58

    A great introductory video to understand what APIs and JSON are for. Thanks!

  32. Manuel Quintanilla
    August 6, 2017 at 18:58

    Just found you videos and think you're brilliant as a teacher! 🙂

  33. Christopher Getz
    August 6, 2017 at 18:58

    google apple

  34. Omar Shrbajy
    August 6, 2017 at 18:58

    you are Awesome Thanks ^^

  35. Ryan Scharfer
    August 6, 2017 at 18:58

    A general P5 question : If the p5 library is loaded before our script js, why can't we immediately call a p5 function with script.js? e.g. noCanvas() outslide of any function wouldn't work because noCanvas is still undefined when it's called.

Leave A Comment

You must be logged in to post a comment.