{"id":16546149,"url":"https://github.com/naufaldi/frontend-engineer-interview-indonesia","last_synced_at":"2025-07-06T18:12:31.133Z","repository":{"id":58515957,"uuid":"529505695","full_name":"naufaldi/frontend-engineer-interview-indonesia","owner":"naufaldi","description":"List Pertanyaan dan Proses Recruitment Frontend Engineer di Indonesia","archived":false,"fork":false,"pushed_at":"2023-11-20T19:07:42.000Z","size":30,"stargazers_count":242,"open_issues_count":4,"forks_count":25,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-31T13:17:20.635Z","etag":null,"topics":["frontend","hacktoberfest","indonesia","interview","javascript","react"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/naufaldi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-08-27T06:43:33.000Z","updated_at":"2025-03-31T11:29:26.000Z","dependencies_parsed_at":"2023-11-20T20:27:36.274Z","dependency_job_id":"e2295a22-2deb-4baa-b1aa-919486993150","html_url":"https://github.com/naufaldi/frontend-engineer-interview-indonesia","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Ffrontend-engineer-interview-indonesia","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Ffrontend-engineer-interview-indonesia/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Ffrontend-engineer-interview-indonesia/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naufaldi%2Ffrontend-engineer-interview-indonesia/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naufaldi","download_url":"https://codeload.github.com/naufaldi/frontend-engineer-interview-indonesia/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675607,"owners_count":20977377,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","hacktoberfest","indonesia","interview","javascript","react"],"created_at":"2024-10-11T19:09:26.193Z","updated_at":"2025-04-07T15:09:45.935Z","avatar_url":"https://github.com/naufaldi.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# List Pertanyaan Interview Frontend Engineer\n\n## HTML\n\n- Apa perbedaan div dan span?\n- Perbedaan HTML vs XHTML?\n- Perbedaan element dan tag HTML\n- Yang dimaksud dengan semantic HTML\n- Apa fungsi dari `\u003c!DOCTYPE html\u003e` diawal file HTML?\n\n## CSS\n\n- Bisakah CSS menggunakan @import?\n- Perbedaan CSS padding vs Margin?\n- Apa saja unit baru pada CSS3?\n- Unit mana saja yang membantu untuk desain web responsif?\n- Apa yang dimaksud dengan `CSS Specificity`?\n- Bagaimana cara membuat variabel di dalam CSS\n- Jelaskan perbedaan dari `inline`, `block`, dan `inline-block` dalam CSS\n- Apa yang dimaksud `Pseudo Class` dalam CSS?\n- Bagaimana cara membuat sebuah `div` yang ada di dalam `div` lain berada di tengah (center)?\n- Apa yang itu `Grid System` di dalam CSS?\n- Sebutkan apa saja aturan pada CSS Ruleset\n\n## Javascript\n\n- Apakah Javascript Async atau sync?\n- Apa perbedaan var, const dan let?\n- Apa saja tipe data di Javascript?\n- Apa itu DOM?\n- Apa perbedaan Array dan Object?\n- Apa perbedaan `==` dan `===`?\n- Apa itu `this`?\n- Apa perbedaan dari `arrow function` dan `regular function`?\n- Apa itu `undefined` dan `null`?\n- Apa perbedaan `while loop` dan `for loop`?\n- Apa itu `closure`?\n- Apakah setTimeout di JS itu asynchronous atau synchronous?\n- Apa itu `Higher-order Function`? kemudian berikan contoh penggunaannya\n- Apa itu `hoisting` pada Javascript?\n- Apa itu `callback` pada Javascript?\n- Apa itu `Promise`?\n- Ketika membuat sebuah `Promise`, apa yang akan terjadi jika `catch` tidak dijalankan?\n- Apa itu concurrency dan parallelism?\n- Bagaimana Javascript (yang notabene nya single-threaded) menangani proses asynchronous?\n- Implementasi Oberserver Pattern dengan dengan menampilkan inputan user dari field `\u003cinput /\u003e` \n\n## ReactJS\n\n- Apa itu JSX? dan bagaimana bisa dirender di HTML?\n- Jelaskan lifecycle dari ReactJS?\n- Jelaskan perbedaan Real DOM vs Virtual DOM!\n- Mengapa ReactJS menggunakan virtual DOM dan bukan real DOM?\n- Apa kegunaan prop `key`, dan apa yang terjadi jika tidak menggunakannya?\n- Kapan dan Mengapa menggunakan State Management dan tidak?\n- Apa saja Hooks yang pernah digunakan? Jelaskan juga setiap kegunaannya\n- Mengapa Hooks harus selalu dipanggil di top-level sebuah component?\n- Apa itu high order component?\n- Kapan harus pake context kapan harus pke redux?\n- Apa bedanya pure component sama functional component?\n- Apa perbedaan Class Component dengan Functional Component?\n- Apa itu SSR dan CSR, kapan kita harus make CSR atau SSR?\n- Perbedaan Controlled vs uncontrolled components di React?\n- Bagaimana cara agar browser dan server dapat berkomunikasi tanpa reload halaman?\n- Apa itu memoization? Apa manfaatnya dalam aplikasi React?\n- Bagaimana perbedaan pengunaan `useMemo` dan `useCallback`?\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaufaldi%2Ffrontend-engineer-interview-indonesia","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaufaldi%2Ffrontend-engineer-interview-indonesia","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaufaldi%2Ffrontend-engineer-interview-indonesia/lists"}