Jan 24th: OrientationJan 28th: Variables, Strings, Math, ComparisonsFeb 4th: \`if\`, \`for\`, \`while\`, and some functionsFeb 7th: Functions & Some ObjectsFeb 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 14: Async Functions and PromisesMarch 18th: ESNext; What You Need To KnowMarch 25th: More ES6 SyntaxMarch 28th: React Day 1April 1st: React Day 2
Feb 11th: Functions, Objects, and Arrays
oneTwoThreeArray = [1,2,3,4,5] //this is how we declare an array
oneTwoThreeArray[0]
oneTwoThreeArray[oneTwoThreeArray.length-1]
emptyArray = [] //this is how we declare an empty array
emptyArray.push(1)
concatArray = emptyArray.concat([4,5,6])
concatArray.pop()
concatArray
myDog = {
// This is how we declare an object!
var myDog = {
name: "fluffy",
breed: "bulldog",
color: "brown"
}
return myDog;
}
// To retrieve values to use them later
myDog.breed
{
var doSomething = function() {
return "I'm doing awesome"
}
var doSomethingTwo = doSomething
// These are equal!
return doSomething === doSomethingTwo
}
myDog2 = {
var myDog2 = {
name: "fluffy",
breed: "bulldog",
color: "brown",
bark: function() {
return "WOOF"
}
}
// just for observable~
return myDog2
}
// run it like this
myDog2.bark()
myDog3 = {
var myDog3 = {
sayName: function() {
return "Hai my name is " + this.name + ". I'm a " + this.breed + "."
},
name: "fluffykins",
breed: "bulldog",
}
return myDog3
}
myDog3.sayName()
thisOutOfContext = function() {
// what could `this` be?
return this;
}
justBark = {
var doggo = {
bark: function() {
return this.sound
},
sound: "wooooof"
}
var justBark = doggo.bark;
return justBark
}
// `this` is no longer the doggo
justBark()
boundBark = {
var doggo = {
bark: function() {
return this.sound
},
sound: "wooooof"
}
var boundBark = doggo.bark;
return boundBark.bind(doggo)
}
// `this` is doggo again
boundBark()
superCat =
{
//write code here
}
superDoggo =
{
}
theirArmy = ["dog1","dog2","dog3","dog4"]
ourArmy = ["superKitty"]
allAnimals = ourArmy + superKitty
allAnimals.addDoggo(superDoggo)
allAnimals.findIndexOfSupperKitty()
allAnimals.removeThatSuperDoggoCuzITypoedHisNameO()
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.
