Mohon tunggu...
TOG INDONESIA
TOG INDONESIA Mohon Tunggu... -
Akun Diblokir

Akun ini diblokir karena melanggar Syarat dan Ketentuan Kompasiana.
Untuk informasi lebih lanjut Anda dapat menghubungi kami melalui fitur bantuan.

Selanjutnya

Tutup

Worklife

Seorang Front-End Developer Harus Punya 10 Skill Ini

30 Juli 2018   15:34 Diperbarui: 30 Juli 2018   15:41 488
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Seorang Front-End Developer Harus Punya 10 Skill Ini

8. Browser Developer Tools

Seorang Front-End Developer Harus Punya 10 Skill Ini
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
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
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.

HALAMAN :
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
Mohon tunggu...

Lihat Konten Worklife Selengkapnya
Lihat Worklife Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun