IFUIX / BELAJAR

Dasar yang membuat langkahmu lebih jelas.

Kelas engineering gratis, dipelajari langsung di web. Mulai pelan, pahami alasannya, lalu coba sendiri.

Gratis

PENGANTAR / BAHASA INDONESIA

Fundamental Engineering

Dari kebutuhan ke aplikasi yang bisa diuji.

20 materi dalam 4 bagian: cara berpikir engineer, pemrograman, aplikasi web, serta kualitas dan proses kerja. Setiap materi punya contoh, latihan dan cek pemahaman.

  • Baca tanpa login atau pembayaran
  • Progres tersimpan di browser ini
  • Cocok untuk pemula dan pengguna AI coding
Mulai kelas gratis

BAGIAN 01

Berpikir sebagai engineer

01 / ± 7 menit · 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.

Baca materi 02 / ± 8 menit · 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.

Baca materi 03 / ± 8 menit · 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.

Baca materi 04 / ± 8 menit · 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.

Baca materi 05 / ± 9 menit · 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.

Baca materi

BAGIAN 02

Dasar pemrograman

06 / ± 8 menit · 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.

Baca materi 07 / ± 8 menit · 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.

Baca materi 08 / ± 8 menit · 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.

Baca materi 09 / ± 9 menit · 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.

Baca materi 10 / ± 9 menit · 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.

Baca materi

BAGIAN 03

Membangun aplikasi web

11 / ± 8 menit · 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.

Baca materi 12 / ± 9 menit · 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.

Baca materi 13 / ± 10 menit · 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.

Baca materi 14 / ± 10 menit · 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.

Baca materi 15 / ± 9 menit · 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.

Baca materi

BAGIAN 04

Kualitas dan proses kerja

16 / ± 9 menit · 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.

Baca materi 17 / ± 9 menit · 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.

Baca materi 18 / ± 9 menit · 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.

Baca materi 19 / ± 10 menit · 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.

Baca materi 20 / ± 9 menit · 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.

Baca materi

Belajar sambil mengerjakan.

Pakai worksheet gratis untuk menyusun kebutuhan satu fitur dan mencatat hasil pengujiannya.

Buka worksheet gratis

Ingin membaca lebih jauh?

Temukan buku, dokumentasi dan paper di rak referensi IFUIX.

Jelajahi Pustaka