Repository files navigation

This repository hosts the English content of the Modern JavaScript Tutorial, published athttps://javascript.info.

5e893cffce8e2346d4e50926d5148c70af172533

JavaScript เป็นภาษาโปรแกรมที่ใช้กันอย่างแพร่หลายในการสร้างเว็บไซต์แบบไดนามิกและอินเทอร์แอคทีฟ มันทำงานร่วมกับ HTML และ CSS เพื่อเพิ่มความสามารถและปรับแต่งหน้าเว็บให้ตอบสนองต่อการกระทำของผู้ใช้ ด้วย JavaScript คุณสามารถสร้างเว็บไซต์ที่มีคุณสมบัติน่าสนใจ เช่น แบบฟอร์มที่ตรวจสอบข้อมูลอัตโนมัติ เมนูที่เลื่อนลงเมื่อคลิก หรือการโหลดเนื้อหาใหม่โดยไม่ต้องรีเฟรชหน้า

นอกจากการใช้งานในเว็บเบราว์เซอร์แล้ว JavaScript ยังสามารถใช้ในการพัฒนาแอปพลิเคชันฝั่งเซิร์ฟเวอร์ด้วยแพลตฟอร์มอย่าง Node.js ทำให้สามารถสร้างแอปพลิเคชันเว็บแบบครบวงจรด้วยภาษาเดียว

ตัวอย่างการใช้งาน JavaScript ในชีวิตประจำวันของคนไทย เช่น:

• ระบบซื้อขายออนไลน์ เช่น Lazada หรือ Shopee ที่ใช้ JavaScript ในการจัดการตะกร้าสินค้า คำนวณราคา และตรวจสอบข้อมูลที่กรอกในแบบฟอร์ม
• เว็บไซต์ข่าวหรือบันเทิง เช่น Sanook หรือ Kapook ที่ใช้ JavaScript ในการโหลดข่าวเพิ่มเติมเมื่อเลื่อนจอ หรือแสดงวิดีโอโดยไม่ต้องเปลี่ยนหน้า
• ระบบจองตั๋วออนไลน์ เช่น Nok Air หรือ Thai Ticketmaster ที่ใช้ JavaScript เพื่อตรวจสอบที่นั่งว่าง และอัปเดตราคาตั๋วแบบเรียลไทม์

ในคู่มือนี้ เราจะเริ่มต้นจากพื้นฐาน เช่น ไวยากรณ์ของ JavaScript, ชนิดข้อมูล, ตัวแปร, ฟังก์ชัน, และโครงสร้างควบคุม จากนั้นจะค่อย ๆ ไปสู่หัวข้อที่ซับซ้อนขึ้น เช่น การทำงานกับ HTML และ CSS, การจัดการเหตุการณ์ และการโต้ตอบกับ API

เราหวังว่าคู่มือนี้จะช่วยให้คุณสามารถเรียนรู้และใช้งาน JavaScript ได้อย่างมั่นใจ มาร่วมกันสำรวจโลกของการพัฒนาเว็บด้วย JavaScript กันเลย!

<<<<<<< HEADอยากมีส่วนร่วมทำได้อย่างไร

• สามารถดูความคืบหน้าการแปลได้ที่หน้าThai Translate Progress
• เลือกบทความที่ยังไม่ถูกติ๊กและแปล
• คอมเม้นชื่อหัวข้อที่ต้องการแปล ลงในThai Translate Progress issue. ตัวอย่างAn Introduction to JavaScript.
  • บอทจะทำการติ๊ก issue ดังกล่าว ทุกคนจะรับทราบว่ามีคนกำลังแปลหัวข้อนี้อยู่
  • คอมเม้นควรมีแค่ชื่อหัวข้อที่จะแปลเท่านั้น
• ทำการ fork เรโปฯนี้, แปลและส่ง PR มาเมื่อการแปลเสร็จสิ้น
  • จั่วหัว PR ควรใช้ชื่อเดียวกับหัวข้อบทความ ทีนี้บอทจะมอบหมายเลขให้ issue นั้นๆ

Something's wrong? A topic is missing? Explain it to people, add it as PR 👏

You can edit the text in any editor. The tutorial uses an enhanced "markdown" format, easy to grasp. And if you want to see how it looks on-site, there's a server to run the tutorial locally athttps://github.com/javascript-tutorial/server.

5e893cffce8e2346d4e50926d5148c70af172533

Maintainers จะรีวิวและแก้ไขการแปลไปตามความเหมาะสม

หาก maintainers ไม่ตอบ หรือ ต้องการเป็น maintainers กรุณาเขียนคำร้องที่เรโปฯหลัก.

<<<<<<< HEADมาช่วยร่วมกันแปลคู่มือจาวาสคริปต์ฉบับภาษาไทย

Every chapter, article, or task has its folder.

The folder is named likeN-url, whereN is a number for the sorting purposes andURL is the URL part with the title of the material.

5e893cffce8e2346d4e50926d5148c70af172533

ในแต่ละบทจะในโฟลเดอร์เป็นของตัวเอง

โดยโฟลเดอร์จะใช้ชื่อN-url N แทนตัวเลขเพื่อให้ง่านต่อการจัดเรียง ส่วน url แทน URL-slug บนเว็บไซต์

ฉะนั้นในหนึ่งโฟลเดอร์จะประกอบด้วย

• index.md หมายถึงบทเรียน
• article.md หมายถึงบทความ
• task.md หมายถึงการบ้าน

ในแต่ละไฟล์จะเริ่มต้นด้วย# หัวเรื่อง เนื้อหาทั้งหมดจะเป็นภาษามาร์กดาวน์ สามารถแก้ไขได้ด้วย text editor หรือ IDE ได้ตามความชอบ

รบกวนคงตัวแบ่งบรรทัดและย่อหน้าไว้อย่างเดิม ไม่ควรเพิ่มบรรทัดใหม่ และไม่ควรลบบรรทัดหรือย่อหน้าที่มีอยู่แล้ว เพื่อให้ง่ายต่อการ merge กับต้นฉบับภาษาอังกฤษ

ถ้าเห็นว่าสำนวนในภาษาอังกฤษหรือภาษาไทยควรปรับปรุงเพิ่มเติม สามารถส่ง PR มาได้เลย

• สำหรับคำศัพท์เฉพาะทางโปรแกรมมิ่ง ไม่ควรแปลหรือทับศัพท์ใดๆลงไป ควรละคำดังกล่าวเอาไว้ เช่น "Function Declaration"
• คำที่เป็น keyword ของภาษาอย่างresolved promise,slash,regexp และอื่นๆ - ควรตรวจดูอภิธานศัพท์เพิ่มเติมจากMDN หากไม่พบกรุณาละไว้เช่นเดิม

• แปลเฉพาะคอมเม้นต์
• แปลเฉพาะ user-messages และ สตริงตัวอย่าง
• ไม่ควรแปลชื่อตัวแปร, ชื่อคลาส, ชื่อ identifiers
• เมื่อแปลเสร็จอย่าลืมตรวจสอบว่าโค้ดทำงานได้อย่างเดิม

ตัวอย่าง:

// Exampleconsttext="Hello, world";document.querySelector('.hello').innerHTML=text;

✅ ทำได้ (แปลคอมเม้น)

// ตัวอย่างconsttext='Hello, world';document.querySelector('.hello').innerHTML=text;

❌ ไม่ควรทำ (แปลคลาส):

// ตัวอย่างconsttext='Hello, world';// ".hello" เป็นชื่อคลาสใน HTML// ไม่ควรแปลdocument.querySelector('.สวัสดี').innerHTML=text;

ในกรณีลิงค์ภายนอกเช่นวิกีพีเดีย อย่างhttps://en.wikipedia.org/wiki/JavaScript หรือมีบทความภาษาไทยอื่นๆที่มีคุณภาพและน่าเชื่อถือ สามารถแนบลิงค์ไปที่บทความนั้นๆแทน

ตัวอย่าง:

[JavaScript](https://en.wikipedia.org/wiki/JavaScript) is a programming language.

✅ ทำได้ (en -> th):

[JavaScript](https://th.wikipedia.org/wiki/JavaScript) คือภาษาโปรแกรมมิ่ง

จะใช้ลิงค์ไปหาบทความที่ได้รับการแปลแค่บางส่วนใน MDN ก็ได้

ไม่ควรแนบลิงค์บทความที่ไม่ใช่ภาษาไทย

มีบางไฟล์, tasks จะมี YAML metadata อยู่ข้างบน สังเกตได้จาก---:

importance: 5---...

ไม่ควรแปล "importance" และ metadata อื่นๆ

ในบางหัวข้อจะมี[#anchor] ปิดท้าย ตัวอย่าง

##Spread operator[#spread-operator]

ไม่ควรแปลหรือลบส่วนที่เป็น[#...] เพราะมีไว้สำหรับ URL anchors.

คุณสามารถแก้ไขข้อความผ่าน editor ใดก็ได้ คู่มือนี้จะใช้ฟอร์แมตของmarkdown เพราะเข้าใจง่าย และหากต้องการเห็นหน้าตาเวลาออนไลน์ ทางเรามีเซิฟเวอร์ที่สามารถรันคู่มือนี้ในเครื่องตัวเองได้ผ่านลิงค์https://github.com/javascript-tutorial/server

วิธีการรันสามารถทำตามได้ที่https://github.com/javascript-tutorial/server.

สำหรับผู้ที่ใช้ VS Code และ IDE ตระกูล JetBrains สามารถดาวน์โหลดปลั๊กอินเพื่ออำนวยความสะดวกในการเขียนมาร์กดาวน์ได้ดังต่อไปนี้

VS Code

• Markdown All in One
• Markdown Preview Github Styling

Jetbrains

• Markdown Navigator

♥
Prasit Tongpradit @EpicHigh - Maintainer

Prasit Tongpradit @EpicHigh