Soalan Temuduga Biasa JavaScript dan React.js

Modul 1: Asas Pengaturcaraan & Aptitud

Soalan Asas:

1. Apakah pembolehubah, dan mengapa ia penting dalam pengaturcaraan?
2. Terangkan perbezaan antara gelung while dan for.
3. Apakah itu subarray? Berikan contoh.
4. Tentukan kerumitan masa dan terangkan tatatanda Big-O.
5. Apakah pemalar, dan bagaimanakah ia berbeza daripada pembolehubah?
6. Terangkan perbezaan antara nilai lulus dan rujukan lulus dengan contoh.
7. Bagaimanakah anda mengira kerumitan masa gelung?

Soalan Berasaskan Senario:

1. Bagaimanakah anda akan mengoptimumkan gelung bersarang jika anda menghadapi masalah prestasi?
2. Terangkan situasi di mana anda akan memilih ulangan daripada lelaran.
3. Memandangkan tatasusunan yang diisih, bagaimanakah anda boleh mencari dengan cekap jika nombor wujud di dalamnya?
4. Jika anda perlu memproses tatasusunan yang besar dengan berjuta-juta elemen, bagaimanakah anda akan meminimumkan penggunaan memori?
5. Diberi nombor, tentukan sama ada ia nombor perdana tanpa menggunakan fungsi perpustakaan.
6. Anda perlu mereka bentuk algoritma untuk mencari elemen kedua terbesar dalam tatasusunan. Bagaimana anda akan mendekati perkara ini?

Cabaran Pengekodan:

1. Tulis atur cara untuk mencari jumlah maksimum subarray menggunakan algoritma Kadane.
2. Diberi dua nombor, tulis fungsi untuk menukar nilainya tanpa menggunakan pembolehubah ketiga.
3. Laksanakan fungsi untuk mengira pemfaktoran nombor menggunakan kedua-dua rekursi dan lelaran.
4. Tulis atur cara untuk menyemak sama ada rentetan yang diberikan ialah palindrom.
5. Laksanakan fungsi untuk memutar tatasusunan ke kanan dengan k kedudukan.
6. Tulis fungsi untuk mencari nombor yang hilang dalam tatasusunan integer yang diberikan daripada 1 hingga n.

Modul 2: Struktur & Algoritma Data Asas

** Soalan Asas:**

1. Apakah perbezaan antara Array dan ArrayList?
2. Terangkan cara StringBuilder meningkatkan prestasi berbanding rentetan biasa penyatuan.
3. Apakah kelebihan menggunakan pernyataan suis berbanding if-else?
4. Apakah perbezaan antara Array dan Senarai Terpaut?
5. Terangkan konsep pengisihan. Namakan beberapa algoritma pengisihan biasa.
6. Apakah kelebihan menggunakan StringBuffer berbanding String dalam Java?

** Soalan Berasaskan Senario:**

1. Memandangkan senarai nama, bagaimana anda mengisihnya mengikut abjad menggunakan algoritma anda sendiri?
2. Jika anda mempunyai fail teks yang besar, bagaimanakah anda boleh mengira kejadian setiap perkataan dengan cekap?
3. Bincangkan cara mengendalikan ingatan apabila berurusan dengan ArrayLists yang berkembang secara dinamik.
4. Bagaimanakah anda mengalih keluar elemen pendua daripada tatasusunan yang tidak diisih?
5. Memandangkan dua tatasusunan yang diisih, tulis fungsi untuk menggabungkannya menjadi satu tatasusunan yang diisih.
6. Jika anda diberi tatasusunan diisih yang diputar pada pangsi yang tidak diketahui, bagaimanakah anda akan mencari elemen dengan cekap?

Cabaran Pengekodan:

1. Tulis atur cara untuk membalikkan rentetan tanpa menggunakan fungsi terbina dalam.
2. Laksanakan isihan gelembung untuk mengisih tatasusunan integer.
3. Diberi perenggan, tulis fungsi untuk mencari perkataan yang paling kerap muncul.
4. Laksanakan fungsi untuk menyemak sama ada dua rentetan adalah anagram antara satu sama lain.
5. Tulis atur cara untuk mencari aksara tidak berulang pertama dalam rentetan.
6. Bangunkan fungsi untuk melaksanakan isihan sisipan pada tatasusunan integer.

Modul 3: Pengenalan kepada HTML & CSS

Soalan Asas:

1. Apakah perbezaan antara elemen peringkat blok dan sebaris dalam HTML?
2. Terangkan Model Kotak dalam CSS.
3. Apakah tujuan menggunakan Bootstrap dalam pembangunan web?
4. Apakah elemen HTML semantik, dan mengapa ia penting?
5. Bagaimanakah sifat kedudukan berfungsi dalam CSS? Terangkan statik, relatif, mutlak dan tetap.
6. Apakah perbezaan antara id dan kelas dalam HTML/CSS?

Soalan Berasaskan Senario:

1. Bagaimanakah anda mereka bentuk reka letak responsif untuk halaman web?
2. Memandangkan borang dengan beberapa input, bagaimana anda akan menggayakannya untuk kebolehgunaan dan kebolehaksesan?
3. Bincangkan bagaimana anda akan nyahpepijat peraturan CSS yang tidak digunakan seperti yang diharapkan.
4. Bagaimanakah anda membuat bar navigasi responsif menggunakan HTML dan CSS?
5. Terangkan kaedah untuk memusatkan div secara menegak dan mendatar dalam elemen induk.
6. Anda perlu menggayakan jadual supaya baris berselang-seli mempunyai warna yang berbeza. Bagaimanakah anda melakukan ini dalam CSS?

Cabaran Pengekodan:

1. Buat halaman web ringkas dengan bar navigasi, bahagian kandungan dan pengaki menggunakan HTML dan CSS.
2. Bina borang dengan pengesahan input menggunakan atribut HTML dan gaya CSS.
   1. Reka bentuk reka letak grid responsif menggunakan Flexbox atau Grid CSS.
3. Buat halaman web dengan borang hubungan yang menggunakan pengesahan HTML5 yang betul.
4. Reka bentuk halaman blog ringkas dengan pengepala, bahagian kandungan dan pengaki menggunakan HTML dan CSS.
5. Bina reka letak grid responsif dengan tiga lajur yang disusun secara menegak pada skrin kecil.

Modul 4: Javascript Asas

Soalan Asas:

1. Apakah perbezaan antara var, let dan const dalam JavaScript?
2. Terangkan cara JavaScript mengendalikan operasi tak segerak.
3. Apakah Model Objek Dokumen (DOM)?
4. Apakah jenis data JavaScript? Berikan contoh setiap satu.
5. Terangkan konsep kejadian menggelegak dan cara mencegahnya.
6. Apakah perbezaan antara undefined dan null dalam JavaScript? Soalan Berasaskan Senario:
7. Bagaimanakah anda mengendalikan situasi di mana klik butang mencetuskan berbilang acara?
8. Bincangkan cara anda mengambil data daripada API dan memaparkannya pada halaman web.
9. Terangkan cara anda mengurus ralat dalam kod tak segerak.
10. Bagaimanakah anda akan melaksanakan fungsi untuk mengesahkan kata laluan yang memenuhi kriteria tertentu (panjang, aksara khas, dll.)?
11. Bincangkan cara anda mengendalikan senario apabila panggilan API gagal.
12. Bagaimanakah anda membuat menu lungsur turun yang dibuka dan ditutup pada klik menggunakan JavaScript?

Cabaran Pengekodan:

1. Tulis atur cara untuk mengira bilangan vokal dalam rentetan tertentu.
2. Laksanakan fungsi untuk meratakan tatasusunan integer bersarang.
3. Bina aplikasi senarai tugasan yang mudah dengan fungsi tambah dan padam.
4. Tulis fungsi untuk mengalih keluar semua pendua daripada tatasusunan integer.
5. Buat aplikasi jam randik yang ringkas menggunakan JavaScript.
6. Laksanakan fungsi untuk mencari perkataan terpanjang dalam ayat tertentu.

Modul 5: JavaScript Lanjutan

** Soalan Asas:**

1. Apakah penutupan dalam JavaScript? Berikan contoh.
2. Terangkan konsep pewarisan prototaip.
3. Apakah perbezaan antara kod segerak dan tak segerak?
4. Apakah objek Peta dan Tetapkan dalam JavaScript, dan bagaimanakah ia berbeza daripada objek dan tatasusunan biasa?
5. Terangkan kata kunci ini dalam JavaScript. Bagaimanakah ia berkelakuan dalam konteks yang berbeza?
6. Apakah perbezaan antara kaedah apply(), call() dan bind()?

Soalan Berasaskan Senario:

1. Bagaimanakah anda mengendalikan senario di mana berbilang API perlu dipanggil mengikut turutan?
2. Bincangkan cara anda mengoptimumkan pangkalan kod JavaScript yang besar untuk prestasi.
3. Terangkan cara anda menggunakan localStorage atau sessionStorage untuk mengurus data pengguna.
4. Bagaimanakah anda akan melaksanakan fungsi untuk mendikit atau menyahlantunkan panggilan API yang kerap dalam aplikasi web?
5. Anda ditugaskan untuk mereka bentuk komponen lungsur turun yang boleh diguna semula. Bagaimanakah anda akan menggunakan ciri ES6 untuk melaksanakannya?
6. Terangkan cara anda mengendalikan data yang diambil daripada API di mana satu panggilan bergantung pada hasil panggilan yang lain.

Cabaran Pengekodan:

1. Tulis fungsi untuk mengklon dalam objek JavaScript.
2. Laksanakan fungsi berasaskan janji untuk mensimulasikan panggilan API.
3. Bina apl cuaca ringkas menggunakan data daripada API awam.
4. Tulis fungsi yang meratakan tatasusunan integer bersarang dalam.
5. Laksanakan sistem asas pub-sub (publish-subscribe) dalam JavaScript.
6. Buat fungsi yang melaksanakan versi mudah kaedah Promise.all.

Modul 6: React & Redux

Soalan Asas:

1. Apakah perbezaan antara keadaan dan prop dalam React?
2. Terangkan aliran data Redux.
3. Bagaimana anda mengendalikan borang dalam React?
4. Apakah itu JSX, dan bagaimana ia berbeza daripada JavaScript biasa?
5. Terangkan kaedah kitaran hayat komponen kelas React.
6. Bagaimana anda menguruskan kesan sampingan dalam aplikasi React?

Soalan Berasaskan Senario:

1. Bagaimanakah anda akan mengoptimumkan aplikasi React dengan komponen pemaparan perlahan?
2. Bincangkan cara anda melaksanakan pengesahan dalam apl React-Redux.
3. Bagaimanakah anda mengurus keadaan global dalam aplikasi React yang besar?
4. Bagaimanakah anda akan mengoptimumkan komponen React yang menghasilkan senarai item yang besar?
5. Bincangkan cara anda mengendalikan pengesahan pengguna dalam aplikasi React-Redux.
6. Bagaimanakah anda memfaktorkan semula komponen dengan keadaan yang berlebihan dan bersandar kepada struktur yang lebih mudah diurus?

Cabaran Pengekodan:

1. Bina apl pembilang ringkas dengan butang kenaikan dan pengurangan menggunakan React.
2. Laksanakan senarai tugasan dengan Redux untuk pengurusan negeri.
3. Buat apl React dengan penghalaan untuk sekurang-kurangnya tiga halaman.
4. Buat apl React untuk memaparkan senarai item yang diambil daripada API.
5. Laksanakan komponen pembilang dengan kefungsian kenaikan, pengurangan dan penetapan semula menggunakan React dan Redux.
6. Bina apl carian filem ringkas yang mengambil hasil daripada API berdasarkan input pengguna.

Modul 7: Pembangunan Bahagian Belakang dalam Node.js

Soalan Asas:

1. Apakah perbezaan antara permintaan GET dan POST?
2. Terangkan perisian tengah dalam Node.js. 3.Apakah itu MongoDB, dan mengapakah ia biasa digunakan dalam pembangunan web?
3. Apakah perbezaan antara kod menyekat dan tidak menyekat dalam Node.js?
4. Terangkan konsep perisian tengah dalam Express.js.
5. Apakah itu REST API? Apa bezanya dengan SOAP?

Soalan Berasaskan Senario:

1. Bagaimana anda mengendalikan ralat dalam API REST?
2. Bincangkan bagaimana anda akan melaksanakan penomboran untuk pertanyaan pangkalan data.
3. Terangkan cara anda mereka bentuk sistem pengesahan pengguna dengan JWT.
4. Bagaimanakah anda melindungi API REST untuk menghalang akses tanpa kebenaran?
5. Anda perlu mengendalikan muat naik fail dalam aplikasi Node.js. Bagaimana anda akan mendekati perkara ini?
6. Terangkan cara anda mereka bentuk API untuk mengambil data bernombor daripada pangkalan data.

Cabaran Pengekodan:

1. Bina REST API untuk mengurus senarai tugasan.
2. Tulis skrip Node.js untuk membaca dan menulis data ke koleksi MongoDB.
3. Laksanakan perisian tengah untuk log butiran permintaan untuk pelayan Express.
4. Bina API Ekspres dengan operasi CRUD untuk mengurus senarai tugas.
5. Laksanakan perisian tengah untuk melog semua permintaan masuk dengan cap masa.
6. Buat titik akhir API yang menerima parameter pertanyaan dan mengembalikan data yang ditapis daripada koleksi MongoDB.

Modul 8: Projek Capstone

Soalan Asas:

1. Apakah pertimbangan utama semasa membina aplikasi tindanan penuh?
2. Terangkan cara anda menggunakan aplikasi web.
3. Apakah beberapa cabaran biasa dalam menyepadukan bahagian hadapan dan bahagian belakang?
4. Apakah cabaran yang anda jangkakan apabila menyepadukan sistem bahagian hadapan dan bahagian belakang?
5. Bagaimana anda memutuskan pangkalan data (SQL atau NoSQL) yang hendak digunakan untuk projek?
6. Apakah alatan atau rangka kerja yang akan anda gunakan untuk menggunakan aplikasi tindanan penuh?

Soalan Berasaskan Senario:

1. Bagaimanakah anda menyahpepijat isu apabila panggilan API bahagian hadapan mengembalikan ralat yang tidak dijangka?
2. Bincangkan cara anda melaksanakan pemberitahuan masa nyata dalam apl tindanan penuh.
3. Terangkan bagaimana anda akan menskalakan aplikasi anda untuk mengendalikan peningkatan trafik.
4. Bagaimanakah anda menyahpepijat isu perkongsian sumber silang (CORS) dalam aplikasi anda?
5. Bincangkan cara anda mengendalikan kemas kini masa nyata dalam aplikasi kerjasama.
6. Terangkan cara anda mengurus pembolehubah persekitaran untuk peringkat penggunaan yang berbeza (pembangunan, pementasan, pengeluaran).

Cabaran Pengekodan:

1. Bina apl e-dagang tindanan penuh dengan fungsi penyenaraian produk, troli dan pembayaran.
2. Buat platform blog dengan ciri pengesahan pengguna, pembuatan siaran dan ulasan.
3. Bangunkan apl pengurusan tugasan dengan ciri seperti peranan pengguna, tugasan tugasan dan penjejakan kemajuan.
4. Buat platform blog yang membolehkan pengguna membuat, mengedit, memadam dan melihat siaran. Sertakan bahagian belakang untuk menyimpan siaran dan bahagian hadapan untuk memaparkannya.
5. Bina tapak e-dagang asas dengan pengesahan pengguna, penyenaraian produk dan troli beli-belah.
6. Membangunkan aplikasi pengurusan tugasan dengan akses berasaskan peranan dan kemas kini masa nyata menggunakan WebSockets.

Atas ialah kandungan terperinci Soalan Temuduga Biasa JavaScript dan React.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!