หลักสูตร Advanced JavaScript เป็นการอบรมต่อยอด JavaScript สมัยใหม่ ทั้ง Closure, Class, Event Loop, Promise และ async/await ไปจนถึง ES Modules, TypeScript เบื้องต้น การเขียน Test และสร้าง REST API ด้วย Node.js กับ Express 5 เหมาะกับ Developer ที่เขียน JavaScript พื้นฐานได้แล้วและอยากเขียนโค้ดที่ดูแลง่าย
JavaScript ทุกวันนี้ไม่ได้อยู่แค่บนหน้าเว็บ แต่ยังใช้สร้าง API ฝั่งเซิร์ฟเวอร์ เครื่องมือ Build และแอปพลิเคชันขนาดใหญ่ นักพัฒนาที่เขียนพื้นฐานได้แล้วมักเริ่มเจอปัญหาเมื่อโค้ดโตขึ้น เช่น ค่า this ไม่เป็นอย่างที่คิด งาน Asynchronous ทำงานผิดลำดับ Error หายไปเงียบ ๆ หรือไฟล์เดียวยาวจนไม่มีใครกล้าแก้ ทั้งที่ภาษามีเครื่องมือรองรับเรื่องเหล่านี้อยู่แล้ว
หลักสูตรนี้พาต่อยอด JavaScript ไปสู่ระดับที่ใช้ในงานจริง เริ่มจากเตรียม Node.js, npm และ Vite ทำความเข้าใจ Scope, Closure และ this จัดการข้อมูลด้วย Destructuring, Spread และ Array Method แบบไม่แก้ของเดิม เขียนแบบ Functional และ OOP ด้วย Class จากนั้นเจาะ Event Loop, Promise, async/await, Generator, ES Modules และ Browser API สมัยใหม่ ก่อนนำไปสร้าง REST API ด้วย Node.js และ Express 5 เริ่มใช้ TypeScript เขียน Test และดูแลประสิทธิภาพกับความปลอดภัยของโค้ด แล้วปิดท้ายด้วย Capstone เว็บแอปพร้อม API ที่มี Test ครบ (อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง ระดับ Intermediate)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตร Advanced JavaScript รุ่นเดิม อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab ระดับ Intermediate ฉบับนี้ขยายจากฟีเจอร์ ES6 ไปสู่ ECMAScript รุ่นล่าสุด เช่น Iterator Helpers, Set Methods, Promise.try และ using เปลี่ยนจาก Express 4 เป็น Express 5 และเพิ่ม Vite, TypeScript เบื้องต้น การเขียน
Test ด้วย Node.js Test Runner และหัวข้อ Performance กับ Security ทุก Lab ใช้เครื่องมือโอเพนซอร์สบนเครื่องของผู้เรียน หลักสูตรนี้เน้นตัวภาษาและ Node.js ต่อยอดจากหลักสูตร Basic JavaScript และเป็นพื้นฐานก่อนเรียน React, Vue, Angular หรือ NestJS ผู้เรียนได้ Lab Guide โค้ดตั้งต้นและโค้ดเฉลยครบทุก Lab และโปรเจกต์ Capstone กลับไปใช้งานต่อ
Section 1: Lab: เตรียมสภาพแวดล้อม JavaScript สมัยใหม่
Section 2: Scope, Closure และ this
Section 3: Lab: จัดการข้อมูลด้วยไวยากรณ์สมัยใหม่
Section 4: Functional Programming ใน JavaScript
Section 5: OOP ด้วย Class และ Prototype
Section 6: Event Loop และ Promise
Section 7: Lab: async/await และการจัดการ Error
Section 8: Generator, Iterator และการคืนทรัพยากร
Section 9: ES Modules และเครื่องมือ Build
Section 10: Lab: Browser API สมัยใหม่
Section 11: Lab: REST API ด้วย Node.js และ Express 5
Section 12: TypeScript เบื้องต้นสำหรับนักพัฒนา JavaScript
Section 13: Lab: เขียน Test อัตโนมัติ
Section 14: Performance, Debugging และความปลอดภัย
Section 15: Workshop: Capstone เว็บแอปพร้อม API
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
var มีขอบเขตระดับฟังก์ชัน ประกาศซ้ำได้ และถูก hoist ขึ้นไปโดยมีค่าเริ่มต้นเป็น undefined ส่วน let และ const มีขอบเขตระดับบล็อก และเรียกใช้ก่อนบรรทัดที่ประกาศไม่ได้เพราะติด Temporal Dead Zone โดย let กำหนดค่าใหม่ได้ ส่วน const กำหนดค่าใหม่ไม่ได้ แต่ถ้าเก็บอ็อบเจกต์หรืออาร์เรย์ก็ยังแก้ข้อมูลข้างในได้ หากต้องการสำเนาที่แยกจากต้นฉบับให้ใช้ structuredClone หรือ Array Method แบบไม่แก้ของเดิมอย่าง toSorted
ครอบคำสั่ง await ไว้ในบล็อก try...catch เพื่อจับ Promise ที่ถูก reject แล้วจัดการในส่วน catch และใช้ finally กับงานที่ต้องทำเสมอ เช่น ปิดสถานะกำลังโหลด ถ้ารันหลายงานด้วย Promise.all ทั้งชุดจะ reject ทันทีเมื่อมีงานใดล้มเหลว หากต้องการผลทุกงานให้ใช้ Promise.allSettled ส่วนคำขอที่อาจค้างนานควรใช้ AbortController กำหนด Timeout และใน Express 5 Error จาก async Handler จะถูกส่งต่อไปยัง Error Middleware ให้อัตโนมัติ
JavaScript รันโค้ดบนเธรดเดียว งานที่ต้องรอ เช่น timer หรือการเรียกเครือข่าย จะถูกส่งให้เบราว์เซอร์หรือ Node.js ทำแทน เมื่อเสร็จแล้ว callback จะเข้าคิวรอไว้ Event Loop คอยตรวจว่า Call Stack ว่างเมื่อไร แล้วดึงงานจากคิว microtask เช่น callback ของ Promise ออกมาทำจนหมดก่อน จากนั้นจึงหยิบงานถัดไปจากคิว macrotask เช่น setTimeout งานคำนวณหนักจึงควรย้ายไปทำใน Web Worker เพื่อไม่ให้หน้าเว็บค้าง
เหมาะกับ Front-end และ Full-stack Developer นักพัฒนาที่กำลังจะเริ่มใช้ React, Vue, Angular หรือ Node.js ผู้ที่ดูแลโค้ด JavaScript รุ่นเก่า และ Tech Lead ที่ต้องรีวิวโค้ดของทีม ควรเขียน JavaScript พื้นฐานได้ทั้งตัวแปร เงื่อนไข ลูป ฟังก์ชัน Array และ Object เข้าใจ DOM และ Event และใช้ Command Line กับ Git ขั้นพื้นฐานได้ ผู้ที่ผ่านหลักสูตร Basic JavaScript มาแล้วต่อยอดได้ทันที
เข้าใจกลไกอย่าง Closure, this, Prototype และ Event Loop เขียนโค้ดด้วยฟีเจอร์ ECMAScript รุ่นล่าสุด ออกแบบโค้ดแบบ Functional และ OOP จัดการงาน Asynchronous ด้วย Promise และ async/await จัดโปรเจกต์ด้วย ES Modules และ Vite สร้าง REST API ด้วย Node.js และ Express 5 เริ่มใช้ TypeScript และเขียน Test อัตโนมัติ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับตัวอย่างให้ตรงกับงานของทีม เช่น ฝึกปรับโค้ด JavaScript หรือ API ที่ทีมดูแลอยู่ให้ทันสมัยและมี Test รองรับ ขอใบเสนอราคาได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449
JavaScript เป็นภาษาเดียวที่เบราว์เซอร์ทุกตัวเข้าใจ จึงอยู่เบื้องหลังเกือบทุกปุ่ม เมนู ฟอร์ม และหน้าจอที่โต้ตอบได้บนเว็บ และยังเป็นพื้นฐานของ React, Vue, Node.js และเครื่องมือสมัยใหม่อีกมาก แต่ผู้เริ่มต้นจำนวนมากเรียนจากตัวอย่างรุ่นเก่าที่ยังใช้ var, jQuery…
Nuxt เป็นเฟรมเวิร์กที่สร้างบน Vue.js ช่วยให้สร้างเว็บที่ Render ฝั่ง Server ได้ หน้าเว็บจึงโหลดเร็วและเหมาะกับงานที่ต้องทำ SEO เช่น เว็บบริษัท บล็อก และร้านค้าออนไลน์ Nuxt เตรียมโครงสร้างที่ใช้บ่อยไว้ให้ ทั้ง Routing จากไฟล์ Auto Import ระบบ Module และ Server…
เมื่อเว็บที่สร้างด้วย Nuxt เริ่มมีหลายหน้า หลายภาษา มีฐานข้อมูล และมีระบบสมาชิก โจทย์จะเปลี่ยนจากการทำให้หน้าเว็บแสดงผลได้ ไปเป็นการวางโครงสร้างให้ทีมดูแลต่อได้ จัดการ Error อย่างเป็นระบบ ป้องกันข้อมูลฝั่ง Server และทำให้เว็บยังเร็วเมื่อผู้ใช้เพิ่มขึ้น ซึ่ง…
