Structured educational mini-courses and tutorial series. Each course has a detail page with description, prerequisites, lesson playlist, and a built-in video player. Course content is organized into sequential lessons with a playlist sidebar.
Structured educational mini-courses ও tutorial series। প্রতিটি course-এ description, prerequisites, lesson playlist এবং built-in video player আছে। Lessons sequential order-এ playlist sidebar সহ।
The course listing page (course-listing-new.html) displays courses as large cards with thumbnail, title, lesson count, duration, prerequisite level, and a progress bar if the user has started. Category filter narrows by subject.
Course listing page-এ large card। Thumbnail, title, lesson count, duration, prerequisite level এবং progress bar। Category filter subject অনুযায়ী narrow করে।
The course viewer (course-viewer-new.html) shows a video player on the left and a lesson playlist sidebar on the right. Completed lessons get a checkmark — progress is saved to localStorage. The player uses YouTube iframe with custom controls.
Course viewer-এ left side-এ video player, right side-এ lesson playlist sidebar। Completed lessons-এ checkmark। Progress localStorage-এ save হয়।
The course detail page (course-detail.html) shows full course information — overview, what you'll learn, prerequisites list, full lesson syllabus, instructor notes, and a prominent CTA button to start or continue the course.
Course detail page-এ full course information। Overview, what you'll learn, prerequisites list, full lesson syllabus, instructor notes এবং Start/Continue button।
| File | Type | Description |
|---|---|---|
| Content Studio/educational-videos/course-listing-new.html | Page | Course listing with cards, progress bars, category filter |
| Content Studio/educational-videos/course-detail.html | Page | Course detail — overview, syllabus, prerequisites, Start/Continue CTA |
| Content Studio/educational-videos/course-viewer-new.html | Page | Course viewer with YouTube player + lesson playlist sidebar |
| Content Studio/educational-videos/courses.json | Data | Course metadata: title, lessons, duration, level, thumbnail, YouTube IDs |
| Content Storage/educational-videos/ | Storage | Course thumbnails, supplementary files (PDFs, code), and note files |