Jan 24th: OrientationJan 28th: Variables, Strings, Math, ComparisonsFeb 4th: \`if\`, \`for\`, \`while\`, and some functionsFeb 7th: Functions & Some ObjectsFeb 11th: Functions, Objects, and ArraysFeb 14: Closures & PrototypesFeb 18: Prototypes & Classes in JavaScriptFeb 21: Classical InheritanceFeb 25th: Closure & Prototype ReviewWebpage Foundations: an Intro to HTML and CSSHigher Order Functions (Filter, Map, Reduce): March 11thMarch 18th: ESNext; What You Need To KnowMarch 25th: More ES6 SyntaxMarch 28th: React Day 1April 1st: React Day 2
March 14: Async Functions and Promises
{
var romeo = {name: "romeo", hasRose: false}
var juliet = {name: "jules", wantsRose: true}
if(romeo.hasRose===true){
romeo.hasRose=false
juliet.wantsRose=false
return "Happily ever after!"
}
else if(romeo.hasRose===false)
{
return "Romeo fails"
}
romeo.hasRose=true
}
{
var romeo = {name: "romeo", hasRose: false}
var juliet = {name: "jules", wantsRose: true}
if(romeo.hasRose===true){
romeo.hasRose=false
juliet.wantsRose=false
return "Happily ever after!"
}
else if(romeo.hasRose===false)
{
romeo.oweRose=true
juliet.wantsRose=false
}
romeo.hasRose=true
romeo.oweRose=false
romeo.hasRose=false
return "Happily ever after!"
}
promiseFunc = () => new Promise((resolve, reject) => {setTimeout(() => resolve(x+50), 1000)})
finalResult = (promiseFunc())
.then(x => x%2)
.then(x => x+30)
.catch(err => "I encountered an error: " + err + ". Sorry!")
youPromiseToGiveMeFood = typeOfFood => new Promise( (s,f) => s(typeOfFood))
iPromiseToPayYouBack = (amt, from) => new Promise( (s,f) => s(from - amt) )
eatFood = myStuff => "I ate the " + myStuff.food
checkWhatIHave = myStuff => "I have a " + myStuff.food + " and $" + myStuff.wallet + " dollars left."
// define the async function
foodTransaction = async function() {
var myFood;
var myWallet = 100;
// the function will pause at this line below until you give me my food
myFood = youPromiseToGiveMeFood("Lakeview Beef w. Broccoli")
// then it'll keep executing down here
// and pause until i pay you back
myWallet = /* Promise */ iPromiseToPayYouBack(20, myWallet)
// and now we've finished the transaction
// I return an object containing my belongings
return {
food:myFood,
wallet: myWallet
}
}
foodTransaction() instanceof Promise
foodTransaction().then(eatFood)
foodTransaction().then(checkWhatIHave)
func = (x) => undefined
{ //Your code is checked here
expect(func()).to.be.an.instanceOf(Promise)
expect(func("bob").catch(err => err)).to.be.an.instanceOf(Error)
expect(func(null).catch(err => err)).to.be.an.instanceOf(Error)
expect(func().catch(err => err)).to.be.an.instanceOf(Error)
return success()
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
