หลักสูตร JavaScript OOP เป็นการอบรมออกแบบโค้ด JavaScript แบบ Object Oriented ตั้งแต่ Prototype และ Class ไปจนถึง Encapsulation, Inheritance, Polymorphism, Composition และหลัก SOLID พร้อม Design Pattern ที่ใช้บ่อย เหมาะกับ Developer ที่เขียน JavaScript ได้แล้วและ Tech Lead ที่ต้องวางโครงสร้างโค้ดของทีม
เมื่อโปรเจกต์ JavaScript โตขึ้น โค้ดที่เขียนเป็นฟังก์ชันต่อกันยาว ๆ มักแก้ยาก ใช้ซ้ำยาก และพังง่ายเมื่อมีคนแก้หลายคน การคิดแบบ Object Oriented ช่วยแบ่งระบบเป็นชิ้นที่มีหน้าที่ชัดเจน ซ่อนรายละเอียดที่ไม่จำเป็น และต่อยอดได้โดยไม่ต้องรื้อของเดิม แนวคิดนี้อยู่เบื้องหลัง Framework และไลบรารีที่นักพัฒนาใช้ทุกวัน
หลักสูตรนี้พาเข้าใจ OOP ในแบบของ JavaScript ซึ่งทำงานบน Prototype ตั้งแต่ Object, Prototype และ this เขียน Class ตามมาตรฐาน ECMAScript ล่าสุด ฝึก Encapsulation ด้วย Private Element, Abstraction, Inheritance และ Polymorphism เลือกใช้ Composition แทนการสืบทอดเมื่อเหมาะสม ออกแบบตามหลัก SOLID และใช้ TypeScript เพิ่ม Interface กับ Abstract Class จากนั้นเรียน Design Pattern ทั้งกลุ่ม Creational, Structural และ Behavioral เขียน Test และ Refactor โค้ดเดิม แล้วปิดท้ายด้วย Capstone ออกแบบระบบด้วย Pattern (อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง ระดับ Intermediate)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร JavaScript OOP อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab ระดับ Intermediate ฉบับนี้ใช้ไวยากรณ์ Class ตามมาตรฐาน ECMAScript ล่าสุด เช่น Private Method, Static Block และการตรวจด้วย #field in obj เพิ่มหลัก SOLID, Composition, Mixin, Class Diagram, TypeScript สำหรับ Interface และ Abstract Class และการเขียน Test และปรับตัวอย่าง Design Pattern
ให้ใช้ ES Modules, EventTarget และ Proxy ยังคงหัวข้อ Design Pattern ครบทั้งกลุ่ม Creational, Structural และ Behavioral หัวข้อ Class และ Prototype ทับซ้อนกับหลักสูตร Advanced JavaScript บางส่วน แต่หลักสูตรนี้เน้นการออกแบบเชิงวัตถุและ Design Pattern ทุก Lab ใช้เครื่องมือโอเพนซอร์สหรือใช้ฟรี ผู้เรียนได้ Lab Guide โค้ดตั้งต้นและโค้ดเฉลยครบทุก Lab และโปรเจกต์ Capstone กลับไปใช้งานต่อ
Section 1: Lab: แนวคิด OOP และเตรียมเครื่องมือ
Section 2: Object, Prototype และ this
Section 3: Lab: Class และ Object
Section 4: Encapsulation
Section 5: Abstraction
Section 6: Lab: Inheritance
Section 7: Polymorphism
Section 8: Composition และ Mixin
Section 9: หลักการ SOLID และ Class Diagram
Section 10: Lab: OOP ด้วย TypeScript
Section 11: Design Pattern และกลุ่ม Creational
Section 12: Lab: Structural Pattern
Section 13: Behavioral Pattern
Section 14: Lab: Test และ Refactor โค้ด OOP
Section 15: Workshop: Capstone ออกแบบระบบด้วย OOP และ Pattern
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
JavaScript เป็นภาษาแบบ Prototype-based คือ Object สืบทอดคุณสมบัติจาก Object ต้นแบบผ่าน Prototype Chain คำสั่ง class จึงเป็นรูปแบบการเขียนที่อ่านง่ายขึ้นซึ่งทำงานบน Prototype เดิม ใช้ constructor กำหนดค่าเริ่มต้น extends กับ super สำหรับการสืบทอด และสมาชิกที่ขึ้นต้นด้วย # สำหรับข้อมูลและเมธอดแบบ private แต่ไม่มี Interface, Abstract Class หรือ Method Overloading แบบ Java จึงใช้ Duck Typing, new.target หรือ TypeScript แทน
วิธีมาตรฐานในปัจจุบันคือประกาศฟิลด์และเมธอดแบบ private ด้วยเครื่องหมาย # ในคลาส ซึ่งโค้ดภายนอกเข้าถึงไม่ได้ แล้วเปิดให้อ่านหรือแก้ค่าผ่าน getter และ setter ที่ตรวจความถูกต้องก่อน และตรวจว่า Object มาจากคลาสนั้นจริงได้ด้วย #field in obj อีกวิธีที่ใช้กันมานานคือ Closure โดยเก็บตัวแปรไว้ในฟังก์ชันแล้วคืนเฉพาะเมธอดที่ต้องการเปิดเผย ส่วนการตั้งชื่อขึ้นต้นด้วยขีดล่างเป็นเพียงธรรมเนียมที่ไม่ได้ป้องกันการเข้าถึงจริง
Observer Pattern คือรูปแบบที่ Object หนึ่งเรียกว่า Subject เก็บรายชื่อผู้ติดตามไว้ และแจ้งทุกตัวเมื่อสถานะเปลี่ยน โดยไม่ต้องรู้ว่าผู้ติดตามแต่ละตัวทำอะไรต่อ ช่วยลดการผูกติดกันระหว่างส่วนต่าง ๆ ของโปรแกรม ในงาน JavaScript เห็นได้ทั่วไป เช่น addEventListener และ EventTarget ของเบราว์เซอร์ EventEmitter ใน Node.js และระบบจัดการ State ที่แจ้งให้หน้าจออัปเดตเมื่อข้อมูลเปลี่ยน
เหมาะกับ Developer ที่เขียน JavaScript ได้แล้วและต้องการออกแบบโค้ดให้เป็นระบบ Front-end และ Full-stack Developer ที่ดูแลโปรเจกต์ขนาดกลางถึงใหญ่ และ Tech Lead ที่ต้องรีวิวโค้ดของทีม ควรเขียน JavaScript ได้ ทั้งฟังก์ชัน Array, Object และ Arrow Function และเคยใช้ import กับ export มาบ้าง ผู้ที่ผ่านหลักสูตร Basic JavaScript หรือ Advanced JavaScript มาแล้วต่อยอดได้ทันที
ออกแบบโปรแกรมแบบ Object Oriented ด้วย JavaScript เขียน Class ตามมาตรฐานล่าสุด ใช้หลัก Encapsulation, Abstraction, Inheritance และ Polymorphism เลือกใช้ Composition ออกแบบตามหลัก SOLID ใช้ TypeScript กับ Interface และ Abstract Class และนำ Design Pattern อย่าง Factory Method, Composite, Adapter, Observer และ Strategy มาจัดโครงสร้างโค้ด พร้อมเขียน Test และ Refactor โค้ดเดิมได้ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับตัวอย่างให้ตรงกับงานของทีม เช่น ฝึกปรับโครงสร้างโค้ด JavaScript จากโปรเจกต์ที่ทีมดูแลอยู่ให้เป็น OOP พร้อม Test รองรับ ขอใบเสนอราคาได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449
JavaScript เป็นภาษาเดียวที่เบราว์เซอร์ทุกตัวเข้าใจ จึงอยู่เบื้องหลังเกือบทุกปุ่ม เมนู ฟอร์ม และหน้าจอที่โต้ตอบได้บนเว็บ และยังเป็นพื้นฐานของ React, Vue, Node.js และเครื่องมือสมัยใหม่อีกมาก แต่ผู้เริ่มต้นจำนวนมากเรียนจากตัวอย่างรุ่นเก่าที่ยังใช้ var, jQuery…
หน้าเว็บที่ดีต้องมีโครงสร้างถูกต้อง ใช้งานง่ายทั้งบนมือถือและคอมพิวเตอร์ และดูน่าสนใจ ความสามารถในตัวของ HTML5 และ CSS ทำได้มากกว่าที่หลายคนคิด ตั้งแต่ฟอร์มที่ตรวจข้อมูลเอง วิดีโอพร้อมคำบรรยาย ไปจนถึงเอฟเฟกต์ไล่สี เงา และการเคลื่อนไหว เมื่อนำมาใช้คู่กับ…
JavaScript เป็นภาษาหลักของหน้าเว็บทุกหน้า และพัฒนาขึ้นมากตั้งแต่ ES6 ทำให้ความสามารถหลายอย่างที่เคยต้องพึ่ง jQuery เช่น การเลือกและแก้ไข DOM การจัดการ Event และการเรียก API ทำได้ด้วย JavaScript มาตรฐานแล้ว อย่างไรก็ตาม เว็บไซต์ ระบบภายในองค์กร…
