Greasy Fork is available in English.

Dicoding Focus Mode - Calm Module Sidebar

Hide progress and streak tracking so Dicoding stays focused on learning navigation.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

작성자
setyans
일일 설치 수
0
총 설치 수
0
평점
0 0 0
버전
1.2.0
생성일
2026-06-24
갱신일
2026-06-24
크기
5.38KB
라이선스
MIT
적용 사이트

Dicoding Focus Mode - Calm Module Sidebar

A lightweight userscript to make Dicoding tutorial pages feel calmer by hiding progress-heavy and streak-based UI elements.

This script keeps the module sidebar useful as navigation, but removes visual cues that can make the page feel like a progress tracker instead of a learning space.

What This Script Does

  • Hides the main module progress bar in the sidebar.
  • Hides completion text such as percentage progress.
  • Hides per-material status icons and progress indicators.
  • Hides category progress indicators such as 0/10, 3/12, or similar counters when they appear.
  • Hides the streak component in the top navigation, including #streakDropdown.
  • Turns the module list into a calmer accordion-style sidebar.
  • Keeps the currently active module open by default.
  • Lets you open another module manually while keeping the sidebar compact.

Why Use It

Dicoding's learning interface includes several progress and streak indicators. These can be useful for some learners, but distracting for others.

This script is intended for learners who prefer:

  • less gamification;
  • fewer completion counters;
  • a quieter sidebar;
  • more focus on the current material;
  • navigation that still works without constantly showing progress numbers.

Installation

  1. Install a userscript manager such as Tampermonkey or Violentmonkey.
  2. Open this script page on Greasy Fork.
  3. Click Install this script.
  4. Open a Dicoding tutorial page, for example:
   https://www.dicoding.com/academies/387/tutorials/22658
  1. Refresh the page if it was already open before installation.

Usage

No setup is required. The script runs automatically on Dicoding tutorial pages matching this URL pattern:

https://www.dicoding.com/academies/*/tutorials/*
https://dicoding.com/academies/*/tutorials/*

After the script runs, the sidebar should show a cleaner module list with the active module expanded. Progress bars, status icons, category counters, and the streak widget should be hidden.

Privacy

This script:

  • does not collect data;
  • does not send requests to external servers;
  • does not read or modify your Dicoding account data;
  • only changes how selected elements are displayed in your browser.

Permissions

The script only runs on Dicoding tutorial pages:

https://www.dicoding.com/academies/*/tutorials/*
https://dicoding.com/academies/*/tutorials/*

It does not require special browser permissions.

Compatibility

Tested against the current Dicoding tutorial page structure that uses elements such as:

  • #modules-list
  • .modules-category-list__list-item
  • .module-list__list
  • .js-current-module
  • #streakDropdown

If Dicoding changes its HTML structure, some selectors may need to be updated.

Known Limitations

  • This script only affects the visual interface in your browser.
  • It does not disable Dicoding's actual progress tracking on the server.
  • It does not remove progress from other Dicoding pages outside tutorial pages.
  • If Dicoding loads new UI components dynamically, a page refresh may be needed in some cases.

Changelog

1.2.0

  • Hide the streak component in the top navigation.
  • Hide #streakDropdown, .nav-streak, and .streak-dropdown-menu.

1.1.0

  • Convert the module sidebar behavior into a compact accordion.
  • Open the active module automatically.
  • Hide category-level progress indicators.

1.0.0

  • Hide the module progress bar.
  • Hide progress text and per-material progress/status indicators.

Feedback

If a Dicoding UI update causes part of the script to stop working, report the affected page and the visible element that should be hidden.