Essential JavaScript Tooling

Pilihan manakah yang BUKAN merupakan package manager untuk JavaScript?

• npm

• yarn

• browserify

• npx

Answer explanation

Browserify BUKAN merupakan package manager untuk JavaScript. Browserify adalah Bundlers dalam lingkungan JavaScript yang berguna untuk membungkus file-file JavaScript menjadi satu kesatuan atau beberapa file kecil bersama dengan aset-aset yang diperlukan oleh file JavaScript itu sendiri.

Manakah di antara pernyataan berikut yang benar tentang yarn?

• Default package manager di node.js

• Verify packages with checksum

• Generates package-lock.json

• Install dependencies sequentially

Answer explanation

yarn melakukan verifikasi package dengan menggunakan checksum sedangkan npm melakukan verifikasi package menggunakan algoritma hash (SHA-512).

Reference: https://www.knowledgehut.com/blog/web-development/yarn-vs-npm#:~:text=Yarn%2C%20or%20Yet%20Another%20Resource,more%20reliable%2C%20and%20more%20efficient.

Transpiler mana yang dapat meng-convert code ini?

• TypeScript

• Babel

• LiveScript

• CoffeeScript

Answer explanation

TypeScript adalah salah satu transpiler yang cukup strict dalam menentukan tipe data baik untuk variabel maupun nilai return dari sebuah fungsi. Dapat dilihat dengan adanya tipe data setelah `:` (colon) di samping variabel atau fungsi.

Manakah di antara berikut yang merupakan Bundlers di JavaScript?

• LiveScript

• CoffeeScript

• Vite

• Babel

Answer explanation

Fun Facts:

Vite adalah bundler untuk JavaScript. Vite dibuat oleh Evan You yang juga adalah pembuat Vue.js.

Yang mana BUKAN merupakan kegunaan Task Runners seperti Grunt dan Gulp pada JavaScript?

• Compilation

• Showing Image

• Minification

• Lint

Answer explanation

Task runners make life easier by doing what they do--run tasks! During development, front-end engineers find themselves repeating the same things (such as minification, compilation, unit-testing and linting) over and over again.

Syntax CSS Preprocessor yang manakah ini?

• SASS

• SCSS

• LESS

• Stylus

Answer explanation

Less menggunakan symbol `@` untuk deklarasi variabel. SCSS dan SASS menggunakan symbol `$`, sedangkan Stylus tidak memerlukan prefix untuk deklarasi variabel.

Fitur mana yang TIDAK dimiliki oleh Chrome DevTools?

• Components

• Network

• Performance

• Lighthouse

Answer explanation

Chrome DevTools tidak memiliki fitur Components. Components ada pada React dan Vue DevTools.

Manakah yang merupakan Code Formatters pada JavaScript?

• Super

• Bower

• Linter

• Prettier