Seorang Front-End Developer Harus Punya 10 Skill Ini

8. Browser Developer Tools

Seorang Front-End Developer Harus Punya 10 Skill Ini

Pengunjung akan melihat website kamu melalui web browser. Bagaimana browser membaca kode kamu akan berpengaruh besar terhadap kesuksesan website.

Sama seperti testing dan debugging di atas, semua web browser modern dilengkapi dengan developer tools. Tool ini membantu kamu untuk melakukan test dan merapikan website secara sepesifik di dalam browsertersebut.

Hal di atas akan bervariasi dari satu browser ke browser lainnya, tetapi umumnya terdiri dari inspector dan console JavaScript. Inspectormemungkinkan kamu untuk melihat bagaimana HTML dan CSS terhubung dengan komponen-komponen di dalam browser. Kamu juga bisa mengedit HTML dan CSS secara langsung di browser tersebut.

Sedangkan, console JavaScript memungkinkan kamu untuk melihat erroryang terjadi ketika browser menjalankan kode JavaScript.

9. Building dan Automation Tools/Web Performance

Seorang Front-End Developer Harus Punya 10 Skill Ini

Kamu mungkin sudah menyadari bahwa HTML, CSS dan JavaScript adalah tiga alat utama untuk front-end development. Dan kemudian, skill-skill lain adalah penunjang agar kamu dapat memanfaatkan HTML, CSS, dan JavaScript secara lebih efisien. Begitu juga halnya dengan automation toolsdan web performance.

Kamu bisa membangun website secanggih apapun, tetapi jika peformanya kurang baik, maka semua akan menjadi sia-sia. Peforma web adalah jumlah waktu yang diperlukan oleh website kamu untuk loading. Jika kamu mengalami hal tersebut, ada beberapa cara yang dapat kamu lakukan antara lain: optimalisasi gambar dan meminimalisir CSS dan JavaScript tanpa mengganggu fungsinya.

Program-program yang dapat membantu kamu melakukan hal ini, antara lain: Grunt dan gulp.

10. Command Line

Seorang Front-End Developer Harus Punya 10 Skill Ini

Salah satu hal yang bisa memperbagus tampilan website adalah penggunaan Graphic User Interfaces (GUIs). Siapa yang mau mengklik baris kode di layar? Lebih menarik untuk melihat dan klik menu yang tampilannya interaktif.