Web Technology — DII 960121

สรุปตาม exam guidelines 7 หัวข้อ + ตัวอย่างโค้ด + แบบทดสอบ 3 รูปแบบ

เริ่มต้นที่นี่

สรุปจากสไลด์ 7 session ของวิชา DII 960121 Digital Industry Process จัดกลุ่มใหม่ให้ตรงกับ exam guidelines ทั้ง 7 หัวข้อ ทุกหน้ามีแบบทดสอบท้ายบท ตรวจได้ทันทีในเบราว์เซอร์

รูปแบบข้อสอบ

รายการรายละเอียด
จำนวนข้อปรนัย 35 ข้อ + อัตนัย 3 ข้อ
คะแนน70 คะแนน คิดเป็นสัดส่วน 20
จำนวนหน้า17 หน้า (รวมใบปะหน้า)
อุปกรณ์ปากกา/ดินสอ 2B — ห้ามใช้หนังสือ เอกสาร เครื่องคำนวณ ยกเว้นพจนานุกรมที่อนุญาต
กลยุทธ์เตรียมสอบตาม guidelines — 4 ข้อ
  1. Architecture First — ข้อสอบวัดความเข้าใจ flow ทั้งระบบ ไม่ใช่ syntax เดี่ยว ๆ ต้องมองว่า UI, middleware, routing และ database คุยกันอย่างไร
  2. วาด UML ด้วยมือให้เป็น — lifeline, execution box, provided/required interface, alt/opt frame ต้องวาดได้สะอาด
  3. คิดแบบ Security Gatekeeper — เห็นโค้ดต้องประเมินทันทีเรื่อง input sanitization, token auth และ HTTP status ที่เหมาะสม
  4. ตอบอัตนัยเป็นขั้นตอน — ห้ามตอบคำเดียว ต้องบอก ปัญหา → สาเหตุทางเทคนิค → ผลกระทบต่อระบบ → วิธีแก้เชิงสถาปัตยกรรม

7 หัวข้อ

1. Tiered Architecture & HTTP

Presentation / Logic / Persistence layer, client-server, request-response cycle, HTTP method และ status code

เข้าเรียน

2. UML & System Design

Sequence diagram (lifeline, activation, alt/opt), Use Case (include vs extend), Component diagram, Activity diagram

เข้าเรียน

3. Client-Side & State

DOM tree, Event-Driven Architecture, event delegation, debouncing, localStorage vs sessionStorage, rehydration, XSS

เข้าเรียน

4. REST API & Routing

หลัก REST, statelessness, resource URI, Express routing, express.json(), RegEx validation ฝั่ง server

เข้าเรียน

5. Security & Auth

AuthN vs AuthZ, hashing vs encryption, JWT lifecycle, Bearer header, user enumeration

เข้าเรียน

6. Database & Transactions

PK/FK, 1:N และ M:N ผ่าน junction table, SQL injection กับ parameterized query, ACID และ rollback

เข้าเรียน

7. Microservices & Scaling

Monolith vs microservices, shared fate, horizontal vs vertical scaling, service boundary, API contract

เข้าเรียน

Cheat sheet

ตารางรวม HTTP status, สัญลักษณ์ UML, คำสั่งที่ต้องจำ และกับดักข้อสอบ

เปิดดู

แบบทดสอบมี 3 แบบ

แบบทำอะไรการตรวจ
multiple choiceเลือก 1 ตัวเลือกจาก 4 — เหมือนปรนัย 35 ข้อในข้อสอบเทียบตัวเลือกที่ถูก
เติมคำตอบพิมพ์ status code, ชื่อ header, ชื่อ patternไม่สนตัวพิมพ์เล็กใหญ่
codingเขียน JS / Express / SQL ในกล่องโค้ดตรวจโครงสร้างคำสั่ง ไม่สนการเว้นบรรทัด
ข้อสอบจริงมีอัตนัย 3 ข้อด้วย — ในแต่ละหน้าจะมีกล่อง "แนวข้อสอบอัตนัย" พร้อมโครงคำตอบ 4 ขั้นตอนให้ฝึกเขียน