nishantmendiratta

What happens when a browser loads a website?

1. It fetches the HTML page (index.html)
2. Begin parsing the HTML
3. The parser encounters a <script> tag referencing an external script file.
4. The browser requests the script file. Meanwhile, the parser blocks and stops parsing the other HTML on your page.
5. After some time the script is downloaded and subsequently executed.
6. The parser continues parsing the rest of the HTML document.

(Step 4) It causes a bad user experience. Your website basically stops loading until you've downloaded all scripts. If there's one thing that users hate it's waiting for a website to load.

nishantmendiratta

Credits

• Anthony Alicea, follow him on Twitter

Prerequisite

• Javascript Basics
• JavaScript: Understanding the Weird Parts in 35ish minutes - Introduction
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 1/6
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 2/6
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 3/6
• Willingness to learn

nishantmendiratta

Background

At my current workplace every quarter we undergo a detailed Story Mapping Session which allows us to have a birds-eye view of the problem.

A brief introduction of Story Mapping: It is an engaging activity where all participants are involved in the process of building the product backlog on a wall, versus writing a dull 100-page requirement document.

The session is all about brainstorming and capturing requirements. However, it requires certain tools and this post is dedicated to one of the most important tools we need for this session i.e, Sticky Note.

---

Problem

nishantmendiratta

Credits

• Anthony Alicea, follow him on Twitter

Prerequisite

• Javascript Basics
• JavaScript: Understanding the Weird Parts in 35ish minutes - Introduction
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 1/6
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 2/6
• Willingness to learn
• 35 min

nishantmendiratta

Credits

Visit Akshay Saini's YT channel for full video tutorial.

---

Can you write code for this function: sum(a)(b)(c)....( n)(). This should return the sum of all the numbers a+b+c+..+n.

// Functions in javascripts are First Class Functions
// Functions are like objects

nishantmendiratta

Credits

• Anthony Alicea, follow him on Twitter

Prerequisite

• Javascript Basics
• JavaScript: Understanding the Weird Parts in 35ish minutes - Introduction
• JavaScript: Understanding the Weird Parts in 35ish minutes - Part 1/6
• Willingness to learn
• 35 min

nishantmendiratta

I've curated here 24 hard things that could payoff forever.

Pinned this to my twitter account as well @thatjsdev

---

Credits

BI

nishantmendiratta

Credits

• Anthony Alicea, follow him on Twitter

Prerequisite

• Javascript Basics
• JavaScript: Understanding the Weird Parts in 35ish minutes - Introduction
• Willingness to learn
• 35 min

nishantmendiratta

Single Threaded

• One command at a time (under the hood of browser maybe not)

Synchronous

• One at a time and in order.

Invocation

• Calling a function in js by using parentheses ()

nishantmendiratta

If you are looking for a resource where you can learn Javascript in-depth. JavaScript: Understanding the Weird Parts Udemy course is highly recommended.

BUT

If you have a limited amount of time and want to Understand the Weird Parts of Javascript in 35ish minutes. Then tag along and read this post.

In 2015, I gathered all the learnings from the above mentioned Udemy course and created a document out of it. This document includes all the learnings which are the most important parts of Javascript. This document is quite handy and help me revise the complex Javascript concepts. I just want to give back something to the community. So, I will be sharing this document in the form of 6 posts.

---