FluentStack

Uji Kompetensi Data and Infrastructure Basics

Mode tersedia: dark, light, paper
MasukDaftar
Advanced · Level 18: Backend Basics for Frontend EngineersAdvanced90 menitBahasa Indonesia

Uji Kompetensi Data and Infrastructure Basics

Checkpoint untuk membaca data flow Course Admin dan menjelaskan responsibility frontend, backend service, database, cache, serta storage dengan tepat.

StatusMemuat progres
ReadinessMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Yang dicek

  • Membaca data relational dan API/service flow yang mendukung UI
  • Menentukan boundary Supabase/Prisma, policy, cache, dan storage secara high level
  • Membedakan metadata attachment dari object file
  • Menulis integration note yang dapat dipakai backend atau product team untuk QA
SQLPostgreSQLData FlowsCachingFile UploadsReadiness Checkpoint

Isi lesson

6 blok
  1. 1.
    Checkpoint: trace satu data flow tanpa mengklaim ownership backendBelum selesaiWajib
  2. 2.
    QuizBelum selesaiWajib
  3. 3.
    Coding practiceBelum selesaiWajib
  4. 4.
    Writing practiceBelum selesaiWajib
  5. 5.
    Baca data docs untuk memperjelas contract, bukan untuk menebak infrastructureBelum selesaiWajib
  6. 6.
    RingkasanBelum selesaiWajib

Checkpoint: trace satu data flow tanpa mengklaim ownership backend

Wajib

Course Admin menampilkan Course Catalog dari data courses yang hanya published. Course detail dapat menampilkan course_notes melalui course_id. Admin mengubah title course lalu Catalog kadang masih memperlihatkan title lama sampai refresh. Admin juga dapat menambahkan attachment PDF ke note. Product ingin UI selected, uploading, success, dan error yang jelas. Backend team menyebut object file masuk storage private, sedangkan attachment metadata disimpan dalam table course_attachments dengan owner dan course relation.

Checkpoint ini tidak meminta kamu menulis migration, mengelola Redis, membuat policy, atau mengunggah file nyata. Petakan table/column/relation yang relevan, service boundary yang mengirim data, kemungkinan freshness cache, dan flow upload sampai metadata. Kesiapan berarti dapat mengkomunikasikan evidence serta pertanyaan yang tepat tanpa memindahkan permission, secret, atau security decision ke browser.

Bagian ini memengaruhi progres lesson.

Quiz

Wajib

Uji Kompetensi Data and Infrastructure Basics

Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.

Target lulus

70/100

Skor terbaik

0/100

Status

Belum dikerjakan

Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.

Pertanyaan 1 dari 6

Target lulus: 70

Pada query catalog, apa peran WHERE published = true?

Coding practice

WajibDibuka di workspace khusus

Diagnose course data infrastructure checkpoint

Map symptom data ke recovery frontend dan owner boundary tanpa menjalankan query, cache, atau upload.

Tujuan awal: Fokus di tab TS.

Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.

Tombol selesai aktif setelah semua validasi wajib lolos.

5 cek otomatis4 checklist
Belum selesaiBuka practice

Writing practice

Wajib

Latihan menulis

Tulis data flow note untuk Course Admin. Sebutkan action UI, API atau service boundary, table/column/relation yang mungkin terlibat, data yang disimpan sebagai metadata versus object storage, ownership atau permission rule yang perlu dikonfirmasi, serta selected/loading/error/success state. Jelaskan satu kemungkinan stale cache dan evidence yang kamu kumpulkan sebelum escalation. Tambahkan satu local/staging QA scenario, satu pertanyaan untuk backend/data owner, dan satu hal yang tidak boleh dipindahkan ke browser.

Tulis draft dulu sebelum menandai writing practice selesai.

Draft kosong

0/850 karakter

Checklist panduan

Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.

Blok ini wajib untuk menyelesaikan lesson.

Documentation Bridge

Wajib

Baca data docs untuk memperjelas contract, bukan untuk menebak infrastructure

Pilih sumber sesuai platform project. Fokus pada table/row/column, policy boundary, storage metadata, dan browser form data; abaikan query tuning, migration depth, Redis internals, atau signed URL implementation yang belum diperlukan.

PostgreSQL

Querying a Table

Fokus baca

  • SELECT, FROM, WHERE, dan ORDER BY pada query sederhana.
  • Membaca result row dan column tanpa menjalankan perubahan data.

Abaikan dulu

  • JOIN lanjutan, query planner, transaction tuning, dan index design detail.
Buka dokumentasi

Supabase Docs

Database overview

Fokus baca

  • Supabase project memakai Postgres database.
  • Table, data, dan Row Level Security sebagai boundary data access.
  • Dashboard/SQL editor sebagai konteks owner database, bukan fitur browser app.

Abaikan dulu

  • Extensions, replication, backup policy, dan performance tuning.
Buka dokumentasi

Supabase Docs

Row Level Security

Fokus baca

  • Policy table sebagai enforcement access.
  • Mengapa browser access tetap membutuhkan RLS.

Abaikan dulu

  • Menulis policy SQL sebelum architecture dan ownership data dipahami.
Buka dokumentasi

Prisma Docs

Prisma ORM overview

Fokus baca

  • Prisma Client, schema, dan migration sebagai tooling aplikasi server.
  • Prisma sebagai ORM, bukan database atau browser client.

Abaikan dulu

  • Setup CLI, migration workflow, adapter configuration, dan query optimization.
Buka dokumentasi

Redis Docs

Redis data types

Fokus baca

  • Redis sebagai data structure server.
  • Cache, queue-like, dan event-processing use case pada level konsep.

Abaikan dulu

  • Command detail, cluster operations, eviction policy, dan internal data structures.
Buka dokumentasi

Supabase Docs

Storage overview

Fokus baca

  • File storage, bucket, dan fine-grained access control.
  • Perbedaan file object/storage flow dengan database metadata.

Abaikan dulu

  • S3 protocol, CDN tuning, resumable uploads, dan signed URL implementation.
Buka dokumentasi

MDN Web Docs

FormData

Fokus baca

  • FormData sebagai pasangan field/value termasuk file pada request.
  • Hubungan multipart form data dan fetch contract.

Abaikan dulu

  • Menganggap FormData sebagai upload security mechanism atau detail XMLHttpRequest legacy.
Buka dokumentasi

Aksi setelah membaca

Pilih satu data flow dari local app atau staging aman: load list, update record, atau upload attachment. Trace action UI, request/service, table atau storage destination, owner/policy question, selected/loading/error/success state, dan expected versus actual result. Catat detail non-sensitif saja. Jangan menjalankan query production, membagikan service key, atau menandai upload berhasil sebelum trusted result diterima.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib
  • SQL, relational tables, service boundaries, cache, dan storage menjelaskan jalur data di belakang UI.
  • PostgreSQL relation membantu membaca sumber data; policy tetap menentukan access yang diizinkan.
  • Supabase dan Prisma memiliki peran berbeda; secret serta server access tidak masuk browser.
  • Cache memerlukan evidence freshness, sedangkan file upload memisahkan object storage dan metadata.
  • Kamu siap melanjutkan ke Security Basics untuk menilai risk product dan browser boundary dengan mental model data yang lebih lengkap.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian wajib checkpoint ini

Lanjutkan blok wajib berikutnya: Checkpoint: trace satu data flow tanpa mengklaim ownership backend.

Memuat progresReview module