Sequential vs parallel async execution in Node.js - Visual Side-by-Side Comparison

Concept Flow - Sequential vs parallel async execution

Start

↓

Call async task 1

↓

Wait for task 1 to finish

↓

Call async task 2

↓

Wait for task 2 to finish

↓

End

↓

Start

↓

Call async task 1 and task 2 together

↓

Wait for both tasks to finish

↓

End

Shows two ways to run async tasks: one after another (sequential) or both at the same time (parallel).

Execution Sample

Node.js

async function sequential() {
  await task1();
  await task2();
}

async function parallel() {
  await Promise.all([task1(), task2()]);
}

Runs two async tasks sequentially and then runs them in parallel.

Execution Table

Step	Action	Task 1 Status	Task 2 Status	Notes
1	Call task1()	Started	Not started	Sequential: task1 starts
2	Wait for task1 to finish	Finished	Not started	Sequential: waiting for task1
3	Call task2()	Finished	Started	Sequential: task2 starts after task1
4	Wait for task2 to finish	Finished	Finished	Sequential: waiting for task2
5	Sequential done	Finished	Finished	Both tasks done one after another
6	Call task1() and task2() together	Started	Started	Parallel: both tasks start at same time
7	Wait for both tasks to finish	Finished	Finished	Parallel: waiting for both tasks
8	Parallel done	Finished	Finished	Both tasks done together

💡 Execution stops after both tasks finish in each approach.

Variable Tracker

Variable	Start	After Step 1	After Step 3	After Step 4	After Step 6	After Step 7	Final
task1Status	Not started	Started	Finished	Finished	Started	Finished	Finished
task2Status	Not started	Not started	Started	Finished	Started	Finished	Finished

Key Moments - 2 Insights

Why does task2 only start after task1 finishes in the sequential example?

Because the code uses 'await' on task1 before calling task2, so it waits for task1 to finish first (see execution_table rows 1-3).

How can both tasks run at the same time in the parallel example?

Because Promise.all starts both tasks together without waiting, then waits for both to finish (see execution_table rows 6-8).

Visual Quiz - 3 Questions

Look at the execution table, at which step does task2 start in the sequential execution?

A Step 3

B Step 2

C Step 6

D Step 1

💡 Hint

Check the 'Action' and 'Task 2 Status' columns in execution_table rows 2 and 3.

In the parallel execution, when do both tasks start?

A Step 1

B Step 6

C Step 3

D Step 4

💡 Hint

Look at the 'Action' column and 'Task 1 Status' and 'Task 2 Status' at step 6.

If we remove 'await' before task1 in sequential code, what changes in the execution table?

A Both tasks never start

B Task2 waits for task1 to finish

C Task2 starts immediately after task1 starts

D Task1 never starts

💡 Hint

Think about how 'await' controls waiting shown in variable_tracker and execution_table.

Concept Snapshot

Sequential async: await each task one by one
Parallel async: start all tasks together with Promise.all
Sequential waits for each task to finish before next
Parallel runs tasks at same time, waits for all
Use parallel to save time when tasks don't depend on each other

Full Transcript

This lesson shows two ways to run asynchronous tasks in Node.js. Sequential execution waits for the first task to finish before starting the second. Parallel execution starts both tasks at the same time and waits for both to finish. The execution table traces each step, showing when tasks start and finish. Variable tracking shows task status changes. Key moments clarify why sequential waits and parallel runs together. The quiz tests understanding of when tasks start and how 'await' affects flow. Remember, use sequential when tasks depend on each other, and parallel to save time when tasks are independent.