EJS+NestJS Full Stack Web Programming: Intermediate

________________________________________
คำโปรยหนังสือ
การพัฒนาเว็บแอปพลิเคชันที่ "ใช้งานได้" นั้นไม่ยาก
แต่การพัฒนาเว็บแอปพลิเคชันที่ "ใช้งานได้ดี ดูเป็นมืออาชีพ และพร้อมใช้งานจริงในระบบ Production" คือสิ่งที่ท้าทายอย่างแท้จริง
EJS + NestJS Full Stack Web Programming: Intermediate คือหนังสือที่ออกแบบมาเพื่อนักพัฒนาที่มีพื้นฐาน NestJS และการทำ Server-side Rendering มาแล้ว และต้องการยกระดับงานของตนให้ครบถ้วนในเชิงโครงสร้าง ประสบการณ์ผู้ใช้ และคุณภาพของระบบโดยรวม หนังสือเล่มนี้จะพาคุณก้าวข้ามการเขียนเว็บแบบพื้นฐาน ไปสู่การออกแบบเว็บแอปพลิเคชันที่คิดถึง "ทุกสถานะของผู้ใช้" อย่างรอบด้าน
คุณจะได้เรียนรู้การทำงานร่วมกันของ NestJS และ EJS Template Engine ในบริบทของ Full Stack อย่างแท้จริง ตั้งแต่การออกแบบหน้าแสดงผล ไปจนถึงการจัดการสถานการณ์ที่มักเกิดขึ้นในระบบจริง แต่ถูกมองข้ามอยู่เสมอ ไม่ว่าจะเป็นหน้า Error ที่เป็นมิตร การสื่อสารสถานะของระบบ หรือการแสดงผลในช่วงที่ข้อมูลยังไม่พร้อมใช้งาน
เนื้อหาในเล่มจะเน้นหัวข้อเชิงประยุกต์ เช่น
การสร้าง Custom Error Page ที่ไม่ใช่เพียงหน้าข้อผิดพลาดธรรมดา แต่เป็นส่วนหนึ่งของภาพลักษณ์ระบบ การจัดการ 404 และ 500 View อย่างเป็นระบบผ่านโครงสร้างของ NestJS รวมถึงการออกแบบ Flash Message เพื่อสื่อสารผลลัพธ์การทำงานกับผู้ใช้ได้อย่างชัดเจนและกระชับ
นอกจากนี้ หนังสือยังให้ความสำคัญกับรายละเอียดด้านประสบการณ์ผู้ใช้ เช่น Empty State สำหรับกรณีที่ข้อมูลยังไม่พร้อม หรือไม่มีข้อมูลใด ๆ ให้แสดง และ Loading State ในรูปแบบ Server-side Rendering ซึ่งเป็นหัวข้อสำคัญสำหรับเว็บที่เน้นความเร็ว ความชัดเจน และความเข้าใจง่ายของผู้ใช้งาน
หนังสือเล่มนี้เหมาะสำหรับ
นักพัฒนาเว็บระดับ Intermediate, นักพัฒนา Back-end ที่ต้องการเข้าใจการเรนเดอร์ฝั่ง Server อย่างลึกซึ้ง รวมถึงผู้ที่ต้องการสร้างเว็บแอปพลิเคชันด้วย NestJS และ EJS ให้พร้อมใช้งานในโลกจริง ไม่ใช่เพียงแค่ตัวอย่างเพื่อการเรียนรู้
หากคุณต้องการพัฒนาเว็บที่ "ไม่พังเมื่อเกิดข้อผิดพลาด"
"ไม่ปล่อยให้ผู้ใช้สับสนเมื่อไม่มีข้อมูล"
และ "สื่อสารกับผู้ใช้ได้อย่างมืออาชีพในทุกสถานะของระบบ"
หนังสือเล่มนี้คือคำตอบของคุณ
________________________________________
สารบัญ
หน้า
บทที่ 1 การออกแบบ Custom Error Page ใน NestJS และ EJS ........................................ 1
• แนวคิดของ Custom Error Page
• การจัดการ Error ผ่าน Exception Filter
• การเชื่อม Error กับ EJS View
• การออกแบบ Error Page ให้สอดคล้องกับระบบ
บทที่ 2 การจัดการ 404 และ 500 View อย่างเป็นระบบ .................................................. 25
• ความแตกต่างระหว่าง 404 และ 500
• การจัดการ Routing Error
• การสร้าง View สำหรับ Error แต่ละประเภท
• Best Practice สำหรับ Error Handling
บทที่ 3 Flash Message กับการสื่อสารสถานะของระบบ .................................................. 49
• แนวคิดของ Flash Message
• การใช้งาน Session ใน NestJS
• การส่งข้อความจาก Controller ไปยัง View
• การออกแบบ Flash Message ให้เหมาะกับ UX
บทที่ 4 Empty State: เมื่อข้อมูลยังไม่พร้อมใช้งาน ...................................................... 73
• Empty State คืออะไร
• ประเภทของ Empty State
• การออกแบบ Empty State ใน EJS
• ตัวอย่างการใช้งานในระบบจริง
บทที่ 5 Loading State แบบ Server-side Rendering ..................................................... 97
• ความแตกต่างของ Loading State ระหว่าง SSR และ CSR
• การจัดการ Loading State ฝั่ง Server
• รูปแบบการแสดง Loading ที่เหมาะสม
• UX Consideration สำหรับ SSR
________________________________________