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 14: Async Functions and PromisesMarch 25th: More ES6 SyntaxMarch 28th: React Day 1April 1st: React Day 2
March 18th: ESNext; What You Need To Know
function bob(a,b)
{
var c = a%2
if (a===b)
{
return function sam()
{
if(c===b)
return function mike(a,b)
{
return a+b
}
return c
}
}
else if (a==b)
{
if(a===true)
return a;
else
return function zzz(s,l,e,p)
{
return s + "zz" + l + "zz" + e + "zz" + e + "zz" +p
}
}
else
return bob(a+1,b)
}
md`
{
var a = 1;
// ...a thousand lines of code here
var a = 2; // doesn't throw a duplicate declaration error
return a; // a seems to be changed
}
{
let a = 1;
let a = 2; // duplicate declaration error
}
{
const A = 2
A++ // constant assignment error
return A
}
{
while(false) /* the block --> */ { /* some JS statements here */ }
if(true)
{
// inside the block
}
}
// blocks (with a lot more features added) are actually used in this notebook
{ /* JS statements in here */ }
{
// outside of block scope
if(true) {
// inside of block scope
var a = 2
}
return a; // yes it would
}
{
return b
}
{
// what you see:
if(false) {
var b = 2
}
return b // why no error?
}
{
// what JavaScript sees:
var b // <-- hoisted variable declaration outside the block scope
if(false) {
b = 2
}
return b
}
{
b = 2 // notebook doesn't like assigning globally scoped variables
}
{
b = 2
return b // why no error?
var b
}
{
b = 2
return b
let b // unreachable statement
}
{
// outside block scope
if(true) {
let b = 2 // inside block scope
}
return b
}
function doSequential(fn1, fn2, a) {
return fn2(fn1(a))
}
// we can put two functions in as parameters in a one-liner. Can't do that in Java
doSequential( x=>x+1, x=>x*5, 5)
{
const dog = {
sound: "woof",
makeBarker: function() {
return function() {
return this.sound
}
},
makeBarkerArrow: function() {
return () => this.sound // <-- `this` is bound the the `this` of the function
}
}
const bark = function() { return this.sound }
const barker = dog.makeBarker()
const arrowFnBarker = dog.makeBarkerArrow()
return [
bark.call(dog), //
barker.call(dog), // must be bound or called with dog
arrowFnBarker() // already bound
]
}
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.
