Pengembang WebJawaban Wawancara

Stack utama saya ialah [React atau Next.js untuk frontend, Node.js/Express atau Python untuk backend, PostgreSQL untuk data berelasi, dan dideploy di AWS/Vercel]. Saya memilihnya berdasarkan kematangan ekosistem, permintaan pasaran kerja, dan projek peribadi di mana saya dapat mengesahkan kemahiran saya. Saya juga selesa dengan [Vue, Angular, Django — tambahkan sebarang pengalaman sekunder]. Saya memilih teknologi secara pragmatik: alat yang betul untuk keperluan projek, kemahiran pasukan, dan keperluan penyelenggaraan jangka panjang — bukan framework yang paling popular di HackerNews.

Saya mensasarkan Core Web Vitals sebagai metrik prestasi utama: LCP (Largest Contentful Paint) di bawah 2.5s, INP di bawah 200ms, CLS hampir sifar. Saya mengoptimumkan imej (format WebP/AVIF, saiz yang betul, pemuatan malas), meminimumkan saiz bundle JavaScript (code splitting, tree shaking), memanfaatkan caching pelayar, menggunakan CDN untuk aset statik, dan menghapuskan sumber yang menghalang render. Saya mengukur prestasi menggunakan Lighthouse dan PageSpeed Insights sebelum dan selepas pengoptimuman. Prestasi adalah satu ciri — laman laju mempunyai kedudukan lebih baik, menukar lebih baik, dan mengekalkan pengguna dengan lebih baik.

Saya mengikuti OWASP Top 10 sebagai asas keselamatan: pengesahan input untuk mengelakkan XSS dan serangan suntikan, HTTPS di mana-mana, pengesahan selamat (penghashan kuat untuk kata laluan, token CSRF, had kadar), konfigurasi CORS yang betul, dan pengurusan pergantungan (mengaudit secara berkala dengan npm audit atau Snyk). Saya tidak pernah menyimpan data sensitif secara tidak perlu dan menyulitkan apa yang saya simpan. Saya menganggap keselamatan sebagai amalan berterusan, bukan fasa projek — pemeriksaan keselamatan automatik dalam CI menangkap regresi sebelum sampai ke produksi.

Saya mereka bentuk mobile-first: bermula dengan viewport terkecil dan meningkatkan secara progresif untuk skrin yang lebih besar. Saya menggunakan CSS Grid dan Flexbox untuk susun atur fleksibel, unit relatif (rem, %, clamp()) untuk kebolehskaan, dan media queries untuk pelarasan pada titik henti tertentu. Saya menguji pada peranti sebenar bersama emulasi Chrome DevTools — emulasi berguna tetapi bukan pengganti. Saya juga mengambil kira interaksi sentuh (saiz sasaran ketuk minimum 44px, pengendalian keadaan hover yang sesuai) dan keterbacaan fon merentas saiz skrin. Reka bentuk responsif adalah tentang pengalaman yang baik pada mana-mana peranti, bukan sekadar memuatkan pada skrin.

Saya telah bekerja dengan WordPress (pembangunan tema tersuai, pembangunan plugin, REST API), Contentful, Sanity, dan Strapi sebagai pilihan headless CMS. Saya memilih CMS berdasarkan keupayaan pengurusan kandungan klien, keperluan prestasi, dan kompleksiti model kandungan. Untuk laman pemasaran di mana penyunting bukan teknikal memerlukan kawalan, headless CMS dipasangkan dengan static site generator atau Next.js menawarkan prestasi yang sangat baik dan fleksibiliti editorial. Saya sentiasa mereka bentuk model kandungan untuk menyamai aliran kerja editorial, bukan hanya keselesaan teknikal.

Saya menggunakan alat pengurusan projek (Linear, Trello, Notion) untuk menjejak semua tugas dengan pemilikan dan tarikh akhir yang jelas. Saya menetapkan skop kerja yang jelas dan proses permintaan perubahan pada permulaan — perluasan skop adalah punca utama projek melebihi bajet dan lewat. Saya berkomunikasi secara proaktif: kemas kini kemajuan mingguan, amaran awal untuk penghalang, dan penghantaran berperingkat (mockup, laman staging, akhir) yang membolehkan maklum balas sebelum produk akhir. Saya mengatur deployment berperingkat — dev, staging, production — supaya tiada yang tidak diuji sampai ke laman langsung.

Git adalah asas kepada segala yang saya lakukan. Saya menggunakan feature branches, mesej commit yang deskriptif, dan pull request untuk semua perubahan — walaupun projek solo, kerana ia membina tabiat baik. Dalam persekitaran berpasukan, saya mengikuti conventional commits, memautkan PR kepada isu/tiket, dan memberi ulasan kod yang menyeluruh. Saya selesa dengan strategi Git rebase dan merge. Saya juga mengambil bahagian dalam budaya semakan kod: menyemak kod orang lain adalah salah satu cara terbaik untuk belajar dan salah satu sumbangan paling bernilai yang boleh dibuat pembangun kepada pasukan.

Saya menggunakan Can I Use untuk menyemak sokongan ciri sebelum melaksana dan memutuskan polyfill atau pendekatan alternatif untuk ciri kritikal yang tidak disokong secara meluas. Saya menetapkan polisi sokongan pelayar dengan klien pada permulaan projek — menyokong IE11 mempunyai implikasi kos sebenar. Saya menguji sekurang-kurangnya dalam Chrome, Firefox, Safari, dan Edge. Saya menggunakan autoprefixer untuk prefix vendor CSS dan Babel untuk transpilation JavaScript bila perlu. Saya juga mereka bentuk peningkatan progresif: pengalaman teras berfungsi di semua tempat; ciri dipertingkatkan menambah nilai di mana disokong.