Intro To Programming Syllabus:Lesson 1-1: Javascript BasicsLesson 1-2: Variables, Types, Boolean Algebra, and ComparisonsLesson 2-1: for and while loopsLesson 2-2: Intro to Objects, Functions, and this.Lesson 2-3: ArraysLesson 2-4: Scopes, bind, Arrow Functions and Default Function ParametersLesson 3-2: Destructuring and ...restLesson 3-3: Higher Order Functions (HOFs)Lesson 3-4: Application Programming Interfaces (APIs)Lesson 3-5: Promises & async/awaitLesson 3-6: Prototypes & InheritanceLesson 4-1: IIFEs, Factory Functions, and ModulesLesson 4-2: ClassesLesson 4-3 Class InheritanceLesson 4-4: Export/ImportLesson 5-1: Intro to React, React Native, and ExpoLesson 5-2: this.props and React Event HandlingLesson 5-3: Lifting this.state upLesson 5-4: Functionalizing React (an Intro to Better Practices)
Lesson 3-1: let and const
{
var something;
//I'm the global scope
if (something) {
//Im in a block scope
}
var obj = {
//I'm also in a block scope
func() {
//Any function scope is also a block scope
},
attr: {
//hey, I'm in a block scope in a block scope!
}
};
}
{
if(false) //this isn't run... or is it?
{
var bob = 'bob'
}
bob = 'joe' //this should not work because var bob should never be declared
return bob;
}
{
var insecureUserIsLoggedIn = false;
var insecureUserIsLoggedIn = true;
return insecureUserIsLoggedIn
}
{
if(false) {
let bob = 'bob'
}
bob='joe'
return bob
}
{
let bob = 'bob'
let bob = 'joe'
return bob
}
{
const str = 'constant'
str = 'bob'
return str
}
"You have just queried " + apiReturn.apiName + " and receieved response code " + apiReturn.apiCode + ". The API Wizard says that " + apiReturn.apiReturnBody + ". The Wizard states that you shall pay " + apiReturn.apiPaymentAsked + " or guess the wizard's name."
`You have just queried ${apiReturn.apiName} and receieved response code ${apiReturn.apiCode}. The API Wizard says that ${apiReturn.apiReturnBody}. The Wizard states that you shall pay ${apiReturn.apiPaymentAsked} or guess the wizard's name.`
`Two plus four times 26 divided by 887 equals ${2+4*26/887}`
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.
