Laptop Kentang? Tenang, Project IDX Siap Bantu Ngoding Flutter!
Kita tau kalau ngoding yang berhubungan sama mobile apps, pasti dibutuhkan device (Laptop ataupun PC) yang memiliki spek yang canggih. Kenapa ? buat njalanin emulator tentunya buat running aplikasi kita di emulator itu tadi.
Apalagi bagi kalian yang ngoding native app seperti Android native ataupun IOS native pasti butuh aplikasi IDE yang cukup berat juga contohnya Android Studio dan Swift.
Kalau boleh saran laptop yang kuat buat jalanin IDE + Emulator nya itu seperti apa sih spesifikasi nya ? ya minimal RAM 16 GB (8 GB udah ngadat banget tuh kalau dibuat ngejalanin emulator, IDE, dan browser buat searching apalagi Chrome tuh tambah berat), setidaknya processor juga yang medium to high spek biar bisa ngejalanin multitasking dengan baik dengan core dan threat yang cukup tinggi.
Tentunya bagi kalian yang mahasiswa atau awal awal berkarir pastinya jarang yang mempunyai laptop atau PC dengan spek setinggi itu…
(Sama juga seperti saya yang dulu memilih hijrah menjadi web developer dan meninggalkan passion utama sebagai mobile developer karena terhalang device)
Lalu gimana ini kak bagi saya yang mau belajar develop mobile apps tapi tidak punya laptop yang kuat buat ngejalanin itu semua ???
Tenang untungnya saat ini ada Project IDX milik Google ini …
Apa sih itu Project IDX ini ? lalu gimana cara gunainnya untuk membuat aplikasi mobile ?
Nahh disini kita akan belajar dan mengenal lebih jauh Project IDX dan kita akan mencoba membuat aplikasi pertama kita dengan Flutter di Project IDX ini. Lalu apa yang kalian harus dipersiapkan ???? Laptop, Koneksi Internet dan Browser kalian. Lalu apa yang harus di install ?? Tidak ada hanya browser aja.
Menarik bukan ? Let’s get started
Apa itu Project IDX ?
Project IDX adalah web-based development workspace (IDE Online) yang dibuat oleh Google yang memungkinkan kalian bisa ngoding hanya menggunakan browser saja (Ga perlu laptop spek dewa buat ngejalaninnya, cuma butuh koneksi internet aja)
Bisa ngapain aja sih di Project IDX ini ?
✨ Ngoding di Cloud : Semua proses berat dipindahkan ke cloud, jadi laptop kentangmu tetap ringan dan cepat!
✨ Kolaborasi Mudah : Kerja bareng tim jadi lebih mudah dengan fitur kolaborasi real-time.
✨ Akses Dimana Saja : Selama ada internet, kamu bisa ngoding dari mana saja, kapan saja!
Selain itu Project IDX ini sudah mendukung fitur yang terkoneksi dengan Gemini AI (AI buatan google juga) yang mempermudah dan membantu kalian dalam proses koding nya
Selain itu Project IDX ini juga mendukung banyak sekali template, bahasa pemograman, dan framework yang tentunya bisa dipakai oleh siapa saja nih. Project IDX ini juga mendukung berbagai macam Tech Stack seperti Backend, FrontEnd, Web Apps, AI & ML, dan Misc.
Lalu gimana nih apakah ini Free ? Tenang kalian bisa dapetin free 5 project untuk kalian gunakan (Lebih dari cukup kan ya ??) dan juga sudah bisa terkoneksi dengan Github jadi ga perlu susah susah dalam menggunakan kode tersebut kedepannya.
Lalu gimana cara gunain nya ? Ayo langsung saja kita praktekan dalam penggunaan Project IDX ini dengan menggunakan Template Flutter
Latihan menggunakan Template Flutter dengan Project IDX
Pertama kita harus membuka Project IDX dengan menggunakan alamat https://idx.google.com/
Lalu pada halaman awal kita pilih Flutter template ya… Lalu kita kasih nama project kita disini kita kasih contoh latihan-flutter-idx jadi seperti di bawah ini ya
Nah setelah itu maka akan terbuka nih tampilan IDE project dengan framework yang kita pilih ….
Gimana ? Familiar gak nih ? Mirip IDE apa hayoooo ? yup betul Visual Studio Code, jadi jangan khawatir kalian perlu penyesuaian lagi dalam koding karena ini menggunakan tampilan yang mirip banget sama Visual Studio Code salah satu IDE yang banyak digunakan programmer saat ini.
Nah lanjut dan disebelah nya terdapat tampilan Emulator (Android dan Web) nya secara langsung …. canggih banget kan ya ?
Laptop kita yang spek rendah bisa jalanin emulator dan IDE secara bersamaan hanya bermodal koneksi internet dan Browser aja loh.
Nah Lanjut, kita coba lakukan perubahan disini misal tulisan “You Have pushed the button this many times” akan kita ubah menjadi “Hallo Tedo” lalu kita Ctrl + S (Hotkey Save) maka langsung akan keluar hasilnya pada emulator yang ada di sebelah nya (Seperti gambar di bawah ini)
Disini menunjukkan kalau fitur Hot Reload dari Flutter berjalan dengan sangat baik di Project IDX ini. Lalu bagaimana kalau kita mau menjalankan fitur AI nya dengan Gemini nih ? Gampang …
Tinggal klik bagian atas (Logo Gemini AI) seperti gambar di bawah ini
Lalu pilih misalkan “Chat with Gemini”, setelah itu maka akan terbuka Tab Gemini AI di samping Emulator Android kita. Nah kita bisa bebas menggunakan AI itu sebagai bantuan dalam kita ngoding tuh.
Nah canggih banget bukan ? Lalu selain itu juga kita bisa publish project kita ke Github juga dengan menggunakan IDX ini jadi udah bener bener paket lengkap banget deh Project IDX ini.
Semoga dengan adanya artikel ini ga ada alasan lagi bagi kalian buat males malesan belajar terutama karena alasan “Terkendala device yang kurang mumpuni” ya.
Yok semangat belajar, dan gunakan Project IDX ini dengan sebaik baik nya selamat mencoba dan sampai jumpa di artikel artikel kami selanjutnya…
Jangan lupa Claps dan Follow akun ini untuk mendapatkan tips tips pemograman selanjutnya…. Byee
