Frontend Machine Coding Interview Questions
1.0.0
Bangun Halaman HTML Dasar : Buat halaman HTML dasar yang mencakup header, menu navigasi, bagian konten utama, dan footer.
Menu Navigasi Responsif : Menerapkan menu navigasi responsif yang diciutkan menjadi menu hamburger di layar yang lebih kecil menggunakan HTML, CSS, dan JavaScript/jQuery.
Kalkulator JavaScript : Buat kalkulator sederhana menggunakan HTML, CSS, dan JavaScript yang dapat melakukan operasi aritmatika dasar (penjumlahan, pengurangan, perkalian, pembagian).
Korsel Gambar : Membuat carousel/slider gambar menggunakan HTML, CSS, dan JavaScript/jQuery yang memungkinkan pengguna menavigasi sekumpulan gambar dengan tombol berikutnya dan sebelumnya.
Aplikasi Daftar Tugas : Mengembangkan aplikasi web daftar tugas menggunakan HTML, CSS, dan JavaScript. Pengguna harus dapat menambah, mengedit, dan menghapus tugas.
Desain Responsif : Ambil halaman web yang ada dan buat responsif untuk berbagai ukuran layar (misalnya desktop, tablet, seluler) menggunakan kueri media dan CSS.
Fetch API : Gunakan Fetch API untuk mengambil data dari titik akhir JSON dan menampilkannya di halaman web menggunakan JavaScript.
Aplikasi Satu Halaman (SPA) : Bangun aplikasi satu halaman (SPA) sederhana menggunakan kerangka frontend pilihan Anda (misalnya, React, Angular, Vue.js). Buat beberapa tampilan dan navigasikan di antara keduanya.
Validasi Formulir : Menerapkan validasi formulir sisi klien untuk formulir pendaftaran menggunakan HTML5 dan JavaScript. Validasi bidang seperti email, kekuatan kata sandi, dan bidang yang wajib diisi.
Menerapkan Fitur Drag and Drop : Buat halaman web dengan antarmuka drag-and-drop menggunakan HTML, CSS, dan JavaScript. Izinkan pengguna untuk menyeret elemen dan melepaskannya ke area yang ditentukan.
Gulir Tak Terbatas : Menerapkan fitur gulir tak terbatas pada halaman web. Muat konten tambahan saat pengguna menggulir halaman ke bawah menggunakan JavaScript dan AJAX.
Peta Interaktif : Membangun peta interaktif menggunakan perpustakaan pemetaan (misalnya, Leaflet, Google Maps API) dan memungkinkan pengguna mencari lokasi, menambahkan penanda, dan menampilkan informasi tambahan saat mengklik penanda.
Aksesibilitas Web : Pastikan halaman web mematuhi standar aksesibilitas web (WCAG). Melakukan modifikasi HTML dan CSS yang diperlukan untuk meningkatkan aksesibilitas bagi pengguna penyandang disabilitas.
Animasi CSS : Membuat animasi CSS, seperti pemuat berputar atau efek memudar, untuk meningkatkan pengalaman pengguna di halaman web.
Templat Email Responsif : Rancang dan buat kode templat email responsif yang terlihat bagus di klien email desktop dan seluler.
Penyaringan Konten Dinamis : Membuat halaman web yang memungkinkan pengguna memfilter konten secara dinamis berdasarkan kategori atau tag menggunakan JavaScript.
Tombol Berbagi Media Sosial : Menerapkan tombol berbagi media sosial (misalnya Facebook, Twitter) di halaman web. Saat pengguna mengklik tombol, dialog berbagi akan muncul.
Pemuatan Lambat Gambar : Menerapkan pemuatan lambat gambar untuk meningkatkan kinerja halaman. Gambar hanya boleh dimuat saat berada di area pandang.
Pelengkapan Otomatis Formulir : Tambahkan fungsionalitas pelengkapan otomatis ke bidang masukan pencarian menggunakan JavaScript. Berikan saran saat pengguna mengetik.
Menerapkan Lightbox : Membuat jendela lightbox/modal yang menampilkan gambar atau konten saat pengguna mengklik thumbnail atau tombol.
Aplikasi Obrolan Waktu Nyata : Bangun aplikasi obrolan waktu nyata menggunakan kerangka kerja frontend (misalnya React, Vue.js) dan teknologi backend seperti WebSocket atau Firebase.
Tabel Responsif : Membuat tabel HTML responsif. Pastikan tabel beradaptasi dengan ukuran layar yang berbeda tanpa pengguliran horizontal.
Visualisasi Data : Buat diagram visualisasi data (misalnya diagram batang, diagram lingkaran) menggunakan pustaka JavaScript seperti D3.js atau Chart.js.
Navigasi Lengket : Menerapkan bilah navigasi lengket yang menempel di bagian atas halaman saat menggulir ke bawah dan kembali ke posisi semula saat menggulir ke atas.
Pengoptimalan Kinerja Web : Mengoptimalkan kinerja halaman web yang memuat lambat. Identifikasi kemacetan dan terapkan pengoptimalan untuk mengurangi waktu muat.
Aplikasi Web Progresif (PWA) : Mengubah aplikasi web menjadi Aplikasi Web Progresif. Tambahkan fitur seperti akses offline dan pemberitahuan push.
Pengujian Unit : Tulis pengujian unit untuk fungsi atau komponen JavaScript menggunakan kerangka pengujian seperti Jest.
Kompatibilitas Lintas-browser : Pastikan halaman web berfungsi dengan benar dan terlihat konsisten di berbagai browser web (misalnya, Chrome, Firefox, Edge).
Keamanan Web : Mengidentifikasi dan memperbaiki kerentanan keamanan dalam aplikasi web, seperti Cross-Site Scripting (XSS) atau Cross-Site Request Forgery (CSRF).
Tanda Tangan Email Responsif : Rancang dan kodekan tanda tangan email responsif yang dapat digunakan di klien email.
Korsel Tak Terbatas : Membuat korsel/slider tak terbatas yang secara otomatis menelusuri sekumpulan gambar atau konten, menyediakan kontrol navigasi bagi pengguna.
Galeri Gambar : Membangun galeri gambar di mana pengguna dapat melihat koleksi gambar, mengklik untuk memperbesar, dan menavigasinya menggunakan tombol sebelumnya dan berikutnya.
Komponen Tooltip : Rancang dan implementasikan komponen tooltip yang dapat digunakan kembali dalam HTML, CSS, dan JavaScript/jQuery yang muncul saat mengarahkan kursor ke elemen tertentu.
Pengambilan dan Tampilan Data : Ambil data dari API publik (misalnya, GitHub API, OpenWeatherMap API) dan tampilkan di halaman web menggunakan JavaScript. Format dan gaya data dengan tepat.
Menu Dropdown Animasi : Membuat menu dropdown yang diperluas dan diciutkan dengan animasi halus saat pengguna mengarahkan kursor ke elemen pemicu.
Formulir Interaktif : Sempurnakan formulir web dengan fitur interaktif seperti saran otomatis, validasi input, dan bidang formulir bersyarat menggunakan JavaScript.
Transisi Halaman : Menerapkan transisi halaman yang mulus antara berbagai bagian atau halaman situs web menggunakan transisi CSS dan JavaScript.
Pintasan Keyboard : Tambahkan pintasan keyboard ke aplikasi web untuk meningkatkan aksesibilitas dan navigasi pengguna.
Pengalih Mode Gelap : Membuat tombol pengalih mode gelap yang mengalihkan skema warna situs web antara mode terang dan gelap.
Eksperimen WebGL : Kembangkan proyek WebGL interaktif, seperti visualisasi atau animasi 3D, dan sematkan ke dalam halaman web.
Pemutar Video Khusus : Buat pemutar video HTML5 khusus dengan kontrol khusus, seperti putar, jeda, volume, dan bilah kemajuan.
Gaya Pencetakan Halaman : Menentukan gaya CSS untuk mencetak halaman web agar terlihat terformat dengan baik saat dicetak di atas kertas.
Menerapkan Galeri Foto : Membuat galeri foto dengan album, gambar mini, dan kemampuan untuk melihat gambar dalam ukuran lebih besar.
Pemutar Audio Web : Buat pemutar audio berbasis web dengan fitur seperti putar, jeda, kontrol volume, dan dukungan daftar putar.
Animasi SVG : Menganimasikan grafik SVG menggunakan CSS atau JavaScript untuk menciptakan efek visual yang menarik.
Kerangka CSS Khusus : Kembangkan kerangka CSS khusus dengan komponen dan gaya yang telah dirancang sebelumnya untuk pengembangan front-end yang cepat.
Kerangka Animasi Web : Membuat kerangka animasi JavaScript yang menyederhanakan proses menganimasikan elemen pada halaman web.
Aplikasi Web Augmented Reality : Mengembangkan aplikasi web augmented reality (AR) yang melapisi konten digital pada tampilan dunia nyata pengguna menggunakan WebXR atau teknologi serupa.
Placeholder Pemuatan Gambar Progresif : Menerapkan teknik pemuatan gambar progresif yang menampilkan gambar buram atau berkualitas rendah sebagai placeholder saat gambar berkualitas tinggi dimuat.
Pengujian Web Otomatis : Tulis pengujian otomatis untuk aplikasi web menggunakan kerangka pengujian seperti Selenium atau Cypress.
Perpustakaan Animasi Web Khusus : Membuat perpustakaan JavaScript kecil untuk menganimasikan elemen pada halaman web, termasuk dukungan untuk berbagai fungsi pelonggaran.
Komponen UI Khusus : Buat komponen UI khusus, seperti dialog modal, pemilih tanggal, atau pelengkapan otomatis, dari awal menggunakan HTML, CSS, dan JavaScript.
Pengembangan Mobile-First : Kembangkan halaman web dengan mengikuti pendekatan mobile-first, pastikan halaman tersebut terlihat dan berfungsi dengan baik di perangkat seluler dan ditingkatkan ke layar yang lebih besar.
Integrasi API Pihak Ketiga : Integrasikan dengan API pihak ketiga (misalnya Google Maps, Twitter, YouTube) dan tampilkan data atau konten dari API tersebut di halaman web Anda.
Dukungan Offline : Menerapkan dukungan offline untuk aplikasi web, memungkinkan pengguna mengakses konten bahkan ketika mereka tidak memiliki koneksi internet.
API Riwayat Browser : Gunakan API Riwayat Browser untuk mengimplementasikan perutean sisi klien dalam aplikasi satu halaman (SPA).
Gulir Tak Terbatas dengan Paginasi : Gabungkan pengguliran tak terbatas dengan paginasi untuk memuat dan menampilkan konten secara efisien sekaligus memungkinkan pengguna menavigasi halaman data.
Pemutar Audio Web : Buat pemutar audio berbasis web dengan fitur seperti putar, jeda, kontrol volume, dan dukungan daftar putar.
Eksperimen WebGL : Kembangkan proyek WebGL interaktif, seperti visualisasi atau animasi 3D, dan sematkan ke dalam halaman web.
Modul Lazy-Loaded : Menerapkan pemuatan lambat untuk modul dalam kerangka frontend (misalnya, React, Angular, Vue.js) untuk mengurangi ukuran bundel awal.
Perpustakaan Ikon SVG : Buat perpustakaan ikon SVG yang dapat digunakan kembali dengan fitur pencarian dan penggunaan untuk memudahkan integrasi ke dalam proyek web.
Adegan 3D WebGL : Mengembangkan adegan 3D menggunakan WebGL, termasuk model 3D, tekstur, dan elemen interaktif.
Gambar yang Dimuat Lambat : Menerapkan gambar yang dimuat lambat yang hanya dimuat saat muncul di area pandang pengguna, sehingga meningkatkan kinerja pemuatan laman.
Pemantauan Kinerja Web : Menerapkan pemantauan dan analisis kinerja web untuk melacak dan menganalisis kinerja situs web dari waktu ke waktu.
Audit Keamanan Web : Lakukan audit keamanan pada aplikasi web dan identifikasi kerentanan seperti injeksi SQL, XSS, dan CSRF. Menyarankan dan menerapkan perbaikan.
Rendering Sisi Server (SSR) dengan React : Menyiapkan rendering sisi server (SSR) untuk aplikasi React.
Efek Shader WebGL : Membangun efek shader berbasis WebGL, seperti efek riak air atau sistem partikel dinamis.
Gambar yang Dimuat Lambat : Menerapkan gambar yang dimuat lambat yang hanya dimuat saat muncul di area pandang pengguna, sehingga meningkatkan kinerja pemuatan laman.
Pemantauan Kinerja Web : Menerapkan pemantauan dan analisis kinerja web untuk melacak dan menganalisis kinerja situs web dari waktu ke waktu.
Audit Keamanan Web : Lakukan audit keamanan pada aplikasi web dan identifikasi kerentanan seperti injeksi SQL, XSS, dan CSRF. Menyarankan dan menerapkan perbaikan.
Rendering Sisi Server (SSR) : Menerapkan rendering sisi server untuk kerangka kerja frontend (misalnya, React, Angular) untuk meningkatkan kinerja pemuatan halaman awal.
Efek Shader WebGL : Membangun efek shader berbasis WebGL, seperti efek riak air atau sistem partikel dinamis.
Implementasi DOM Virtual : Mengimplementasikan DOM virtual yang disederhanakan (mirip dengan DOM virtual React) dalam JavaScript.
Pemuatan Gambar Progresif : Kembangkan teknik pemuatan gambar yang memuat gambar secara bertahap, dimulai dengan placeholder berkualitas rendah dan ditingkatkan ke gambar berkualitas tinggi.
Peristiwa Sentuhan dan Isyarat : Menerapkan peristiwa sentuhan dan isyarat dalam aplikasi web untuk menyediakan interaksi berbasis sentuhan pada perangkat seluler.
Manajemen Penyimpanan Browser : Membangun utilitas untuk mengelola penyimpanan browser (Penyimpanan lokal, Penyimpanan sesi) dan menyediakan metode untuk mengatur, mendapatkan, dan menghapus data.
Pekerja Web : Gunakan pekerja web untuk memindahkan tugas-tugas komputasi intensif dari thread utama, sehingga meningkatkan kinerja.
Komponen UI Khusus : Buat komponen UI khusus, seperti dialog modal, pemilih tanggal, atau pelengkapan otomatis, dari awal menggunakan HTML, CSS, dan JavaScript/jQuery.
Pengembangan Mobile-First : Kembangkan halaman web dengan mengikuti pendekatan mobile-first, pastikan halaman tersebut terlihat dan berfungsi dengan baik di perangkat seluler dan ditingkatkan ke layar yang lebih besar.
Integrasi API Pihak Ketiga : Integrasikan dengan API pihak ketiga (misalnya Google Maps, Twitter, YouTube) dan tampilkan data atau konten dari API tersebut di halaman web Anda.
Dukungan Offline : Menerapkan dukungan offline untuk aplikasi web, memungkinkan pengguna mengakses konten bahkan ketika mereka tidak memiliki koneksi internet.
Enkripsi Penyimpanan Browser : Menerapkan enkripsi untuk data yang disimpan di penyimpanan browser (misalnya, Penyimpanan lokal) untuk meningkatkan keamanan.
Animasi Partikel WebGL : Membuat animasi partikel menggunakan WebGL, menyimulasikan efek seperti api, hujan, atau kembang api.
Visualisasi Data WebGL : Mengembangkan visualisasi data menggunakan WebGL untuk merepresentasikan kumpulan data kompleks dalam format 3D interaktif.
Seret dan Lepas Khusus : Membuat fungsionalitas seret dan lepas khusus untuk elemen di halaman web tanpa bergantung pada pustaka eksternal.
Rendering Sisi Server (SSR) : Menerapkan rendering sisi server untuk kerangka kerja frontend (misalnya, React, Angular) untuk meningkatkan kinerja pemuatan halaman awal.
Efek Shader WebGL : Membangun efek shader berbasis WebGL, seperti efek riak air atau sistem partikel dinamis.
Implementasi DOM Virtual : Mengimplementasikan DOM virtual yang disederhanakan (mirip dengan DOM virtual React) dalam JavaScript.
Pemuatan Gambar Progresif : Kembangkan teknik pemuatan gambar yang memuat gambar secara bertahap, dimulai dengan placeholder berkualitas rendah dan ditingkatkan ke gambar berkualitas tinggi.
Peristiwa Sentuhan dan Isyarat : Menerapkan peristiwa sentuhan dan isyarat dalam aplikasi web untuk menyediakan interaksi berbasis sentuhan pada perangkat seluler.
Manajemen Penyimpanan Browser : Membangun utilitas untuk mengelola penyimpanan browser (Penyimpanan lokal, Penyimpanan sesi) dan menyediakan metode untuk mengatur, mendapatkan, dan menghapus data.
Pekerja Web : Gunakan pekerja web untuk memindahkan tugas-tugas komputasi intensif dari thread utama, sehingga meningkatkan kinerja.
Enkripsi Penyimpanan Browser : Menerapkan enkripsi untuk data yang disimpan di penyimpanan browser (misalnya, Penyimpanan lokal) untuk meningkatkan keamanan.
Animasi Partikel WebGL : Membuat animasi partikel menggunakan WebGL, menyimulasikan efek seperti api, hujan, atau kembang api.
Visualisasi Data WebGL : Mengembangkan visualisasi data menggunakan WebGL untuk merepresentasikan kumpulan data kompleks dalam format 3D interaktif.
Seret dan Lepas Khusus : Membuat fungsionalitas seret dan lepas khusus untuk elemen di halaman web tanpa bergantung pada pustaka eksternal.
React Component : Buat komponen React sederhana (misalnya, tombol atau kartu) dan render di halaman web.
Manajemen Status : Membangun komponen React yang mengelola dan menampilkan status, seperti penghitung yang bertambah ketika tombol diklik.
Props dan PropTypes : Buat komponen React yang menerima props dan menggunakan PropTypes untuk mendefinisikan dan memvalidasi props yang diharapkan.
Rendering Bersyarat : Menerapkan rendering bersyarat dalam komponen React berdasarkan kondisi seperti otentikasi pengguna.
Menangani Event : Tambahkan event handler ke komponen React (misalnya, onClick, onChange) untuk menjadikannya interaktif.
Siklus Hidup Komponen : Memanfaatkan metode siklus hidup komponen (misalnya, komponenDidMount, komponenDidUpdate) dalam komponen React.
Formulir di React : Membuat formulir di komponen React dan mengelola statusnya saat pengguna memasukkan data.
React Router : Mengatur perutean dalam aplikasi React menggunakan React Router, dengan banyak rute dan navigasi.
Pengambilan Data API : Ambil data dari API di komponen React dan tampilkan.
API Konteks : Gunakan API Konteks React untuk mengelola dan berbagi status atau data di berbagai komponen.
Redux Setup : Menyiapkan penyimpanan Redux, tindakan, dan reduksi dalam aplikasi React.
Redux State Management : Menerapkan manajemen status dengan Redux, menghubungkan komponen React ke penyimpanan Redux.
Redux Middleware : Gunakan middleware Redux (misalnya, Thunk) untuk menangani tindakan asinkron dalam aplikasi React yang didukung Redux.
Alur Otentikasi : Menerapkan otentikasi dan otorisasi pengguna dalam aplikasi React, termasuk login dan rute yang dilindungi.
React Hooks : Menulis ulang komponen React berbasis kelas menjadi komponen fungsional menggunakan hook seperti useState dan useEffect.
Redux Saga : Integrasikan Redux Saga untuk menangani efek samping (misalnya panggilan API) dalam aplikasi React berbasis Redux.
React Higher-Order Components (HOCs) : Membuat komponen tingkat tinggi (HOC) untuk menambahkan fungsionalitas ke komponen React yang sudah ada.
Penanganan Kesalahan : Menerapkan penanganan kesalahan dan menampilkan pesan kesalahan dalam aplikasi React.
Mengoptimalkan Kinerja : Optimalkan kinerja aplikasi React dengan mengurangi render yang tidak perlu dan menggunakan memoisasi.
Pengujian Unit dengan React Testing Library : Tulis pengujian unit untuk komponen React menggunakan React Testing Library dan Jest.
Rendering Sisi Server (SSR) dengan React : Menyiapkan rendering sisi server (SSR) untuk aplikasi React.
Aplikasi Web Progresif (PWA) dengan React : Mengubah aplikasi React menjadi Aplikasi Web Progresif dengan dukungan offline.
Internasionalisasi (i18n) : Menerapkan internasionalisasi dan lokalisasi dalam aplikasi React.
React Animation : Tambahkan animasi dan transisi ke komponen React menggunakan perpustakaan seperti React Spring atau Framer Motion.
Data Pagination : Menerapkan pagination data dalam aplikasi React, mengambil dan menampilkan data dalam potongan.
Pembaruan Waktu Nyata : Aktifkan pembaruan waktu nyata dalam aplikasi React menggunakan WebSocket atau teknologi serupa.
Otentikasi dengan OAuth : Menerapkan otentikasi berbasis OAuth (misalnya, OAuth 2.0) dalam aplikasi React.
Menguji React Hooks : Tulis pengujian unit untuk React hooks khusus menggunakan React Testing Library dan Jest.
Custom React Router : Bangun router khusus menggunakan API tingkat rendah React Router untuk mendapatkan pemahaman lebih dalam tentang perutean.
Redux Store : Buat penyimpanan Redux dan tentukan tindakan dan reduksi untuk mengelola status.
Tindakan dan Pereduksi Redux : Menerapkan tindakan dan reduksi Redux untuk menangani fitur atau data tertentu di penyimpanan Redux.
Redux Middleware : Tambahkan middleware khusus ke penyimpanan Redux untuk mencegat dan mengubah tindakan.
Redux Thunk : Gunakan middleware Redux Thunk untuk menangani tindakan asinkron di toko Redux.
Redux Saga : Siapkan Redux Saga untuk mengelola efek samping, seperti panggilan API, dalam aplikasi yang didukung Redux.
Normalisasi Status Redux : Menormalkan bentuk penyimpanan Redux untuk mengelola data relasional secara efisien.
Fungsi Pemilih Redux : Membuat fungsi pemilih dalam aplikasi Redux untuk mengambil dan menghitung status turunan secara efisien.
Status Redux Immutable : Pastikan status penyimpanan Redux tetap tidak dapat diubah untuk mencegah mutasi yang tidak diinginkan.
Persistensi Redux : Menerapkan persistensi status dalam aplikasi Redux, memungkinkan status disimpan dan dipulihkan di seluruh sesi.
Pengujian Redux : Tulis pengujian unit untuk tindakan, reduksi, dan penyeleksi Redux menggunakan pustaka pengujian seperti Jest.
Pengujian Redux Middleware : Uji middleware Redux, seperti Thunk atau Saga, untuk memastikan perilaku yang benar.
Redux DevTools : Integrasikan dan gunakan Redux DevTools untuk memeriksa dan men-debug penyimpanan Redux.
Integrasi Redux dengan React : Hubungkan aplikasi React ke toko Redux, kirimkan tindakan, dan petakan status ke props.
Integrasi Redux dengan Angular : Integrasikan Redux dengan aplikasi Angular menggunakan perpustakaan seperti NgRx.
Integrasi Redux dengan Vue.js : Integrasikan Redux dengan aplikasi Vue.js menggunakan perpustakaan seperti Vuex.
Komponen Angular : Buat komponen Angular sederhana dan tampilkan dalam template.
Sintaks Templat Angular : Gunakan sintaksis templat Angular untuk merender konten dan data dinamis.
Pengikatan Dua Arah Sudut : Menerapkan pengikatan data dua arah di Angular untuk menyinkronkan data antara komponen dan templatnya.
Arahan Sudut : Gunakan arahan Angular bawaan dan khusus untuk memanipulasi DOM dan mengontrol rendering.
Layanan Angular : Membuat dan menggunakan layanan Angular untuk berbagi data dan logika antar komponen.
Injeksi Ketergantungan Sudut : Terapkan injeksi ketergantungan di Angular untuk memasukkan layanan ke dalam komponen.
Perutean Sudut : Mengatur perutean dalam aplikasi Angular dengan berbagai tampilan dan navigasi.
Formulir Sudut : Buat formulir dalam Angular, termasuk formulir berbasis templat dan reaktif.
Permintaan HTTP di Angular : Membuat permintaan HTTP untuk mengambil data dari API di aplikasi Angular.
Angular Observables : Gunakan observable dan pustaka RxJS untuk bekerja dengan data asinkron di Angular.
Angular Pipes : Buat pipa khusus di Angular untuk mengubah dan memformat data dalam templat.
Arahan Sudut : Kembangkan arahan Angular khusus untuk menambahkan perilaku dan interaktivitas ke elemen.
Modul Angular : Atur aplikasi Angular ke dalam modul fitur untuk meningkatkan kemudahan pemeliharaan.
Angular Animation : Mengimplementasikan animasi dan transisi dalam komponen Angular menggunakan fitur animasi Angular.
Pengujian Unit di Angular : Tulis pengujian unit untuk komponen, layanan, dan pipa Angular menggunakan kerangka pengujian seperti Jasmine dan Karma.
Pengujian End-to-End di Angular : Lakukan pengujian end-to-end (E2E) pada aplikasi Angular menggunakan alat seperti Busur Derajat.
Penjaga Perutean Sudut : Buat penjaga perutean di Angular untuk mengontrol akses ke rute berdasarkan kondisi seperti otentikasi.
Angular Interceptors : Menerapkan interseptor di Angular untuk menambahkan penanganan kesalahan global, logging, atau otentikasi ke permintaan HTTP.
Rendering Sisi Server (SSR) dengan Angular : Siapkan rendering sisi server (SSR) untuk aplikasi Angular.
Internasionalisasi Angular (i18n) : Menerapkan internasionalisasi dan lokalisasi dalam aplikasi Angular.
Angular Lazy Loading : Mengoptimalkan aplikasi Angular dengan modul fitur yang memuat lambat.
Formulir Kustom Angular : Membuat kontrol dan validator formulir kustom di Angular untuk skenario formulir yang kompleks.
Praktik Terbaik Pengujian Sudut : Menerapkan praktik terbaik untuk menguji aplikasi Angular, termasuk pengujian komponen dan dependensi tiruan.
Angular Material : Mengintegrasikan dan menggunakan komponen dan gaya Angular Material dalam aplikasi Angular.
Angular State Management : Menerapkan manajemen status dalam aplikasi Angular menggunakan perpustakaan seperti NgRx.
Instance Vue.js : Membuat instance Vue.js dan merender data dalam template.
Pengikatan Data Vue.js : Menerapkan pengikatan data di Vue.js untuk memperbarui UI berdasarkan perubahan data.
Petunjuk Vue.js : Gunakan arahan Vue.js untuk memanipulasi DOM dan menambahkan perilaku ke templat.
Komponen Vue.js : Membuat komponen Vue.js dan meneruskan data antara komponen induk dan anak.
Penanganan Peristiwa Vue.js : Menangani peristiwa pengguna di komponen Vue.js dan memicu tindakan.
Formulir Vue.js : Buat formulir di Vue.js dan kelola data formulir menggunakan arahan dan metode.
Perutean Vue.js : Mengatur perutean dalam aplikasi Vue.js dengan berbagai tampilan dan navigasi.
Vue.js State Management : Kelola status aplikasi di Vue.js menggunakan Vuex.
Permintaan HTTP Vue.js : Membuat permintaan HTTP untuk mengambil data dari API di aplikasi Vue.js.
Vue.js Lifecycle Hooks : Memanfaatkan lifecycle hooks Vue.js untuk melakukan tindakan pada berbagai tahapan siklus hidup komponen.
Petunjuk Khusus Vue.js : Buat arahan khusus di Vue.js untuk memperluas fungsionalitas.
Filter Vue.js : Tentukan dan gunakan filter khusus di Vue.js untuk memformat dan mengubah data dalam templat.
Transisi dan Animasi Vue.js : Tambahkan transisi dan animasi ke komponen Vue.js untuk efek UI yang halus.
Pengujian Unit Vue.js : Tulis pengujian unit untuk komponen Vue.js menggunakan pustaka pengujian seperti Jest.
Pengujian End-to-End Vue.js : Lakukan pengujian end-to-end (E2E) pada aplikasi Vue.js menggunakan alat seperti Cypress.
Vue.js Routing Guards : Buat penjaga routing di Vue.js untuk mengontrol akses ke rute berdasarkan kondisi seperti otentikasi.
Vue.js Server-Side Rendering (SSR) : Menyiapkan server-side rendering (SSR) untuk aplikasi Vue.js.
Internasionalisasi Vue.js (i18n) : Menerapkan internasionalisasi dan lokalisasi dalam aplikasi Vue.js.
Vue.js Lazy Loading : Mengoptimalkan aplikasi Vue.js dengan memuat komponen dan rute dengan lambat.
Vue.js Composition API : Kembangkan komponen menggunakan Vue.js Composition API untuk kode yang lebih fleksibel dan dapat digunakan kembali.
Petunjuk Khusus Vue.js : Buat arahan khusus di Vue.js untuk memperluas fungsionalitas.
Filter Vue.js : Tentukan dan gunakan filter khusus di Vue.js untuk memformat dan mengubah data dalam templat.
Transisi dan Animasi Vue.js : Tambahkan transisi dan animasi ke komponen Vue.js untuk efek UI yang halus.
Pengujian Unit Vue.js : Tulis pengujian unit untuk komponen Vue.js menggunakan pustaka pengujian seperti Jest.
Pengujian End-to-End Vue.js : Lakukan pengujian end-to-end (E2E) pada aplikasi Vue.js menggunakan alat seperti Cypress.
Vue.js Routing Guards : Buat penjaga routing di Vue.js untuk mengontrol akses ke rute berdasarkan kondisi seperti otentikasi.
Vue.js Server-Side Rendering (SSR) : Menyiapkan server-side rendering (SSR) untuk aplikasi Vue.js.
Internasionalisasi Vue.js (i18n) : Menerapkan internasionalisasi dan lokalisasi dalam aplikasi Vue.js.
Vue.js Lazy Loading : Mengoptimalkan aplikasi Vue.js dengan memuat komponen dan rute secara lambat.
Vue.js Composition API : Kembangkan komponen menggunakan Vue.js Composition API untuk kode yang lebih fleksibel dan dapat digunakan kembali.
