inflearn logo

Advanced JS Learned Through Chicken Prices

If you use JS but find it difficult to explain why it works, this course provides the answer. From execution context, closures, and the event loop to Promise concurrency, prototypes, Virtual DOM, memory leaks, and bundle optimization—you won't just read about 18 chapters of advanced JS concepts; you'll learn by seeing them happen right before your eyes with a simulator. Code-based quizzes are provided for every chapter, and you can own it for life for the price of a single chicken dinner.

1 learners are taking this course

Level Intermediate

Course period Unlimited

JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
ES6
ES6
react.js
react.js
Functional Programming
Functional Programming
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
ES6
ES6
react.js
react.js
Functional Programming
Functional Programming

What you will gain after the course

  • You will be able to visualize the execution context, event loop, and microtask queue in your mind. You will be able to answer confidently in interviews.

  • You will check four patterns—event listeners, timers, global caches, and detached DOM references—using a simulator and learn exactly where to look for them in actual code.

Recommended for
these people

Who is this course right for?

  • Those who write code in JS but get stuck in interviews when asked, "What is a closure?" or "Explain the event loop."

  • Those who use React every day but still don't understand why re-rendering occurs or why you shouldn't change the order of hooks.

  • Those who use async/await but find the execution order different from what they expected, so they try to figure it out by trial and error using console.log.

  • "Those who hear that the app is slow but don't know where to start looking"

Need to know before starting?

  • JS Basic Syntax - You must be able to freely use variables, functions, arrays/objects, and conditional/loop statements.

  • Asynchronous basics - It is good if you have experience using things like setTimeout, fetch, and Promise.then(). You don't need to know the underlying principles.

  • ES6+ syntax - you should be familiar with arrow functions, destructuring, the spread operator, and import/export.

Hello
This is kamjaaaaaaa

Career Verified

49

Learners

3

Reviews

5.0

Rating

4

Courses

Hello, I'm Kamja, a frontend developer with 4 years of experience.

Currently, I am developing a global mobility service. I have gained practical experience by building multi-language services and am also a global Top 30 contributor to the open-source library react-hook-form, which is used by developers worldwide.

But I wasn't always like this from the start.

When I first learned JS, I felt like I understood everything while following along with YouTube tutorials, but I countless times experienced my mind going blank the moment I opened an empty editor. At first, I was busy just copying and pasting code I found through Googling, and when an error occurred, I didn't know where to start, leading to many frustrated nights and days.

I struggled a lot during that process. I wrote code without even knowing what the DOM was, and I wasted hours not understanding why an event was firing twice. What I needed most back then wasn't memorizing vast amounts of syntax. It was someone who could explain "why this code actually works."

I created this course by organizing everything I've built up over four years of practical experience, along with the areas where I struggled the most as a beginner. You don't have to take the long way around like I did. I've already been through it for you.

More

Curriculum

All

18 lectures

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

kamjaaaaaaa's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

Limited time deal

$15,400.00

30%

$17.60