Refactoring, styling, scss (sass), design guideline, system structure, initial page
Halo semua, Kali ini saya ingin berbagi pengalman selama 2 minggu terakhir
Bermula pada kunjungan kelompok kami ke kantor Cermati yang berlokasi di komplek podomoro city, dari situ saya mendapatkan ilmu yang cukup banyak, seperti Node.js, unit testing, dan best practice pada pembuatan kodenya.
Setelah itu saya tertarik sekali dalam pengembangan nodejs ini. Pertama saya konfigurasikan dulu gitlab CI, untuk auto running test setiap kali ada perubahan pada repo dengan membuat pipeline, jika hijau maka sudah sesuai dengan test case, jika belum maka akan ada tanda silang berwarna merah yang menandakan bahwa test masih gagal.
Kemudian saya lanjutkan dengan pengembangan frontend dari system pada branch baru Create-Task. Saya menggunakan teknologi scss (sass) dalam styling. Harapannya teman-teman kelompok saya mendapatkan ilmu baru dari tekonlogi ini, karena banyak industri yang menggunakan teknologi ini. Scss ini sangat powerfull untuk mengurangi redudancy, menggunakan variable, dan fungsi. Variable ini digunakan untuk penyamaan dengan design guideline dari perusahaan.
Dalam pengembangan system structure, saya telah membuatkan template dalam developing frontend, dan memberikan pengajaran kepada teman-teman kelompok saya, harapannya akan terbuat standarisasi dalam developing guideline untuk kedepannya.
Awalnya saya membuat page yang terdapat redudancy dalam penampilan html, contoh nya index.hbs yang mengandung header dan footer, serta create-task.hbs yang mengandung header dan footer pula. Nah untuk menangani masalah tersebut saya melakukan refactoring dengan membuat main.hbs sebagai initial page yang sudah terdapat header dan footer, sehingga hanya bagian body saja yang perlu diubah-ubah.
Saya juga telah menambahkan dokumentasi pada repository gitlab, agar teman-teman saya dapat dengan mudah dalam developing front end.
Any question? feel free to ask me if you meet me :)