BELAJAR GULPJS - PENGERTIAN, KURIKULUM DAN CARA BELAJAR

Tugas frontend developer terus berkembang, tidak lagi sekedar menulis HTML, CSS dan Javascript, seringkali di proyek atau perusahaanmu sudah memiliki file file yang banyak dan panjang.

Selain proses development yang semakin rumit untuk mengorganisir semua file ini, performa website pun menjadi penting untuk diperhatikan. Setiap merubah sesuatu, harus reload lagi. Atau ingin mengconver sass ke css, typescript ke js, semua perlu berganti tab ke terminal atau command prompt lagi.

Kadang kamu ingin mengecilkan ukuran file, ingin membagi file ke beberapa bagian agar lebih mudah diakses dan dikembangkan sampai mengecilkan ukuran setiap ada gambar yang ingin digunakan.

Tugas tugas ini bisa kamu buat berjalan otomatis dengan bantuan Task Runner, GulpJS.

Daftar materi kelas Belajar GulpJS

Tool frontend yang akan memudahkan kamu sebagai seorang frontend developer untuk membantu performa websitemu nanti. Gulp bisa mengerjakan berbagai tugas seperti meminfikasi file css, menggabungkan file javascript dan masih banyak lagi.

install dan testing gulp

bagaimana cara install gulp? install dulu node/npm dan gulp cli nya

gulp dan css

bagaimana cara meminifikasi dan menggabungkan beberapa file css dengan gulp

gulp dan javascript

bagaimana cara meminifikasi dan menggabungkan beberapa file serta mengatur urutan javascript di gulp

gulp dan gambar

bagaimana cara mengcompress atau mengecilkan ukuran gambar dengan gulp

menggabungkan task parallel

gulpjs bisa menggabungkan task dan menjalankannya secara paralel, karena sebagian besar tugas tidak perlu saling menunggu

watch task di gulp

Kamu tidak perlu terus menjalankan perintah gulp, dengan watch task atau mengawasinya, gulp akan berjalan sendiri

browser sync di gulp

Bagaimana dengan auto refresh atau reload browser kamu? gulp bisa juga melakukannya dengan bantuan browser sync di gulp