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 27th: Advanced Objects II: ClassesOctober 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 30: Advanced Objects III: Class Inheritance
Animal = {
var Animal = function(name, species, sex) {
this.species = species
this.sex = sex
this.name = name
this.stomach = []
}
Animal.prototype.eat = function(food) {
this.stomach.push(food)
}
Animal.prototype.poop = function() {
var randomAmount = Math.round(Math.random() * (this.stomach.length - 1))
var doggyBag = []
for( var i = 0; i < randomAmount; i++ ) {
doggyBag.push( this.stomach.pop() )
}
return doggyBag;
}
Animal.prototype.introduce = function() {
return "Hi, my name is " + this.name + ". I'm a " + this.sex + " " + this.species + "."
}
return Animal
}
{
var matt = new Animal("Matt", "Human", "male")
matt.eat("pizza")
matt.eat("chocolate")
matt.eat("beef")
matt.poop()
return matt.stomach
}
class Dog extends Animal {
constructor(name, sex, breed) {
// run superclass constructor
super(name, "dog", sex)
this.breed = breed
}
introduce() {
// extend superclass method
return super.introduce() + " Woof woof!"
}
bark() {
return "woof"
}
}
chase = new Dog("Chase", "male", "chihuahua")
chase.introduce()
chase.bark()
chase.breed
{
class Robot {
constructor() {
// static property
Robot.totalUnits = Robot.totalUnits + 1 || 1
this.serialNo = Robot.totalUnits
}
introduce() {
return "Hello. I am unit " + this.serialNo + " of " + Robot.totalUnits
}
}
var robo1 = new Robot()
var robo2 = new Robot()
var robo3 = new Robot()
var robo4 = new Robot()
return robo1.introduce()
}
clif = new Dog('Clif', 'male', 'Big Red')
clif instanceof Dog
clif instanceof Animal
Dog instanceof Animal // why is this false?
Robot = {
function Robot() {
}
return Robot
}
{
var robo = new Robot()
if(Object.values(robo).length === 0) return md`Your answer will be checked here`
robo.walk()
robo.walk()
expect(robo.displacement).to.equal(2)
expect(robo.report()).to.equal("I have walked 2 units")
robo.walk()
expect(robo.displacement).to.equal(3)
expect(robo.report()).to.equal("I have walked 3 units")
return success()
}
FastRobot = {
function FastRobot() {
}
return FastRobot
}
{
var fRobo = new FastRobot(5)
if(Object.values(fRobo).length === 0) return md`Your answer will be checked here`
expect(fRobo).to.be.an.instanceof(FastRobot)
expect(fRobo).to.be.an.instanceof(Robot)
expect(fRobo).to.not.have.own.property("report")
expect(fRobo.speed).to.equal(5)
fRobo.walk()
expect(fRobo.report()).to.equal("I have walked 5 units")
fRobo.walk()
expect(fRobo.report()).to.equal("I have walked 10 units")
expect(fRobo.displacement).to.equal(10)
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.
