IFUIX / LEARN

Foundations for a clearer next step.

Free engineering lessons, right on the web. Start slowly, understand the reasoning, then try it yourself.

Free

PENGANTAR / BAHASA INDONESIA

Fundamental Engineering

Dari kebutuhan ke aplikasi yang bisa diuji.

20 lessons in 4 sections: engineering thinking, programming, web applications, and quality and workflow. Each includes an example, an exercise and a comprehension check.

  • Read without sign-in or payment
  • Progress saved in this browser
  • For beginners and people using AI coding tools
Start the free course

SECTION 01

Think like an engineer

01 / ± 7 min · Bahasa Indonesia

Mulai dari masalah, bukan tombol

Sebelum memilih tools atau meminta AI menulis kode, tentukan pekerjaan yang perlu diselesaikan pengguna. Fitur yang selesai dibuat belum tentu menyelesaikan masalah yang tepat.

Read lesson 02 / ± 8 min · Bahasa Indonesia

Lacak perjalanan satu data

Saat menekan Simpan, ada beberapa langkah yang mungkin terjadi. Memetakan perjalanan data membantu kamu mengetahui bagian yang harus diperiksa ketika hasil tidak sesuai.

Read lesson 03 / ± 8 min · Bahasa Indonesia

Tentukan input yang masuk akal

Pengguna bisa salah mengetik, jaringan bisa mengulang permintaan, dan request bisa dibuat di luar tampilan aplikasimu. Tentukan aturan data sebelum mengandalkan hasilnya.

Read lesson 04 / ± 8 min · Bahasa Indonesia

Bedakan sudah masuk dan boleh mengakses

Login menjawab siapa yang sedang memakai aplikasi. Pemeriksaan izin menjawab apa yang boleh dilakukan orang itu pada data tertentu. Keduanya perlu dipikirkan terpisah.

Read lesson 05 / ± 9 min · Bahasa Indonesia

Buktikan perilaku, lalu perbaiki

Pengujian membandingkan perilaku aktual dengan harapan yang jelas. Tujuannya menemukan masalah dan memberi bukti pada batas yang diuji, bukan sekadar mendapat label lulus.

Read lesson

SECTION 02

Programming foundations

06 / ± 8 min · Bahasa Indonesia

Variabel dan tipe: arti di balik nilai

Nilai 25000, "25000" dan null terlihat dekat di layar, tetapi memiliki arti berbeda bagi program. Memahami tipe membantu menjaga asumsi sejak input masuk sampai hasil ditampilkan.

Read lesson 07 / ± 8 min · Bahasa Indonesia

Fungsi: satu tanggung jawab yang bisa diuji

Fungsi membantu memberi nama pada sebuah pekerjaan dan menyembunyikan langkah-langkahnya di balik kontrak yang jelas. Ukuran kode bukan satu-satunya ukuran fungsi yang baik.

Read lesson 08 / ± 8 min · Bahasa Indonesia

Percabangan dan loop: jalur yang sering terlewat

Program mengambil keputusan dan mengulangi pekerjaan. Kesalahan sering muncul pada kondisi batas: daftar kosong, angka tepat di ambang, atau perulangan yang tidak pernah berhenti.

Read lesson 09 / ± 9 min · Bahasa Indonesia

Array, map dan set: pilih dari operasi

Struktur data memberi cara menyusun nilai agar operasi tertentu lebih mudah. Mulai dari pertanyaan yang ingin dijawab, lalu pilih representasinya.

Read lesson 10 / ± 9 min · Bahasa Indonesia

Git: simpan perubahan beserta alasannya

Riwayat versi membantu memahami perubahan dan kembali ke keadaan sebelumnya dengan sengaja. Git bekerja paling baik jika setiap commit memiliki tujuan yang bisa dijelaskan.

Read lesson

SECTION 03

Build web applications

11 / ± 8 min · Bahasa Indonesia

HTML semantik: struktur yang menjelaskan isi

Sebelum warna dan animasi, halaman perlu struktur yang jelas. HTML semantik memberi makna pada judul, navigasi, tombol dan isi sehingga hubungan antarbagian bisa dipahami.

Read lesson 12 / ± 9 min · Bahasa Indonesia

CSS responsif: tahan layar sempit dan teks panjang

Responsif berarti isi tetap dapat dipakai ketika ruang berubah. Menguji lebar ponsel saja belum cukup jika nama panjang, zoom atau jumlah item bisa memecahkan layout.

Read lesson 13 / ± 10 min · Bahasa Indonesia

HTTP dan API: kontrak dua sisi

API adalah batas tempat dua bagian sistem bertukar pesan. Menentukan kontraknya membantu klien dan server menghadapi keberhasilan, input salah dan kegagalan jaringan dengan konsisten.

Read lesson 14 / ± 10 min · Bahasa Indonesia

Database dan SQL: jaga hubungan serta aturan data

Database menyimpan data beserta hubungan dan aturan yang harus tetap benar. Merancang tabel dimulai dari arti data, identitas dan perubahan yang boleh terjadi.

Read lesson 15 / ± 9 min · Bahasa Indonesia

Async dan state: hasil terlambat juga perlu aturan

Permintaan jaringan tidak selalu selesai dalam urutan yang dikirim. Antarmuka perlu menjelaskan apa yang sedang terjadi dan menjaga hasil lama agar tidak menimpa keputusan terbaru.

Read lesson

SECTION 04

Quality and workflow

16 / ± 9 min · Bahasa Indonesia

Debugging: dari gejala ke percobaan kecil

Debugging adalah pekerjaan mempersempit penyebab dengan bukti. Mengganti banyak bagian sekaligus membuat hubungan antara penyebab dan hasil semakin sulit diketahui.

Read lesson 17 / ± 9 min · Bahasa Indonesia

Aksesibilitas: selesaikan alur dengan keyboard

Aksesibilitas membantu orang menyelesaikan pekerjaan dengan cara berinteraksi yang berbeda. Mulai dari alur utama dan buktikan bahwa kontrol, informasi serta umpan baliknya dapat dipahami.

Read lesson 18 / ± 9 min · Bahasa Indonesia

Performa: ukur sebelum mengoptimalkan

Aplikasi terasa lambat karena berbagai sebab: jaringan, aset besar, proses berat atau interaksi yang tertahan. Pengukuran membantu memilih perbaikan yang memengaruhi pengalaman nyata.

Read lesson 19 / ± 10 min · Bahasa Indonesia

Deployment: dari build lokal ke layanan yang diperiksa

Build yang berhasil menunjukkan kode dapat diproses pada suatu lingkungan. Deployment menambah pertanyaan tentang konfigurasi, aset, data dan cara memulihkan layanan jika hasilnya bermasalah.

Read lesson 20 / ± 9 min · Bahasa Indonesia

Dokumentasi dan AI coding: tinggalkan jejak yang bisa dilanjutkan

Kode yang bisa berjalan hari ini perlu dapat dipahami lagi besok. Dokumentasi yang baik membantu orang atau asisten berikutnya memahami tujuan, keputusan dan bukti tanpa bergantung pada satu percakapan.

Read lesson

Learn while you work.

Use a free worksheet to define a feature and record your test results.

Open the free worksheet

Want to read further?

Find books, documentation and papers on the IFUIX reference shelves.

Explore the Library