Sesi wawancara biasanya cukup membuat calon Front End Developer cemas, terlebih apabila tanpa persiapan sama sekali. Oleh karena itu, penting sekali mengetahui bocoran soal tes FrontEnd Developer dari berbagai sumber sebagai bekal menghadapi ketatnya persaingan memasuki perusahaan incaran.

Berikut kami sarikan dari h5bp.org beberapa soal tes FrontEnd Developer. Walau soal berikut tidak mutlak Anda temui saat wawancara, setidaknya daftar berikut memberikan panduan apa yang sebaiknya Anda pelajari.

Soal tes FrontEnd Developer terbagi ke dalam beberapa jenis pertanyaan, mulai dari umum hingga sampingan atau untuk mengetes sisi lain dari kemampuan teknis Anda.

Apa Saja Soal Tes Front End Developer?

soal tes Front End Developer

Pertanyaan Umum

Pada intinya, pertanyaan umum dari rangkaian soal tes FrontEnd Developer bertujuan menggali pengetahuan teknis Anda namun belum terlalu mandalam. Bisa juga pihak Sumber Daya Manusia atau SDM perusahaan impian ingin mengetahui visi Anda mengenai ilmu yang selama ini Anda pelajari.

Contoh pertanyaan umum tersebut adalah:

  • Apa yang baru Anda pelajari kemarin / minggu ini?
  • Hal apa yang membuat coding menarik bagi Anda?
  • Apa tantangan teknis yang baru-baru ini Anda hadapi lalu apa yang dilakukan untuk mengatasinya?
  • Apa pertimbangan yang Anda ambil dari sisi UI, Keamanan, Kinerja, SEO, Maintainability maupun Teknologi saat membuat aplikasi web atau situs?
  • Jelaskan lingkungan coding yang Anda sukai, seperti OS, Editor atau IDE, Browser, Tools, dll!
  • Sistem kontrol versi apa saja yang Anda kenali?
  • Jelaskan alur kerja saat Anda membuat sebuah situs?
  • Anda memiliki lima stylesheet yang berbeda. Jelaskan cara terbaik untuk mengintegrasikannya ke situs Anda?
  • Jelaskan perbedaan antara progressive enhancement dan graceful degradation?
  • Apa yang Anda lakukan untuk mengoptimalkan aset/sumber sebuah website?
  • Sebutkan tiga cara untuk mengurangi beban halaman, misalnya saat melakukan loading halaman!
  • Jika Anda mendapatkan sebuah proyek, dimana dalam proyek ini mereka menggunakan tab sedangkan Anda menggunakan space, apa yang akan Anda lakukan?
  • Sebutkan cara Anda membuat halaman slideshow sederhana!
  • Apa itu Flash of Unstyled Content alias FOUC? Bagaimana Anda menghindari FOUC?
  • Apa yang dimaksud dengan ARIA dan screenreader? Bagaimana membuat sebuah website dapat diakses?

Pertanyaan tentang HTML

Soal tes FrontEnd Developer kemungkinan menyinggung pertanyaan seputar HTML, seperti:

  • Bagaimana cara kerja doctype?
  • Apa perbedaan antara modus standar dan modus quirks?
  • Jelaskan perbedaan antara HTML dan XHTML!
  • Apakah ada masalah dengan melayani halaman sebagai aplikasi/xhtml+xml?
  • Bagaimana Anda melayani halaman dengan konten dalam berbagai bahasa?
  • Jelaskan tantangan ketika mendesain atau mengembangkan situs multibahasa?
  • Sebutkan fungsi atribut data-?
  • Apa saja yang membentuk HTML5, katakanlah, terkait fungsinya sebagai platform web terbuka?
  • Jelaskan perbedaan antara cookie, sessionStorage dan localStorage!
  • Jelaskan perbedaan antara <script>, <script async> dan <script defer>!
  • Mengapa meletakkan <link> CSS di antara <head></head> dan meletakkan <script> JS sebelum <body></body> dianggap baik pada umumnya? Apakah ada pengecualiannya?
  • Jelaskan pengertian progressive rendering!
  • Apakah Anda pernah menggunakan bahasa HTML templating yang berbeda?
  • Sebutkan perbedaan antara GET dan POST!

Pertanyaan seputar CSS

Tak ketinggalan dalam soal Front End Developer adalah soal CSS, misalnya:

  • Sebutkan perbedaan antara class dan id dalam CSS!
  • Apa perbedaan antara reset dan normalisasi dalam CSS? Mana yang Anda pilih dan kenapa?
  • Apakah pengertian float dan sebutkan cara kerjanya.
  • Jelaskan z-index dan bagaimana susunan konteks terbentuk.
  • Apa yang dimaksud dengan sprite CSS? Bagaimana Anda menerapkannya pada suatu halaman atau situs?
  • Bagaimana cara anda menghadapi masalah styling yang spesifik pada browser?
  • Bagaimana Anda melayani halaman untuk browser dengan fitur terbatas?
  • Sebutkan metode untuk menyembunyikan suatu konten secara visual dan membuatnya tersedia hanya untuk pembaca layar / screenreader!
  • Seberapa akrab Anda dengan styling SVG?
  • Apa langkah Anda dalam memaksimalkan halaman web untuk dicetak?
  • Faktor apa yang harus difokuskan untuk menulis CSS yang efisien?
  • Sebutkan keuntungan / kerugian dari menggunakan precontentsor CSS, seperti Sass, Compass, Stylus, LESS?

Pertanyaan terkait JS

Patut Anda pelajari beragam pertanyaan terkait JS, seperti:

  • Apa maksud dari event delegation?
  • Jelaskan cara kerja this dalam JavaScript!
  • Jelaskan cara kerja inheritance prototype!
  • Bagaimana pendapat Anda mengenai AMD dan CommonJS?
  • Sebutkan perbedaan antara variabel berikut: null,undefined dan undeclared?
  • Apa cara Anda menguji status-status variabel tersebut?
  • Jelaskan pengertian closure! Bagaimana atau mengapa Anda akan menggunakannya?
  • Jelaskan cara Anda mengatur kode, seperti pola modul, warisan klasik!
  • Sebutkan perbedaan antara host object dan native object!
  • Apa perbedaan antara: function Person(){}, var person = Person(), dan var person = new Person()?
  • Apa saja perbedaan antara .call dan.apply?
  • Kerjakan ini :

           duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

  • Program dan teknik apa yang Anda gunakan dalam melakukan debug kode Javascript?
  • Jelaskan perbedaan antara object mutable dan immutable!

Pertanyaan Soal Pengujian

Contoh soal tes Front End Developer untuk bagian ini tidak terlalu banyak. Contohnya adalah:

  • Apakah keuntungan / kerugian menguji kode Anda?
  • Program apa yang Anda gunakan untuk menguji kinerja kode Anda?
  • Sebutkan perbedaan antara tes unit dan tes fungsi/integrasi!
  • Jelaskan mengenai tujuan program lint!

Pertanyaan Tentang Kinerja

Sama seperti pertanyaan tentang Pengujian, contoh soal tentang Kinerja cukup terbatas, seperti:

  • Tool apa yang Anda gunakan untuk mencari masalah kinerja dalam kode?
  • Sebutkan cara untuk menambah kinerja scrolling dalam website Anda!
  • Jelaskan perbedaan antara layout, painting, dan compositing.

Pertanyaan Tentang Jaringan

Tak luput, Anda dapat menemui pertanyaan seputar jaringan, seperti:

  • Secara tradisional, mengapa lebih baik untuk melayani aset situs dari beberapa domain?
  • Jelaskan metode contents kerja dari saat Anda mengetikkan URL situs web sampai saat halamannya selesai tampil di layar Anda!
  • Sebutkan perbedaan antara Long-Polling, Websockets dan Server-Sent Events (SSE)!
  • Apa yang dimaksud dengan aksi HTTP? Sebutkan lalu jelaskan aksi HTTP yang Anda ketahui!

Pertanyaan Seputar Coding

Pertanyaan: Apakah hasil foo?

var foo = 10 + ’20’;

Pertanyaan: Bagaimana Anda akan membuat fungsi berikut ini bekerja?

add(2, 5); // 7

add(2)(5); // 7

Pertanyaan: Apakah hasil yang akan dikembalikan dari pernyataan berikut?

“i’m a lasagna hog”.split(“”).reverse().join(“”);

Pertanyaan: Apakah nilai window.foo?

( window.foo || (window.foo = “bar”) );

Pertanyaan: Apakah hasil dari dua alert di bawah ini?

var foo = “Hello”;

(function() {

  var bar = ” World”;

  alert(foo + bar);

})();

alert(foo + bar);

Pertanyaan: Apakah hasil foo.length?

var foo = [];

foo.push (1);

foo.push (2);

Pertanyaan: Apakah hasil foo.x?

var foo = {n: 1};

var bar = foo;

foo.x = foo = {n: 2};

Pertanyaan: Apakah hasil yang akan dicetak dalam kode berikut ini?

console.log(‘one’);

setTimeout(function() {

  console.log(‘two’);

}, 0);

console.log(‘three’);

Pertanyaan Sampingan

Yang terakhir adalah soal tes Front End Developer santai yang tetap Anda harus jawab secara baik. Contohnya adalah:

  • Jelaskan mengenai proyek menarik yang belum lama ini Anda kerjakan?
  • Apakah Anda mempunyai proyek favorit? Jika iya, apa saja?
  • Apa fitur favorit Anda di Internet Explorer?

Demikianlah bocoran soal tes Front End Developer. Apakah anda tertarik dan mencari lowongan Front End Developer? Anda bisa mencoba untuk mengirim cv anda dan bergabung dengan TOG Indonesia. Dengan begini, anda akan membuka lebar peluangmu untuk bekerja diperusahaan besar dan membantumu untuk terus mengembangkan karier. Semoga bermanfaat.

Baca juga artikel lainnya : Peluang Karir Front End Developer Indonesia

Klik dibawah ini untuk informasi tentang IT Training dan Info Loker seputar IT

⇓

Hubungi Kami