LEARN BY BUILDING / 01

Start with
curiosity.

Nggak harus tahu semuanya dari awal. Pilih satu bidang yang bikin lo penasaran, pelajari fondasinya, lalu buktikan lewat proyek nyata dengan tools dan workflow yang relevan.

THE TITIK NOL METHOD

01
Start
02
Explore
03
Build

Pelajari fondasinya, pilih tools yang tepat, lalu bangun sesuatu yang bisa diuji dan digunakan.

01 / Choose your direction

Find your starting point.

Setiap jalur punya tahapan, skill, tools, deliverable, dan proyek akhir. Durasi merupakan estimasi belajar paruh waktu, bukan jaminan langsung siap kerja.

4 LEARNING PATHS

Web Development icon
4–6 bulan

Development / PATH

Web Development

Beginner to professional foundation

Bangun aplikasi web dari fondasi sampai full-stack dengan workflow engineering yang dapat diuji, dirilis, dan dipelihara.

HTML & CSSJavaScript & TypeScriptReact & Next.jsNode.js & REST APISQL & PostgreSQLTesting & SecurityCI/CD

TARGET OUTCOME

Aplikasi full-stack dengan automated testing, CI/CD, dokumentasi teknis, dan deployment publik.

TOOLKIT

VS CodeChrome DevToolsGitGitHubTypeScriptReactNext.jsTailwind CSSNode.jsPostgreSQLDrizzle ORMVitestPlaywrightGitHub ActionsDockerVercel

THE ROADMAP

  1. 01

    01. Web foundations

    Pelajari semantic HTML, CSS, responsive layout, Flexbox, Grid, aksesibilitas dasar, browser rendering, HTTP, dan debugging melalui browser.

    Tools & Technologies

    VS CodeChrome DevToolsHTMLCSSGitGitHub

    Deliverable

    Website responsif dengan struktur HTML semantik, aksesibilitas dasar, dan repository Git yang memiliki README.

  2. 02

    02. Programming fundamentals

    Kuasai JavaScript, functions, modules, array methods, async/await, error handling, debugging, data structures dasar, dan TypeScript.

    Tools & Technologies

    JavaScriptTypeScriptNode.jsnpmESLintPrettierGitHub

    Deliverable

    Aplikasi JavaScript dengan modul terorganisasi, validasi input, penanganan error, dan instruksi menjalankan proyek.

  3. 03

    03. Frontend engineering

    Bangun UI dengan React dan Next.js App Router, reusable components, hooks, state, form handling, API integration, responsive UI, serta loading, empty, dan error states.

    Tools & Technologies

    ReactNext.jsTailwind CSSReact Hook FormZodTanStack QueryReact Developer Tools

    Deliverable

    Frontend aplikasi dengan komponen reusable, form tervalidasi, responsive layout, dan state antarmuka yang lengkap.

  4. 04

    04. Backend & database

    Pelajari REST API, HTTP status codes, autentikasi, otorisasi, SQL, relasi, indexing dasar, transaksi, migrasi database, dan dokumentasi API.

    Tools & Technologies

    Node.jsNext.js Route HandlersPostgreSQLDrizzle ORMZodPostmanSwagger / OpenAPI

    Deliverable

    API dengan validasi, autentikasi dan otorisasi yang sesuai, database relasional, migrasi, serta dokumentasi endpoint.

  5. 05

    05. Testing & secure coding

    Terapkan unit, integration, dan end-to-end testing; authorization checks; password hashing; dependency auditing; serta pengelolaan environment secrets.

    Tools & Technologies

    VitestReact Testing LibraryPlaywrightESLintnpm auditGitHub Actions

    Deliverable

    Test suite yang dapat dijalankan otomatis, dengan skenario pengujian dan risiko keamanan yang terdokumentasi.

  6. 06

    06. Deployment & operations

    Pelajari production builds, containerization, CI/CD, database migrations, environment separation, logging, health checks, dan rollback.

    Tools & Technologies

    DockerDocker ComposeGitHub ActionsVercelNeon atau PostgreSQL managedSentryGitHub

    Deliverable

    Aplikasi online dengan pipeline build/test, konfigurasi environment yang aman, error logging, dan prosedur rilis.

  7. 07

    07. Collaborative capstone

    Kerjakan backlog, issues, pull requests, code review, architecture decisions, release notes, dan technical handover bersama tim.

    Tools & Technologies

    GitHub ProjectsGitHub IssuesGitHub Pull RequestsMermaidMarkdownGitHub Actions

    Deliverable

    Produk full-stack yang dapat didemokan, lengkap dengan README, diagram arsitektur, test evidence, dan panduan setup.

FINAL BUILD

Bangun aplikasi full-stack untuk kebutuhan nyata dengan autentikasi, role-based access, PostgreSQL, automated testing, CI/CD, deployment, dokumentasi, dan demo publik.

Artificial Intelligence icon
4–6 bulan

Intelligence / PATH

Artificial Intelligence

Beginner to applied AI foundation

Bangun sistem AI berbasis data melalui eksperimen yang dapat diulang, evaluasi terukur, dan integrasi ke aplikasi nyata.

PythonData AnalysisStatisticsMachine LearningDeep LearningModel EvaluationAI Deployment

TARGET OUTCOME

Model atau aplikasi AI dengan evaluasi, API, dokumentasi, dan demo yang dapat diuji.

TOOLKIT

PythonVS CodeJupyterLabuvNumPypandasMatplotlibscikit-learnPyTorchHugging FaceFastAPIpytestMLflowDockerOllamaLangChain
IoT & Hardware icon
4–6 bulan

Hardware / PATH

IoT & Hardware

Beginner to applied IoT foundation

Rancang perangkat terhubung mulai dari rangkaian, firmware, komunikasi jaringan, hingga pengolahan data dan monitoring.

ElectronicsC/C++ESP32SensorsMQTTBackend IntegrationDevice Security

TARGET OUTCOME

Prototipe IoT end-to-end dengan dokumentasi perangkat, backend, dashboard, dan hasil pengujian.

TOOLKIT

Arduino IDEPlatformIOESP32Raspberry PiWokwiMultimeterMosquittoMQTT ExplorerNode-REDPythonFastAPIPostgreSQLGit
Cloud & DevOps icon
4–6 bulan

Infrastructure / PATH

Cloud & DevOps

Beginner to junior DevOps foundation

Otomatiskan build, testing, deployment, dan operasi aplikasi dengan infrastruktur yang aman, dapat diulang, dan dapat diamati.

Linux & NetworkingBashGitDockerCI/CDCloudInfrastructure as CodeObservabilitySecurity

TARGET OUTCOME

Aplikasi ter-deploy dengan CI/CD, infrastructure configuration, observability, dan prosedur recovery.

TOOLKIT

LinuxBashSSHGitGitHubGitHub ActionsDockerDocker ComposeTerraformAWS atau cloud provider lainPrometheusGrafanaLokiTrivyKuberneteskubectlHelm

HOW WE BUILD

Tools are useful. Evidence of skill matters more.

Setiap jalur mendorong peserta menghasilkan bukti kerja yang bisa diperiksa. Menyelesaikan materi saja tidak otomatis membuat seseorang siap kerja; kualitas implementasi, kemampuan debugging, komunikasi, dan pemahaman keputusan teknis tetap dinilai.

01

Build

Hasilkan proyek yang berjalan dan menyelesaikan kebutuhan yang jelas.

02

Test

Buktikan fitur dan sistem melalui pengujian yang bisa diulang.

03

Collaborate

Gunakan issue, pull request, review, dan dokumentasi yang jelas.

04

Operate

Pahami deployment, error, keamanan, dan cara memulihkan sistem.

02 / Make it real

Don't just learn it.
Build something with it.

Mulai dari satu bidang, kerjakan proyek kecil, dokumentasikan prosesnya, dan bagikan hasilnya. Lo nggak harus jalan sendirian.

Explore the community