# javascript

> แนวทางการพัฒนา JavaScript applications ตาม best practices

- Author: Veerapong
- Repository: newkub/skills
- Version: 20260202015439
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/newkub/skills
- Web: https://mule.run/skillshub/@@newkub/skills~javascript:20260202015439

---

---
name: javascript
description: แนวทางการพัฒนา JavaScript applications ตาม best practices
goal: สร้าง JavaScript applications ที่มีคุณภาพสูง ปลอดภัย และบำรุงรักษาง่าย
outcome: สามารถเขียน JavaScript code ที่ตรงตามมาตรฐาน ใช้งานได้จริง และตรวจสอบความถูกต้องได้
---

## When to Execute
- ต้องการพัฒนา web applications ด้วย JavaScript
- ต้องการเขียน server-side code ด้วย Node.js
- ต้องการสร้าง reusable JavaScript libraries
- ต้องการปรับปรุง code quality และ maintainability

## Quick Start
1. ติดตั้ง Node.js จาก official website
2. สร้าง project folder และรัน `npm init -y`
3. สร้างไฟล์ `index.js` สำหรับเริ่มต้น
4. ติดตั้ง dependencies ที่จำเป็นด้วย `npm install`
5. รัน code ด้วย `node index.js`

## Execution Table

| Number | File | Condition |
|--------|------|-----------|
| 1 | [Setup](rules/1-setup.md) | เมื่อต้องการตั้งค่าโปรเจกต์ใหม่ |
| 2 | [Configuration](rules/2-configuration.md) | หลังจากตั้งค่าโปรเจกต์แล้ว |
| 3 | [Usage](rules/3-usage.md) | เมื่อต้องการเรียนรู้รูปแบบการใช้งาน |
| 4 | [Core Concept](knowledge/1-core-concept.md) | เมื่อต้องการทำความเข้าใจพื้นฐาน |
| 5 | [CLI Commands](knowledge/cli.md) | เมื่อต้องการใช้ CLI commands (ถ้ามี) |
| 6 | [ES6+ Features](features/1-es6-features.md) | เมื่อต้องการเรียนรู้ ES6+ features |
| 7 | [Built-in Objects](features/2-built-in-objects.md) | เมื่อต้องการใช้ built-in objects |
| 8 | [DOM Manipulation](features/3-dom-manipulation.md) | เมื่อต้องการจัดการ DOM |
| 9 | [Browser APIs](features/4-browser-apis.md) | เมื่อต้องการใช้ browser APIs |
| 10 | [Node.js Features](features/5-nodejs-features.md) | เมื่อต้องการพัฒนา server-side |
| 11 | [Fundamentals](best-practices/1-fundamentals.md) | เมื่อต้องการเรียนรู้พื้นฐานขั้นสูง |
| 12 | [Advanced](best-practices/2-advanced.md) | เมื่อต้องการเรียนรู้เทคนิคขั้นสูง |
| 13 | [Patterns](best-practices/3-patterns.md) | เมื่อต้องการเรียนรู้ design patterns |
| 14 | [Code Quality](summarize/1-code-quality.md) | เมื่อต้องการดู best practices สำหรับ code quality |
| 15 | [Performance](summarize/2-performance.md) | เมื่อต้องการปรับปรุงประสิทธิภาพ |
| 16 | [Security](summarize/3-security.md) | เมื่อต้องการเพิ่มความปลอดภัย |
| 17 | [Error Handling](summarize/4-error-handling.md) | เมื่อต้องการจัดการข้อผิดพลาด |
| 18 | [Async Programming](summarize/5-async-programming.md) | เมื่อต้องการเขียนโปรแกรมแบบ asynchronous |
| 19 | [DOM Manipulation](summarize/6-dom-manipulation.md) | เมื่อต้องการดู best practices สำหรับ DOM |
| 20 | [Browser APIs](summarize/7-browser-apis.md) | เมื่อต้องการดู best practices สำหรับ browser APIs |
| 21 | [Node.js](summarize/8-nodejs.md) | เมื่อต้องการดู best practices สำหรับ Node.js |
| 22 | [Testing](summarize/9-testing.md) | เมื่อต้องการดู best practices สำหรับ testing |
| 23 | [Code Organization](summarize/10-code-organization.md) | เมื่อต้องการดู best practices สำหรับ code organization |
| 24 | [Examples](reference/1-examples.md) | เมื่อต้องการดูตัวอย่างโค้ด |
| 25 | [Patterns](reference/2-patterns.md) | เมื่อต้องการดู patterns เพิ่มเติม |
| 26 | [Resources](reference/3-resources.md) | เมื่อต้องการแหล่งข้อมูลเพิ่มเติม |
| 27 | [External Links](reference/4-external-links.md) | เมื่อต้องการลิงก์ภายนอก |


## Verification
1. ตรวจสอบว่า Node.js ติดตั้งแล้วด้วย `node --version`
2. ทดสอบ project setup ด้วยการรัน `npm test`
3. ตรวจสอบ code quality ด้วย ESLint และ Prettier
4. ยืนยันว่า application ทำงานได้ตามที่คาดหวัง