🌟 New feature: Track your progress

New Feature: Progress Tracking.

The most awaited feature is here: Progress Tracking.

Now when you are going through your courses, iLoveCoding automatically marks lessons as complete, when you finish the video.

The completed lesson will be marked as complete in the background. 

1. You will see the check mark indicator next to the lesson in the Course content and in the header area of the respective lesson.
   
2. You will also see the % completion on the top right of the Course content.

Geeky information for the developers:

You: Aziz, Aziz, Aziz, this is so great, I wonder why it took so long?

Aziz: I know, sorry.

You: How did you create this feature technically?

Aziz: OMG, I am glad you asked, here is how:

So to understand this, you must understand that browsers have a feature called "event".

An event is a trigger that happens whenever some kind of activity happens in the browser.

• When a user clicks on something, that is an event
• When the browser loads some information, that is an event
• When a user scrolls, that is an event.
• When a video starts playing, that is an event
• When a video is finished, that is an event <--🥇GOLD HERE.

So what I did was simple. I attached an "event listener" on the "Finish Video" event. 

When the video finishes, I wrote some code that makes a call to the backend and marks the video as complete for that user.

Simple. Done. Not that difficult.

Now if you are not following all of this, you should really Join iLoveCoding and go through the Learn JavaScript Correctly course.

There I explain to you the concept of events, in-depth, and also show you how to make your app talk to a backend.

Oh, this is important: This feature only works for students who are logged in. Since the progress is tracked in the database, we must have the user logged in so we know which student actually completed the lesson.

Think about it, if the user is not logged in, how does a computer/app know who you are? Of course, there are some shady ways to track users, but we don't do that. We keep it halal around here.

That's it for now, tell me what you think in the comments below. ⬇️