Coding Challenge #39: Mad Libs Generator

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=ziBO-U2_t3k


Duration: 20:34
42,526 views
689

In this coding challenge, I make a Mad Libs web application using p5.js and tabletop.js (a JavaScript library for connecting to google sheet data.) Code: https://thecodingtrain.com/challenges/39-madlibs-generator

🕹ī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/8gVGg0VR3

đŸŽĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
📃 Tabletop.js: https://github.com/jsoma/tabletop
🗒ī¸ Papa Parse: https://www.papaparse.com/
đŸ’ģ Programming from A to Z Github: https://github.com/shiffman/A2Z-F16

Live Stream Archive:
🔴 Coding Train Live 61: https://youtu.be/Fe1sy9fkTKQ?t=6952s

Related Coding Challenges:
🚂 #37 Diastic Machine: https://youtu.be/u-HUtrpyi1c
🚂 #39 Mad Libs Generator: https://youtu.be/ziBO-U2_t3k
🚂 #42 Markov Chain Name Generator: https://youtu.be/eGFJ8vugIWA

Timestamps:
0:00 Introduction and what Mad Libs is
2:15 Making the Google Form
4:59 About getting the data into the program
6:25 Using tabletop.js
7:23 Getting the data from our spreadsheet
10:43 Creating a button
12:04 Using regular expressions to replace the blanks
14:46 Making the callback function to replace the words
16:50 Picking random words from the entries
18:47 The end result
19:15 So many possibilities to try!
20:11 Goodbye!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
💡 GitHub: https://github.com/CodingTrain
đŸ’Ŧ Discord: https://thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋ī¸ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

đŸŽĨ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#madlibs #googleforms #datacollecting #javascript #p5js #tabletopjs



Other Videos By The Coding Train


2016-10-15Live Stream #63: Sound in p5.js Continued + Q&A
2016-10-14Live Stream #62: Week 5 of Programming from A to Z
2016-10-135.3: Homework Assignment Week 5 - Programming with Text
2016-10-12Coding Challenge #40.3: TF-IDF
2016-10-11Accessibility with Claire Kearney-Volpe and Chancey Fleet
2016-10-11Coding Challenge #40.2: Word Counter in Processing
2016-10-10Coding Challenge #40.1: Word Counter in JavaScript
2016-10-075.2: Associative Arrays in JavaScript - Programming with Text
2016-10-075.1: Intro to Week 5: Text Analysis and Word Counting - Programming with Text
2016-09-283.3: Homework Assignments Week 3 - Programming with Text
2016-09-26Coding Challenge #39: Mad Libs Generator
2016-09-233.2: The "nlp-compromise" Library - Programming with Text
2016-09-223.1: The RiTa.js Library - Programming with Text
2016-09-21Coding Train Live 61: Week 3 of Programming from A to Z & Mad Libs generator
2016-09-202.10: Homework Assignments Week 2 - Programming with Text
2016-09-20Coding Challenge #38: Word Interactor
2016-09-192.9: Regular Expressions: replace() - Programming with Text
2016-09-192.8: Regular Expressions: split() - Programming with Text
2016-09-182.7: Regular Expressions: exec() - Programming with Text
2016-09-182.6: Regular Expressions: test() and match() - Programming with Text
2016-09-182.5: Regular Expressions: Back References - Programming with Text


Tags:
coding
programming
p5.js
week
rainbow
live
creative coding
coding challenge
javascript (programming language)
daniel shiffman
javascript
p5.js tutorial
p5js
tutorial
programming challenge
javascript string object
js string object
user input
tabletop.js
google spreadsheet javascript
google form javascript
user input javascript
google spreadsheet js
madlibs
madlibs generator
madlibs web application
madlibs javascript