August 26: Variables, Strings, and MathAug 28th: Advanced Comparisons, Variables, Booleans, and Type CoersionAug 30th: if, for, while, and some functionsSep 2nd: Objects and More Functions!Sep 4: Arrays and HTML ProjectSep 9: Advanced Functions I: Closures, IIFEs, Factory Functions, and ModulesSeptember 11: Advanced Functions II: Promises, Async/Await, and APIsSeptember 13: Advanced Primitives I: String Templates and PaddingSeptember 16: Advanced Primitives II: Destructuring and ...restSeptember 18: Code Review: Primitives, Functions, and ObjectsSeptember 20: Advanced Functions III: Higher Order Functions (HOFs)September 23: Advanced Objects I: PrototypesSeptember 25: Advanced Functions IV: Advanced this(Bind, Call, Apply), and Function===ObjectSeptember 30: Advanced Objects III: Class InheritanceOctober 2: Advanced Functions 5: Arrow Functions and Default Function Parameters, and functional ...restOctober 4: let and constOctober 9: Review and Export/ImportOctober 11th: Intro to ReactOctober 14th: React Day 2October 16th: React Day 3
September 27th: Advanced Objects II: Classes
function Doggo(name, vegetarian) { //the constructor can take in variables
this.species = 'doggo'
this.fluffy = true
this.talk = 'woooof'
this.name = name
this.vegetarian = vegetarian
//Doesn't have to return anything
}
//method:
Doggo.prototype.introduce = //Class.prototype is the object used to create the prototype of the object created (which we then refer to with Object.getPrototypeOf() or Object.setPrototypeOf())
function() {
if(this.vegetarian)
return 'Hai, my name is ' + this.name + ' and I am a vegetarian'
else
return 'Hai, my name is ' + this.name + ' and I am not a vegetarian'
}
clifford = new Doggo('Clifford', false)
clifford.introduce()
veggie = new Doggo('Veg', true)
veggie.introduce()
marvin = {
// 1. create empty object
var marvin = {}
// 2. run constructure with object as this
Doggo.call(marvin, "Marvin", false)
// 3. sets marvin's prototype to Bunny.prototype
Object.setPrototypeOf(marvin, Doggo.prototype)
/////// DONE ////////
return marvin
}
marvin.introduce()
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.
