Platform
Resources
Pricing
Sign in
Get started
mmakutonin
Workspace
Fork
Published
Programming For Beginners: Seeq Webinar Series
By
mmakutonin
Edited
Jun 18, 2020
Fork of
Lesson 8: Advanced Primitives
Programming For Beginners: Seeq Webinar Series
Intro To Programming Syllabus:
Lesson 1-1: Javascript Basics
Lesson 1-2: Variables, Types, Boolean Algebra, and Comparisons
Lesson 2-1: for and while loops
Lesson 2-2: Intro to Objects, Functions, and this.
Lesson 2-3: Arrays
Lesson 2-4: Scopes, bind, Arrow Functions and Default Function Parameters
Lesson 3-1: let and const
Lesson 3-2: Destructuring and ...rest
Lesson 3-3: Higher Order Functions (HOFs)
Lesson 3-4: Application Programming Interfaces (APIs)
Lesson 3-5: Promises & async/await
Lesson 3-6: Prototypes & Inheritance
Lesson 4-1: IIFEs, Factory Functions, and Modules
Lesson 4-2: Classes
Lesson 4-3 Class Inheritance
Lesson 4-4: Export/Import
Lesson 5-1: Intro to React, React Native, and Expo
Lesson 5-2: this.props and React Event Handling
Lesson 5-3: Lifting this.state up
Lesson 5-4: Functionalizing React (an Intro to Better Practices)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
var
a1
,
a2
,
a3
,
a4
,
a5
;
[
a1
,
a2
,
a3
,
a4
,
a5
]
=
array
return
`
a1= ${
a1
},
a2= ${
a2
},
a3= ${
a3
},
a4= ${
a4
},
a5= ${
a5
}
`
}
Insert cell
{
var
{
bob
,
your
,
but
,
is
,
a
}
=
obj
//this is a valid syntax if you don't want to declare the variables separately...
return
`
bob= ${
bob
},
your= ${
your
}
but= ${
but
}
is= ${
is
}
a= ${
a
}
`
}
Insert cell
Insert cell
{
var
bob
,
rest
;
(
{
bob
,
...
rest
}
=
obj
)
return
`Bob: ${
bob
}, everything else: ${
JSON
.
stringify
(
rest
)
}`
}
Insert cell
{
//because strings are just arrays...
var
start
,
rest
;
(
[
start
,
...
rest
]
=
str
)
return
start
+
"/"
+
rest
}
Insert cell
{
var
start
,
rest
;
(
[
start
,
...
rest
]
=
array
)
return
start
+
"/"
+
rest
}
Insert cell
Insert cell
sum
=
(
...
thingsToSum
)
=>
thingsToSum
.
reduce
(
(
sum
,
val
)
=>
sum
+
val
)
Insert cell
sum
(
1
,
2
,
3
,
4
)
Insert cell
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.
Try it for free
Learn more
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
array
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
obj
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
str
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sum
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML