50

JavaScript
Concepts
Learn 50 Important JavaScript topics with short
digital notes and analogies.

KINGSLEY UBAH
 TABLE OF CONTENTS
JS: Array Iterators 1-2
JS: Arrow Functions 3
JS: Async/Await 4
JS: Callback functions 5
JS: Comments 6
JS: Const variable 7
JS: Cookies 8-9
JS: Curry Function 10
JS: Data Operators 11-12
JS: Default Parameters 13
JS: Destructuring (Array & Objects) 14
JS: DOM Events 15
JS: DOM Event Listeners 16
JS: DOM Properties and Methods 17
JS: Errors 18
JS: ES6 Class Syntax 19
JS: Events 20
JS: Fetch API 21-22
JS: For...Of vs For...in 23
JS: Generators 24
JS: Getters and Setters 25
JS: How the API works 26
JS: How Asynchronicity works 27
JS: How the call stack works 28-29
JS: How the Event Loop works 30-31
JS: JSON 32
JS: “let” variable 33
JS: Local storage 34
JS: Map & Set 35-36
JS: Math Object 37
JS: Modules 38
JS: Number methods 39
JS: Object configuration 40-41
JS: Object immutability 42
JS: Promises 43-45
JS: Rest Parameter 46
JS: Regex 47-48
JS: sessionStorage 49
JS: Spread operator 50
JS: String methods 51-53
JS: Switch statement 54
JS: Symbol 55
JS: Template literal 56
JS: typeOf() 57
JS: “this” binding 58-59
JS: "use Strict" 60-62
JS: What are classes? 63
JS: What is MVC architecture? 64
JS: What is the virtual DOM? 65
JS: Web and Browser APIs 66
PREFACE

The shorter a book or resource is, the better for me.

Being a self-taught developer, who taught himself how to code

with tons of free resources online, I have read a lot of articles and
also followed many tutorials. My favourite platform for learning
JavaScript was, and still is, W3Schools.

The two main reasons I love W3Schools are the following:

1. The conciseness of their tutorials: They deftly managed to

convey lots of information in the briefest way possible. Their
minimalistic structure makes it very easy to learn the things you
TRULY NEED whilst forgetting about the deep, ingrained part of
the concept.

2. Inclusiveness: Someone once joked to me that anyone could

learn everything about JavaScript from their tutorials. While that
is not really true, the fact remains that W3Schools have one of the
broadest tutorials you can find on JavaScript.

Why am I suddenly referring to W3School?

It is because those two characteristics of theirs inspired my

work.I created this with brevity and inclusiveness in mind.
A substantial portion of JavaScript is covered in this book, though
not in great detail. I even analogized some JavaScript concepts
which usually give a lot of newbie developers the most
headaches. Concepts like the API, Asynchronicity, workings of the
Event Loop and so on.

To ensure that you get the best of both worlds, I made sure to
include a link to an in-depth tutorial on every chapters of this
book. That way, you can easily access them when you are in need
of deeper understanding.

All of the codes in this book are highlighted in red, including the
comments.

This is not a perfect resource. In fact, it may be full of flaws. That

is why I humbly solicit feedback from you in order to improve on
it. You can easily reach me by mailing to
[email protected]. If you’re on twitter, you can reach me
@UbahTheBuilder.

Thank you.
 Array Iterators

== "developer"

Read more: https://bit.ly/3hVy7aa 1

Array Iterators

2
 Arrow Functions

Read more: https://mzl.la/36mRVhl 3

 Async/Await

Read more: https://mzl.la/3k00vux 4

 Callback Functions

Read more: https://bit.ly/3xwpKZk 5

 Comments

Read more: https://bit.ly/3xw6Vpl 6

 Const keyword

declared

Read more: https://bit.ly/3qZy8OP 7

Cookies

8
 Cookies

Read more: https://bit.ly/3AHMt6O 9

 Curry Functions

10
Read more: https://bit.ly/36pqq6V
Data Operators

11
 Data Operators

Read more: https://bit.ly/3e3tOsn 12

 Default Parameter

Read more: https://mzl.la/3yHawko 13

Destructuring

14
 Destructuring

Read more: https://mzl.la/2TMJB8e 15

 DOM Events

Read more: https://bit.ly/36uiWPW 16

 DOM Events Listeners

Read more: https://mzl.la/3ht0H3N 17

 DOM properties & methods

Read more: https://bit.ly/3AJZ7SS 18

 Errors

Read more: https://mzl.la/3ht2TIP 19

 ES6 Class Syntax

Read more: https://mzl.la/3AN7wVu 20

 Events

Read more: https://bit.ly/2TJKvlT 21

Fetch API

22
 Fetch API

Read more: https://mzl.la/2UC8pzP 23

 For..of vs For..in

Read more: https://bit.ly/3k1te2m 24

 Generators

Read more: https://bit.ly/3xuQjya 25

 Getters and Setters

Read more: https://bit.ly/3AL8WQA 26

 How API works

Read more: https://bit.ly/3xwUjxY 27

 How Asynchronicity works

Read more: https://bit.ly/3xwar31 28

 How the Call Stack works

Read more: https://bit.ly/3ht2LJ5 29

How the Call Stack works

30
 How the Event Loop works

Read more: https://bit.ly/2VhfNAK 31

 How the Event Loop works

function getBoy () {
console.log("Joe") ;
}

function getGirl () {
console.log("Sally") ;
}

32
 JSON

Read more: https://mzl.la/3wyyQDE 33

 let Keyword

Read more: https://bit.ly/3qZ1OeO 34

 localStorage

Read more: https://bit.ly/3hUmiRI 35

Map & Set

36
 Map & Set

Read more: https://bit.ly/3AKCkGl 37

 Math Object

Read more: https://bit.ly/3huBy8W 38

 Modules

Read more: https://bit.ly/3xwWnGe 39

 Number methods

Read more: https://bit.ly/2TS6bw4 40

Object configuration

41
 Object configuration

Read more: https://mzl.la/2VhifXY 42

 Object immutability

Read more: https://bit.ly/36rGAwx 43

Promises

44
 Promises

44
Read more: https://bit.ly/2TSWHRd
Promises

45
 Rest parameter

Read more: https://mzl.la/2TSlk0q 46

 Regex

Read more: https://bit.ly/3r0CQvn 47

Regex

48
 Session Storage

Read more: https://mzl.la/3xu4dkd 49

 Spread Operator

Read more: https://mzl.la/2TS8nUk 50

String Methods

51
String Methods

52
 String Methods

Read more: https://bit.ly/3wuMlo3 53

 Switch loop

Read more: https://bit.ly/3r0HeLe 54

 Symbol

Read more: https://mzl.la/3yAuu04 55

 Template Literal

Read more: https://mzl.la/3ejDAab 56

 TypeOf()

Read more: https://mzl.la/3k8slES 57

this Binding

58
 this Binding

Read more: https://bit.ly/2TMUEOK 59

"use Strict"

60
"use Strict"

61
 "use Strict"

Read more: https://bit.ly/2SXuwQy 62

 What is a Class?

Read more: https://bit.ly/2UzfWPV 63

 What is MVC?

Read more: https://bit.ly/3htwjGt 64

 What is the Virtual DOM?

Read more: https://bit.ly/2VrfyDt 65

 Web APIs

Read more: https://mzl.la/3wuEjeA 66

 Thank you, Friend!

Thank you for taking your precious time out to

study my book. It means the world to me. If you’re
learning web development and would love some
other study materials, you can follow me on Twitter
for future updates.

Finally, I would really appreciate your honest rating

of my work. You can rate it by visiting the page:

https://www.ubahthebuilder.gumroad.com/js-50

If my work deserves a zero rating, please don’t hold

back, haha

Thank you again!

67