คอร์สสัมภาษณ์ Frontend

สัมภาษณ์ Frontend ครอบคลุม JavaScript HTML CSS React เบราว์เซอร์ ประสิทธิภาพ การเข้าถึง และความปลอดภัย ต้องอธิบายแนวคิด เขียนโค้ด และแก้ปัญหา UI เริ่มจาก JavaScript แล้ว HTML และ CSS React สุดท้ายเหตุการณ์ ประสิทธิภาพ และความปลอดภัย อธิบาย event loop key ของ React และ Core Web Vitals คอร์สนี้แบ่งห้าบทเรียนพร้อมข้อสอบต้นฉบับ 60 ข้อ

สัมภาษณ์ JavaScript เริ่มจากพื้นฐาน closure hoisting strict equality promise event loop และเมธอดอาร์เรย์ closure เก็บ scope ด้านนอก === หลีกเลี่ยงการแปลงชนิด promise แทน async event loop รัน microtask map filter reduce สำคัญ ฟังก์ชันบริสุทธิ์ไม่มีผลข้างเคียง และ immutability สร้างค่าใหม่

HTML เชิงความหมายช่วยการเข้าถึงและ SEO Specificity กำหนด CSS ที่ชนะ Box model คือ content padding border margin Flexbox หนึ่งมิติ Grid สองมิติ rem อิง root em อิง parent vw ความกว้างวิวพอร์ต vh ความสูง Media query ทำให้ responsive position fixed ใช้วิวพอร์ต และ border-box รวม padding

React ครอบคลุมคอมโพเนนต์ props state hook และการเรนเดอร์ useState useEffect useMemo เป็น hook หลัก Virtual DOM และ reconciliation เพิ่มประสิทธิภาพ รายการต้องมี key เบราว์เซอร์ครอบคลุม DOM เหตุการณ์ event loop microtask cookie Delegation ใช้ listener ที่พ่อแม่ stopPropagation หยุด bubbling preventDefault หยุดการกระทำ

คำถามประสิทธิภาพต้องการหน้าเว็บที่เร็วขึ้น Debouncing หน่วง Throttling จำกัด Lazy loading รอโหลด Core Web Vitals LCP INP CLS การเข้าถึง HTML เชิงความหมาย ARIA คีย์บอร์ด ความปลอดภัย XSS CSP CORS ตอบแบบมีโครงสร้าง ปัญหา เมตริก สาเหตุ วิธีแก้