From 90564ab03b54445151f0da6c5227ae40824a0002 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:51:20 +0100 Subject: unslug th: move --- .../learn/getting_started_with_the_web/index.html | 55 +++++++ files/th/learn/server-side/index.html | 50 ++++++ .../index.html" | 50 ------ .../index.html" | 55 ------- files/th/mdn/at_ten/index.html | 48 ++++++ .../howto/create_an_mdn_account/index.html | 36 ----- .../howto/do_a_technical_review/index.html | 51 ------ files/th/mdn_at_ten/index.html | 48 ------ files/th/mozilla/firefox/releases/30/index.html | 65 ++++++++ files/th/mozilla/firefox/releases/47/index.html | 174 +++++++++++++++++++++ files/th/mozilla/firefox/releases/index.html | 8 + .../30/index.html" | 65 -------- .../47/index.html" | 174 --------------------- .../index.html" | 8 - .../howto/create_an_mdn_account/index.html | 36 +++++ .../howto/do_a_technical_review/index.html | 51 ++++++ files/th/tools/debugger/ui_tour/index.html | 149 ++++++++++++++++++ .../index.html" | 149 ------------------ 18 files changed, 636 insertions(+), 636 deletions(-) create mode 100644 files/th/learn/getting_started_with_the_web/index.html create mode 100644 files/th/learn/server-side/index.html delete mode 100644 "files/th/learn/\340\270\235\340\270\261\340\271\210\340\270\207\340\271\200\340\270\213\340\270\264\340\270\243\340\271\214\340\270\237\340\271\200\340\270\247\340\270\255\340\270\243\340\271\214/index.html" delete mode 100644 "files/th/learn/\340\271\200\340\270\243\340\270\264\340\271\210\340\270\241\340\270\225\340\271\211\340\270\231\340\271\203\340\270\212\340\271\211\340\270\207\340\270\262\340\270\231\340\271\200\340\270\247\340\271\207\340\270\232/index.html" create mode 100644 files/th/mdn/at_ten/index.html delete mode 100644 files/th/mdn/contribute/howto/create_an_mdn_account/index.html delete mode 100644 files/th/mdn/contribute/howto/do_a_technical_review/index.html delete mode 100644 files/th/mdn_at_ten/index.html create mode 100644 files/th/mozilla/firefox/releases/30/index.html create mode 100644 files/th/mozilla/firefox/releases/47/index.html create mode 100644 files/th/mozilla/firefox/releases/index.html delete mode 100644 "files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/30/index.html" delete mode 100644 "files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/47/index.html" delete mode 100644 "files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/index.html" create mode 100644 files/th/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html create mode 100644 files/th/orphaned/mdn/contribute/howto/do_a_technical_review/index.html create mode 100644 files/th/tools/debugger/ui_tour/index.html delete mode 100644 "files/th/tools/debugger/www.\340\270\253\340\270\231\340\270\261\340\270\207\340\271\202\340\270\233\340\271\211.com/index.html" (limited to 'files/th') diff --git a/files/th/learn/getting_started_with_the_web/index.html b/files/th/learn/getting_started_with_the_web/index.html new file mode 100644 index 0000000000..0eb9b565f5 --- /dev/null +++ b/files/th/learn/getting_started_with_the_web/index.html @@ -0,0 +1,55 @@ +--- +title: เริ่มต้นใช้งานเว็บ +slug: Learn/เริ่มต้นใช้งานเว็บ +translation_of: Learn/Getting_started_with_the_web +--- +
{{LearnSidebar}}
+ +
+

การเริ่มต้นใช้งานเว็บเป็นซีรีส์สั้น ๆ ที่จะแนะนำคุณเกี่ยวกับการปฏิบัติจริงของการพัฒนาเว็บ คุณจะต้องตั้งค่าเครื่องมือที่จำเป็นในการสร้างหน้าเว็บแบบธรรมดาและเผยแพร่โค้ดง่ายๆของคุณเอง

+
+ +

เรื่องราวของเว็บไซต์แรกของคุณ

+ +

การสร้างเว็บไซต์แบบมืออาชีพเป็นงานที่ต้องทำมากมายดังนั้นหากคุณยังใหม่กับการพัฒนาเว็บเราขอแนะนำให้คุณเริ่มต้นจากเล็ก ๆ คุณจะไม่สร้าง Facebook ใหม่ในทันที แต่มันไม่ยากที่จะทำให้เว็บไซต์ง่ายๆของคุณเองทางออนไลน์เราจะเริ่มที่นั่น

+ +

ด้วยการทำงานตามบทความด้านล่างตามลำดับคุณจะไม่ต้องทำอะไรเลยเพื่อให้หน้าเว็บแรกของคุณออนไลน์ มาเริ่มการเดินทางกันเลย!

+ +

การติดตั้งซอฟต์แวร์พื้นฐาน

+ +

เมื่อพูดถึงเครื่องมือในการสร้างเว็บไซต์มีหลายอย่างให้เลือก หากคุณเพิ่งเริ่มต้นคุณอาจสับสนกับอาร์เรย์ของเครื่องมือแก้ไขโค้ดเฟรมเวิร์กและเครื่องมือทดสอบที่มีอยู่ ในการติดตั้งซอฟต์แวร์พื้นฐานเราจะแสดงวิธีการติดตั้งซอฟต์แวร์ที่คุณต้องการเพื่อเริ่มต้นการพัฒนาเว็บขั้นพื้นฐานแบบทีละขั้นตอน

+ +

เว็บไซต์ของคุณจะเป็นอย่างไร?

+ +

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

+ +

การจัดการกับไฟล์

+ +

เว็บไซต์ประกอบด้วยไฟล์จำนวนมาก: เนื้อหาข้อความโค้ดสไตล์ชีตเนื้อหาสื่อและอื่น ๆ เมื่อคุณสร้างเว็บไซต์คุณต้องรวบรวมไฟล์เหล่านี้ให้เป็นโครงสร้างที่เหมาะสมและตรวจสอบให้แน่ใจว่าพวกเขาสามารถพูดคุยกันได้ การจัดการกับไฟล์จะอธิบายถึงวิธีตั้งค่าโครงสร้างไฟล์ที่เหมาะสมสำหรับเว็บไซต์ของคุณและปัญหาที่คุณควรทราบ

+ +

พื้นฐาน HTML

+ +

Hypertext Markup Language (HTML) คือรหัสที่คุณใช้เพื่อจัดโครงสร้างเนื้อหาเว็บของคุณและให้ความหมายและวัตถุประสงค์ ตัวอย่างเช่นเนื้อหาของฉันเป็นชุดของย่อหน้าหรือรายการสัญลักษณ์แสดงหัวข้อย่อยหรือไม่ ฉันมีภาพแทรกบนหน้าของฉันหรือไม่? ฉันมีตารางข้อมูลหรือไม่? โดยไม่ทำให้คุณพื้นฐาน HTMLให้ข้อมูลมากพอที่จะทำให้คุณคุ้นเคยกับ HTML

+ +

พื้นฐาน CSS

+ +

Cascading Stylesheets (CSS) คือโค้ดที่คุณใช้จัดรูปแบบเว็บไซต์ของคุณ ตัวอย่างเช่นคุณต้องการให้ข้อความเป็นสีดำหรือสีแดง? ควรวาดเนื้อหาบนหน้าจอที่ใด ภาพพื้นหลังและสีใดที่ควรใช้ในการตกแต่งเว็บไซต์ของคุณ ข้อมูลเบื้องต้นเกี่ยวกับ CSSจะนำคุณไปสู่สิ่งที่คุณต้องใช้ในการเริ่มต้น

+ +

พื้นฐาน JavaScript

+ +

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

+ +

เผยแพร่เว็บไซต์ของคุณ

+ +

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

+ +

เว็บทำงานอย่างไร

+ +

เมื่อคุณเข้าถึงเว็บไซต์โปรดของคุณสิ่งที่ซับซ้อนมากมายเกิดขึ้นในเบื้องหลังที่คุณอาจไม่รู้ วิธีการทำงานของเว็บสรุปสิ่งที่เกิดขึ้นเมื่อคุณดูเว็บเพจบนคอมพิวเตอร์ของคุณ

+ +

ดูสิ่งนี้ด้วย

+ + diff --git a/files/th/learn/server-side/index.html b/files/th/learn/server-side/index.html new file mode 100644 index 0000000000..4235bdb5e2 --- /dev/null +++ b/files/th/learn/server-side/index.html @@ -0,0 +1,50 @@ +--- +title: การเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์ +slug: Learn/ฝั่งเซิร์ฟเวอร์ +translation_of: Learn/Server-side +--- +
{{LearnSidebar}}
+ +

แบบไดนามิกเว็บไซต์ -  การเขียนโปรแกรมฝั่งเซิร์ฟเวอร์หัวข้อเป็นชุดของโมดูลที่แสดงให้เห็นว่าการสร้างเว็บไซต์แบบไดนามิก; เว็บไซต์ที่ให้ข้อมูลที่กำหนดเองเพื่อตอบสนองคำขอ HTTP โมดูลนี้ให้คำแนะนำทั่วไปเกี่ยวกับการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์พร้อมกับคำแนะนำระดับเริ่มต้นเฉพาะเกี่ยวกับวิธีใช้เฟรมเวิร์กเว็บ Django (Python) และ Express (Node.js / JavaScript) เพื่อสร้างแอปพลิเคชันพื้นฐาน

+ +

เว็บไซต์หลักส่วนใหญ่ใช้เทคโนโลยีฝั่งเซิร์ฟเวอร์เพื่อแสดงข้อมูลแบบไดนามิกตามที่ต้องการ ตัวอย่างเช่นลองนึกดูว่ามีสินค้ากี่ชิ้นใน Amazon และจินตนาการว่ามีการเขียนโพสต์บน Facebook กี่รายการ การแสดงสิ่งเหล่านี้ทั้งหมดโดยใช้เพจแบบคงที่ต่างกันจะไม่มีประสิทธิภาพอย่างมากดังนั้นไซต์ดังกล่าวจะแสดงเทมเพลตแบบคงที่แทน (สร้างโดยใช้HTML , CSSและJavaScript ) จากนั้นอัปเดตข้อมูลที่แสดงในเทมเพลตเหล่านั้นแบบไดนามิกเมื่อจำเป็นเช่นเมื่อคุณต้องการ ดูผลิตภัณฑ์อื่นใน Amazon

+ +

ในโลกสมัยใหม่ของการพัฒนาเว็บขอแนะนำให้เรียนรู้เกี่ยวกับการพัฒนาฝั่งเซิร์ฟเวอร์

+ +

เส้นทางการเรียนรู้

+ +

การเริ่มต้นด้วยการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์มักจะง่ายกว่าการพัฒนาฝั่งไคลเอ็นต์เนื่องจากเว็บไซต์แบบไดนามิกมักจะดำเนินการที่คล้ายคลึงกันมาก (การดึงข้อมูลจากฐานข้อมูลและแสดงในเพจการตรวจสอบความถูกต้องของข้อมูลที่ผู้ใช้ป้อนและบันทึกไว้ใน ฐานข้อมูลการตรวจสอบสิทธิ์ของผู้ใช้และการล็อกอินผู้ใช้ ฯลฯ ) และสร้างขึ้นโดยใช้เว็บเฟรมเวิร์กที่ทำให้การทำงานของเว็บเซิร์ฟเวอร์เหล่านี้และอื่น ๆ เป็นเรื่องง่าย

+ +

ความรู้พื้นฐานเกี่ยวกับแนวคิดการเขียนโปรแกรม (หรือภาษาโปรแกรมเฉพาะ) มีประโยชน์ แต่ไม่จำเป็น ในทำนองเดียวกันไม่จำเป็นต้องมีความเชี่ยวชาญในการเขียนโค้ดฝั่งไคลเอ็นต์ แต่ความรู้พื้นฐานจะช่วยให้คุณทำงานได้ดีขึ้นกับนักพัฒนาซอฟต์แวร์ที่สร้างเว็บฝั่งไคลเอ็นต์ "ส่วนหน้า"

+ +

คุณจะต้องเข้าใจ "วิธีการทำงานของเว็บ" เราขอแนะนำให้คุณอ่านหัวข้อต่อไปนี้ก่อน:

+ + + +

ด้วยความเข้าใจพื้นฐานดังกล่าวคุณก็พร้อมที่จะดำเนินการตามโมดูลต่างๆในส่วนนี้ 

+ +

โมดูล

+ +

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

+ +
+
ขั้นตอนแรกการเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์
+
โมดูลนี้ให้ข้อมูลเทคโนโลยีที่ไม่เชื่อเรื่องพระเจ้าเกี่ยวกับการเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์เช่น "มันคืออะไร" "มันแตกต่างจากการเขียนโปรแกรมฝั่งไคลเอนต์อย่างไร" และ "ทำไมจึงมีประโยชน์" โมดูลนี้ยังสรุปเฟรมเวิร์กเว็บฝั่งเซิร์ฟเวอร์ที่เป็นที่นิยมมากขึ้นและให้คำแนะนำเกี่ยวกับวิธีการเลือกสิ่งที่ดีที่สุดสำหรับไซต์ของคุณ สุดท้ายนี้มีการแนะนำการรักษาความปลอดภัยเว็บเซิร์ฟเวอร์
+
Django Web Framework (Python)
+
Django เป็นเว็บเฟรมเวิร์กฝั่งเซิร์ฟเวอร์ที่ได้รับความนิยมอย่างมากเขียนด้วยภาษา Python โมดูลนี้อธิบายว่าเหตุใด Django จึงเป็นเฟรมเวิร์กเว็บเซิร์ฟเวอร์ที่ดีวิธีตั้งค่าสภาพแวดล้อมการพัฒนาและวิธีดำเนินงานทั่วไปกับมัน
+
Express Web Framework (Node.js / JavaScript)
+
Express เป็นเว็บเฟรมเวิร์กยอดนิยมซึ่งเขียนด้วย JavaScript และโฮสต์ภายในสภาพแวดล้อมรันไทม์ node.js โมดูลจะอธิบายถึงประโยชน์หลักบางประการของเฟรมเวิร์กนี้วิธีตั้งค่าสภาพแวดล้อมการพัฒนาของคุณและวิธีดำเนินงานการพัฒนาเว็บและการปรับใช้งานทั่วไป
+
+ +

ดูสิ่งนี้ด้วย

+ +
+
เซิร์ฟเวอร์โหนดที่ไม่มีกรอบ
+
บทความนี้แสดงเซิร์ฟเวอร์ไฟล์แบบคงที่แบบธรรมดาที่สร้างด้วย Node.js บริสุทธิ์สำหรับผู้ที่คุณไม่ต้องการใช้เฟรมเวิร์ก
+
การกำหนดค่าประเภท MIME ของเซิร์ฟเวอร์อย่างถูกต้อง
+
การกำหนดค่าเซิร์ฟเวอร์ของคุณเพื่อส่ง {{อภิธานศัพท์ ("MIME types")}} ที่ถูกต้อง (หรือที่เรียกว่าประเภทสื่อหรือประเภทเนื้อหา) ไปยังเบราว์เซอร์เป็นสิ่งสำคัญสำหรับเบราว์เซอร์เพื่อให้สามารถประมวลผลและแสดงเนื้อหาได้อย่างถูกต้อง นอกจากนี้ยังเป็นสิ่งสำคัญในการป้องกันเนื้อหาที่เป็นอันตรายจากการปลอมตัวเป็นเนื้อหาที่ไม่เป็นอันตราย
+
diff --git "a/files/th/learn/\340\270\235\340\270\261\340\271\210\340\270\207\340\271\200\340\270\213\340\270\264\340\270\243\340\271\214\340\270\237\340\271\200\340\270\247\340\270\255\340\270\243\340\271\214/index.html" "b/files/th/learn/\340\270\235\340\270\261\340\271\210\340\270\207\340\271\200\340\270\213\340\270\264\340\270\243\340\271\214\340\270\237\340\271\200\340\270\247\340\270\255\340\270\243\340\271\214/index.html" deleted file mode 100644 index 4235bdb5e2..0000000000 --- "a/files/th/learn/\340\270\235\340\270\261\340\271\210\340\270\207\340\271\200\340\270\213\340\270\264\340\270\243\340\271\214\340\270\237\340\271\200\340\270\247\340\270\255\340\270\243\340\271\214/index.html" +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: การเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์ -slug: Learn/ฝั่งเซิร์ฟเวอร์ -translation_of: Learn/Server-side ---- -
{{LearnSidebar}}
- -

แบบไดนามิกเว็บไซต์ -  การเขียนโปรแกรมฝั่งเซิร์ฟเวอร์หัวข้อเป็นชุดของโมดูลที่แสดงให้เห็นว่าการสร้างเว็บไซต์แบบไดนามิก; เว็บไซต์ที่ให้ข้อมูลที่กำหนดเองเพื่อตอบสนองคำขอ HTTP โมดูลนี้ให้คำแนะนำทั่วไปเกี่ยวกับการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์พร้อมกับคำแนะนำระดับเริ่มต้นเฉพาะเกี่ยวกับวิธีใช้เฟรมเวิร์กเว็บ Django (Python) และ Express (Node.js / JavaScript) เพื่อสร้างแอปพลิเคชันพื้นฐาน

- -

เว็บไซต์หลักส่วนใหญ่ใช้เทคโนโลยีฝั่งเซิร์ฟเวอร์เพื่อแสดงข้อมูลแบบไดนามิกตามที่ต้องการ ตัวอย่างเช่นลองนึกดูว่ามีสินค้ากี่ชิ้นใน Amazon และจินตนาการว่ามีการเขียนโพสต์บน Facebook กี่รายการ การแสดงสิ่งเหล่านี้ทั้งหมดโดยใช้เพจแบบคงที่ต่างกันจะไม่มีประสิทธิภาพอย่างมากดังนั้นไซต์ดังกล่าวจะแสดงเทมเพลตแบบคงที่แทน (สร้างโดยใช้HTML , CSSและJavaScript ) จากนั้นอัปเดตข้อมูลที่แสดงในเทมเพลตเหล่านั้นแบบไดนามิกเมื่อจำเป็นเช่นเมื่อคุณต้องการ ดูผลิตภัณฑ์อื่นใน Amazon

- -

ในโลกสมัยใหม่ของการพัฒนาเว็บขอแนะนำให้เรียนรู้เกี่ยวกับการพัฒนาฝั่งเซิร์ฟเวอร์

- -

เส้นทางการเรียนรู้

- -

การเริ่มต้นด้วยการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์มักจะง่ายกว่าการพัฒนาฝั่งไคลเอ็นต์เนื่องจากเว็บไซต์แบบไดนามิกมักจะดำเนินการที่คล้ายคลึงกันมาก (การดึงข้อมูลจากฐานข้อมูลและแสดงในเพจการตรวจสอบความถูกต้องของข้อมูลที่ผู้ใช้ป้อนและบันทึกไว้ใน ฐานข้อมูลการตรวจสอบสิทธิ์ของผู้ใช้และการล็อกอินผู้ใช้ ฯลฯ ) และสร้างขึ้นโดยใช้เว็บเฟรมเวิร์กที่ทำให้การทำงานของเว็บเซิร์ฟเวอร์เหล่านี้และอื่น ๆ เป็นเรื่องง่าย

- -

ความรู้พื้นฐานเกี่ยวกับแนวคิดการเขียนโปรแกรม (หรือภาษาโปรแกรมเฉพาะ) มีประโยชน์ แต่ไม่จำเป็น ในทำนองเดียวกันไม่จำเป็นต้องมีความเชี่ยวชาญในการเขียนโค้ดฝั่งไคลเอ็นต์ แต่ความรู้พื้นฐานจะช่วยให้คุณทำงานได้ดีขึ้นกับนักพัฒนาซอฟต์แวร์ที่สร้างเว็บฝั่งไคลเอ็นต์ "ส่วนหน้า"

- -

คุณจะต้องเข้าใจ "วิธีการทำงานของเว็บ" เราขอแนะนำให้คุณอ่านหัวข้อต่อไปนี้ก่อน:

- - - -

ด้วยความเข้าใจพื้นฐานดังกล่าวคุณก็พร้อมที่จะดำเนินการตามโมดูลต่างๆในส่วนนี้ 

- -

โมดูล

- -

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

- -
-
ขั้นตอนแรกการเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์
-
โมดูลนี้ให้ข้อมูลเทคโนโลยีที่ไม่เชื่อเรื่องพระเจ้าเกี่ยวกับการเขียนโปรแกรมเว็บไซต์ฝั่งเซิร์ฟเวอร์เช่น "มันคืออะไร" "มันแตกต่างจากการเขียนโปรแกรมฝั่งไคลเอนต์อย่างไร" และ "ทำไมจึงมีประโยชน์" โมดูลนี้ยังสรุปเฟรมเวิร์กเว็บฝั่งเซิร์ฟเวอร์ที่เป็นที่นิยมมากขึ้นและให้คำแนะนำเกี่ยวกับวิธีการเลือกสิ่งที่ดีที่สุดสำหรับไซต์ของคุณ สุดท้ายนี้มีการแนะนำการรักษาความปลอดภัยเว็บเซิร์ฟเวอร์
-
Django Web Framework (Python)
-
Django เป็นเว็บเฟรมเวิร์กฝั่งเซิร์ฟเวอร์ที่ได้รับความนิยมอย่างมากเขียนด้วยภาษา Python โมดูลนี้อธิบายว่าเหตุใด Django จึงเป็นเฟรมเวิร์กเว็บเซิร์ฟเวอร์ที่ดีวิธีตั้งค่าสภาพแวดล้อมการพัฒนาและวิธีดำเนินงานทั่วไปกับมัน
-
Express Web Framework (Node.js / JavaScript)
-
Express เป็นเว็บเฟรมเวิร์กยอดนิยมซึ่งเขียนด้วย JavaScript และโฮสต์ภายในสภาพแวดล้อมรันไทม์ node.js โมดูลจะอธิบายถึงประโยชน์หลักบางประการของเฟรมเวิร์กนี้วิธีตั้งค่าสภาพแวดล้อมการพัฒนาของคุณและวิธีดำเนินงานการพัฒนาเว็บและการปรับใช้งานทั่วไป
-
- -

ดูสิ่งนี้ด้วย

- -
-
เซิร์ฟเวอร์โหนดที่ไม่มีกรอบ
-
บทความนี้แสดงเซิร์ฟเวอร์ไฟล์แบบคงที่แบบธรรมดาที่สร้างด้วย Node.js บริสุทธิ์สำหรับผู้ที่คุณไม่ต้องการใช้เฟรมเวิร์ก
-
การกำหนดค่าประเภท MIME ของเซิร์ฟเวอร์อย่างถูกต้อง
-
การกำหนดค่าเซิร์ฟเวอร์ของคุณเพื่อส่ง {{อภิธานศัพท์ ("MIME types")}} ที่ถูกต้อง (หรือที่เรียกว่าประเภทสื่อหรือประเภทเนื้อหา) ไปยังเบราว์เซอร์เป็นสิ่งสำคัญสำหรับเบราว์เซอร์เพื่อให้สามารถประมวลผลและแสดงเนื้อหาได้อย่างถูกต้อง นอกจากนี้ยังเป็นสิ่งสำคัญในการป้องกันเนื้อหาที่เป็นอันตรายจากการปลอมตัวเป็นเนื้อหาที่ไม่เป็นอันตราย
-
diff --git "a/files/th/learn/\340\271\200\340\270\243\340\270\264\340\271\210\340\270\241\340\270\225\340\271\211\340\270\231\340\271\203\340\270\212\340\271\211\340\270\207\340\270\262\340\270\231\340\271\200\340\270\247\340\271\207\340\270\232/index.html" "b/files/th/learn/\340\271\200\340\270\243\340\270\264\340\271\210\340\270\241\340\270\225\340\271\211\340\270\231\340\271\203\340\270\212\340\271\211\340\270\207\340\270\262\340\270\231\340\271\200\340\270\247\340\271\207\340\270\232/index.html" deleted file mode 100644 index 0eb9b565f5..0000000000 --- "a/files/th/learn/\340\271\200\340\270\243\340\270\264\340\271\210\340\270\241\340\270\225\340\271\211\340\270\231\340\271\203\340\270\212\340\271\211\340\270\207\340\270\262\340\270\231\340\271\200\340\270\247\340\271\207\340\270\232/index.html" +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: เริ่มต้นใช้งานเว็บ -slug: Learn/เริ่มต้นใช้งานเว็บ -translation_of: Learn/Getting_started_with_the_web ---- -
{{LearnSidebar}}
- -
-

การเริ่มต้นใช้งานเว็บเป็นซีรีส์สั้น ๆ ที่จะแนะนำคุณเกี่ยวกับการปฏิบัติจริงของการพัฒนาเว็บ คุณจะต้องตั้งค่าเครื่องมือที่จำเป็นในการสร้างหน้าเว็บแบบธรรมดาและเผยแพร่โค้ดง่ายๆของคุณเอง

-
- -

เรื่องราวของเว็บไซต์แรกของคุณ

- -

การสร้างเว็บไซต์แบบมืออาชีพเป็นงานที่ต้องทำมากมายดังนั้นหากคุณยังใหม่กับการพัฒนาเว็บเราขอแนะนำให้คุณเริ่มต้นจากเล็ก ๆ คุณจะไม่สร้าง Facebook ใหม่ในทันที แต่มันไม่ยากที่จะทำให้เว็บไซต์ง่ายๆของคุณเองทางออนไลน์เราจะเริ่มที่นั่น

- -

ด้วยการทำงานตามบทความด้านล่างตามลำดับคุณจะไม่ต้องทำอะไรเลยเพื่อให้หน้าเว็บแรกของคุณออนไลน์ มาเริ่มการเดินทางกันเลย!

- -

การติดตั้งซอฟต์แวร์พื้นฐาน

- -

เมื่อพูดถึงเครื่องมือในการสร้างเว็บไซต์มีหลายอย่างให้เลือก หากคุณเพิ่งเริ่มต้นคุณอาจสับสนกับอาร์เรย์ของเครื่องมือแก้ไขโค้ดเฟรมเวิร์กและเครื่องมือทดสอบที่มีอยู่ ในการติดตั้งซอฟต์แวร์พื้นฐานเราจะแสดงวิธีการติดตั้งซอฟต์แวร์ที่คุณต้องการเพื่อเริ่มต้นการพัฒนาเว็บขั้นพื้นฐานแบบทีละขั้นตอน

- -

เว็บไซต์ของคุณจะเป็นอย่างไร?

- -

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

- -

การจัดการกับไฟล์

- -

เว็บไซต์ประกอบด้วยไฟล์จำนวนมาก: เนื้อหาข้อความโค้ดสไตล์ชีตเนื้อหาสื่อและอื่น ๆ เมื่อคุณสร้างเว็บไซต์คุณต้องรวบรวมไฟล์เหล่านี้ให้เป็นโครงสร้างที่เหมาะสมและตรวจสอบให้แน่ใจว่าพวกเขาสามารถพูดคุยกันได้ การจัดการกับไฟล์จะอธิบายถึงวิธีตั้งค่าโครงสร้างไฟล์ที่เหมาะสมสำหรับเว็บไซต์ของคุณและปัญหาที่คุณควรทราบ

- -

พื้นฐาน HTML

- -

Hypertext Markup Language (HTML) คือรหัสที่คุณใช้เพื่อจัดโครงสร้างเนื้อหาเว็บของคุณและให้ความหมายและวัตถุประสงค์ ตัวอย่างเช่นเนื้อหาของฉันเป็นชุดของย่อหน้าหรือรายการสัญลักษณ์แสดงหัวข้อย่อยหรือไม่ ฉันมีภาพแทรกบนหน้าของฉันหรือไม่? ฉันมีตารางข้อมูลหรือไม่? โดยไม่ทำให้คุณพื้นฐาน HTMLให้ข้อมูลมากพอที่จะทำให้คุณคุ้นเคยกับ HTML

- -

พื้นฐาน CSS

- -

Cascading Stylesheets (CSS) คือโค้ดที่คุณใช้จัดรูปแบบเว็บไซต์ของคุณ ตัวอย่างเช่นคุณต้องการให้ข้อความเป็นสีดำหรือสีแดง? ควรวาดเนื้อหาบนหน้าจอที่ใด ภาพพื้นหลังและสีใดที่ควรใช้ในการตกแต่งเว็บไซต์ของคุณ ข้อมูลเบื้องต้นเกี่ยวกับ CSSจะนำคุณไปสู่สิ่งที่คุณต้องใช้ในการเริ่มต้น

- -

พื้นฐาน JavaScript

- -

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

- -

เผยแพร่เว็บไซต์ของคุณ

- -

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

- -

เว็บทำงานอย่างไร

- -

เมื่อคุณเข้าถึงเว็บไซต์โปรดของคุณสิ่งที่ซับซ้อนมากมายเกิดขึ้นในเบื้องหลังที่คุณอาจไม่รู้ วิธีการทำงานของเว็บสรุปสิ่งที่เกิดขึ้นเมื่อคุณดูเว็บเพจบนคอมพิวเตอร์ของคุณ

- -

ดูสิ่งนี้ด้วย

- - diff --git a/files/th/mdn/at_ten/index.html b/files/th/mdn/at_ten/index.html new file mode 100644 index 0000000000..9a47d2bcee --- /dev/null +++ b/files/th/mdn/at_ten/index.html @@ -0,0 +1,48 @@ +--- +title: MDN at 10 +slug: MDN_at_ten +translation_of: MDN_at_ten +--- +

  

+ +

 

+ +

  

+ +
Celebrate 10 years of documenting your Web.
+ +
+
+

 

+ +

The history of MDN

+ +

In early 2005, a small team of idealists set out to create a new, free, community-built online resource for all Web developers. Their brilliant but offbeat idea grew into today’s Mozilla Developer Network—the premier resource for all open Web technologies. Ten years later, our global community is bigger than ever, and together we’re still creating documentation, sample code and learning resources for all open Web technologies, including CSS, HTML, JavaScript and everything else that makes the open Web as powerful as it is.

+ +

Learn more about the history

+ +

 

+ +

Contributing to MDN

+ +

For ten years, the MDN community has been documenting the open Web. From fixing simple typos to writing entire suites of an entirely new API, everyone has something to offer and no contribution is too large or too small. We have over 90,000 pages of content that have been written or translated by members of our outstanding community of Mozillians. You can become one of them.

+ +

Learn more about contributing

+ +

 

+ +

 

+
+ +
{{TenthCampaignQuote}}
+ + + +
    +
  1. MDN at 10
    2. +
  2. The history of MDN
    3. +
  3. Contributing to MDN
    4. +
+
+ +

 

diff --git a/files/th/mdn/contribute/howto/create_an_mdn_account/index.html b/files/th/mdn/contribute/howto/create_an_mdn_account/index.html deleted file mode 100644 index 0f0427dc02..0000000000 --- a/files/th/mdn/contribute/howto/create_an_mdn_account/index.html +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: How to create an MDN account -slug: MDN/Contribute/Howto/Create_an_MDN_account -translation_of: MDN/Contribute/Howto/Create_an_MDN_account ---- -
{{MDNSidebar}}

ในการแก้ไขเนื้อหาใน MDN คุณต้องมีโปรไฟล์ MDN คุณไม่จำเป็นต้องมีโปรไฟล์ถ้าคุณต้องการอ่านและค้นหาเอกสาร MDN เท่านั้น คู่มือนี้จะช่วยคุณในการตั้งค่าโปรไฟล์ MDN ของคุณ

- -
-
ทำไม MDN จึงต้องการที่อยู่อีเมลของฉัน?
-
-ที่อยู่อีเมลของคุณใช้สำหรับการกู้คืนบัญชีและผู้บริหารระบบ MDN จะติดต่อคุณเกี่ยวกับบัญชีของคุณหรือกิจกรรมของคุณในเว็บไซต์หากจำเป็น
-
-นอกจากนี้คุณสามารถลงทะเบียนเพื่อรับการแจ้งเตือน (เช่นเมื่อมีการเปลี่ยนแปลงหน้าเว็บบางหน้า ) และข้อความ (ตัวอย่างเช่นถ้าคุณเลือกเข้าร่วมทีมทดสอบเบต้าของเราคุณอาจได้รับอีเมลเกี่ยวกับคุณลักษณะใหม่ ๆ ที่ต้องการการทดสอบ)
-
-ที่อยู่อีเมลของคุณจะไม่ปรากฏบน MDN และจะใช้เฉพาะตามนโยบายส่วนบุคคลเท่านั้น
- -
ถ้าคุณลงชื่อเข้าใช้ MDN ผ่าน GitHub และคุณใช้ที่อยู่อีเมล "noreply" ใน GitHub คุณจะไม่ได้รับข้อความ (รวมถึงการแจ้งเตือนเมื่อสมัครสมาชิกเพจ) จาก MDN
-
-
- -
    -
  1. ที่ด้านบนสุดของทุกหน้าใน MDN คุณจะพบปุ่มที่มีข้อความลงชื่อเข้าใช้ ชี้เมาส์ไปที่เมาส์นี้ (หรือแตะที่นี่ถ้าคุณใช้อุปกรณ์เคลื่อนที่) เพื่อแสดงรายการบริการตรวจสอบสิทธิ์ที่เราสนับสนุนในการลงชื่อเข้าใช้ MDN
    2. -
  2. เลือกบริการที่จะลงชื่อเข้าใช้ด้วย ขณะนี้มีเฉพาะ GitHub เท่านั้น โปรดทราบว่าหากคุณเลือก GitHub ลิงก์ไปยังโปรไฟล์ GitHub ของคุณจะถูกรวมไว้ในหน้าโปรไฟล์ MDN สาธารณะของคุณ
    3. -
  3. ทำตามคำแนะนำของ GitHub เพื่อเชื่อมต่อบัญชีของคุณกับ MDN
    4. -
  4. เมื่อบริการตรวจสอบสิทธิ์ส่งคืนคุณเป็น MDN คุณจะได้รับพร้อมท์ให้ป้อนชื่อผู้ใช้และที่อยู่อีเมล ชื่อผู้ใช้ของคุณจะปรากฏต่อสาธารณะเพื่อให้เครดิตคุณสำหรับงานที่คุณทำ อย่าใช้ที่อยู่อีเมลของคุณเป็นชื่อผู้ใช้ของคุณ
    5. -
  5. คลิกสร้างโปรไฟล์ MDN ของฉัน
    6. -
  6. หากที่อยู่อีเมลที่คุณระบุในขั้นตอนที่ 4 ไม่ใช่แบบเดียวกับที่คุณใช้กับบริการรับรองความถูกต้องโปรดตรวจสอบอีเมลของคุณและคลิกลิงก์ในอีเมลยืนยันที่เราส่งให้คุณ
    7. -
- -

แค่นั้นแหละ! คุณมีบัญชี MDN แล้วคุณสามารถแก้ไขหน้าได้ทันที!

- -

คุณสามารถคลิกที่ชื่อของคุณที่ด้านบนของหน้า MDN เพื่อดูโปรไฟล์สาธารณะของคุณ จากตรงนั้นคุณสามารถคลิกแก้ไขเพื่อทำการเปลี่ยนแปลงหรือเพิ่มโปรไฟล์ของคุณ

- -
-

ชื่อผู้ใช้ใหม่ต้องไม่มีช่องว่างหรืออักขระ "@" โปรดจำไว้ว่าชื่อผู้ใช้ของคุณจะปรากฏต่อสาธารณชนเพื่อระบุงานที่คุณทำ

-
diff --git a/files/th/mdn/contribute/howto/do_a_technical_review/index.html b/files/th/mdn/contribute/howto/do_a_technical_review/index.html deleted file mode 100644 index 9979f85c10..0000000000 --- a/files/th/mdn/contribute/howto/do_a_technical_review/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: How to do a technical review -slug: MDN/Contribute/Howto/Do_a_technical_review -translation_of: MDN/Contribute/Howto/Do_a_technical_review ---- -
{{MDNSidebar}}

{{IncludeSubnav ( "/ en-US / เอกสาร / MDN")}}

- -

การตรวจสอบทางเทคนิคประกอบด้วยการตรวจสอบความถูกต้องทางด้านเทคนิคและความสมบูรณ์ของบทความและแก้ไขได้ถ้าจำเป็นถ้าเป็นนักเขียนของบทความต้องการให้คนอื่นตรวจสอบเนื้อหาทางเทคนิคของบทความนักเขียนเห็บ "การตรวจสอบทางเทคนิคช่อง" ขณะที่การแก้ไขการติดต่อมักจะเขียนเป็นวิศวกรที่เฉพาะเจาะจงในการดำเนินการตรวจสอบทางเทคนิค แต่ทุกคนที่มีความเชี่ยวชาญทางเทคนิคในหัวข้อสามารถทำอย่างใดอย่างหนึ่ง

- -

บทความนี้อธิบายถึงวิธีการที่จะดำเนินการตรวจสอบทางเทคนิคจึงช่วยให้เพื่อให้มั่นใจว่าเนื้อหา MDN อย่างถูกต้อง

- -
-
งานของคุณคืออะไร?
-
การตรวจสอบและแก้ไขบทความเพื่อความถูกต้องและครบถ้วนทางเทคนิค
-
ที่ไม่ได้จะต้องมีการทำ?
-
ในบทความที่เฉพาะเจาะจงที่ถูกทำเครื่องหมายเป็นต้องมีการตรวจสอบทางเทคนิค
-
สิ่งใดที่คุณจำเป็นต้องรู้ที่จะทำงานได้หรือไม่
-
-
    -
  • ความรู้จากผู้เชี่ยวชาญในหัวข้อของบทความที่คุณกำลังตรวจสอบหากอ่านบทความไม่ได้สอนอะไรใหม่อย่างมีนัยสำคัญจะพิจารณาตัวเองผู้เชี่ยวชาญ
    • -
  • วิธีการแก้ไขบทความวิกิพีเดียใน MDN
    • -
-
-
มีขั้นตอนอะไรจะทำหรือไม่
-
-
    -
  1. เลือกบทความเพื่อทบทวน: -
      -
    1. ไปที่รายการของหน้าเว็บที่ต้องการแสดงความคิดเห็นทางเทคนิคนี้แสดงหน้าเว็บทั้งหมดที่มีการตรวจสอบทางเทคนิคได้รับการร้องขอ
      2. -
    2. เลือกหน้ามีหัวข้อที่คุณมีความคุ้นเคยกับ
      3. -
    3. คลิกที่ลิงค์บทความเพื่อโหลดหน้าเว็บ
      4. -
    -
    2. -
  2. อ่านบทความที่ให้ความสนใจใกล้เคียงกับรายละเอียดทางเทคนิค: บทความถูกต้องหรือไม่มีอะไรหายไป? อย่าลังเลที่จะเปลี่ยนไปยังเพจที่แตกต่างกันถ้าคนแรกที่คุณเลือกไม่เหมาะกับคุณ
    3. -
  3. "ตรวจสอบอย่างรวดเร็ว" ๆ
    - ภาพหน้าจอของกล่องแถบด้านข้างของรายการความคิดเห็นที่ได้รับการร้องขอและช่วยให้ธงจะมีการเปลี่ยนแปลง
    4. -
  4. ยกเลิกการเลือกเทคนิคช่องทำเครื่องหมายและคลิกบันทึก
    5. -
  5. หากคุณพบข้อผิดพลาดที่ต้องได้รับการแก้ไขแล้วคุณจะดีใจที่รู้ว่าคุณยังสามารถเปลี่ยนสถานะคำขอตรวจสอบจากภายในบรรณาธิการนี่คือขั้นตอนการทำงาน: -
      -
    1. แก้ไขหน้าให้คลิกแก้ไขปุ่มที่อยู่ด้านบนของหน้า; นี้ทำให้คุณเข้าสู่การแก้ไข MDN
      2. -
    2. แก้ไขข้อมูลทางด้านเทคนิคใด ๆ ที่ไม่ถูกต้องและ / หรือเพิ่มข้อมูลใด ๆ ที่สำคัญที่ขาดหายไป
      3. -
    3. ป้อนRevision ๆ ที่อธิบายถึงสิ่งที่คุณทำ เช่น ๆ qualfied ในการตรวจสอบ
      4. -
    4. ยกเลิกการเลือกเทคนิคกล่องใต้ทบทวนจำเป็น?เพียงด้านล่างพื้นที่แสดงความคิดเห็นการทบทวนของหน้า
      5. -
    5. ที่คลิกเผยแพร่ปุ่ม
      6. -
    -
    6. -
- -

ขอแสดงความยินดี! คุณเสร็จสิ้นการตรวจสอบทางเทคนิคครั้งแรกของคุณ! ขอขอบคุณสำหรับความช่วยเหลือของคุณ!

-
-
diff --git a/files/th/mdn_at_ten/index.html b/files/th/mdn_at_ten/index.html deleted file mode 100644 index 9a47d2bcee..0000000000 --- a/files/th/mdn_at_ten/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: MDN at 10 -slug: MDN_at_ten -translation_of: MDN_at_ten ---- -

  

- -

 

- -

  

- -
Celebrate 10 years of documenting your Web.
- -
-
-

 

- -

The history of MDN

- -

In early 2005, a small team of idealists set out to create a new, free, community-built online resource for all Web developers. Their brilliant but offbeat idea grew into today’s Mozilla Developer Network—the premier resource for all open Web technologies. Ten years later, our global community is bigger than ever, and together we’re still creating documentation, sample code and learning resources for all open Web technologies, including CSS, HTML, JavaScript and everything else that makes the open Web as powerful as it is.

- -

Learn more about the history

- -

 

- -

Contributing to MDN

- -

For ten years, the MDN community has been documenting the open Web. From fixing simple typos to writing entire suites of an entirely new API, everyone has something to offer and no contribution is too large or too small. We have over 90,000 pages of content that have been written or translated by members of our outstanding community of Mozillians. You can become one of them.

- -

Learn more about contributing

- -

 

- -

 

-
- -
{{TenthCampaignQuote}}
- - - -
    -
  1. MDN at 10
    2. -
  2. The history of MDN
    3. -
  3. Contributing to MDN
    4. -
-
- -

 

diff --git a/files/th/mozilla/firefox/releases/30/index.html b/files/th/mozilla/firefox/releases/30/index.html new file mode 100644 index 0000000000..cd3dead3ee --- /dev/null +++ b/files/th/mozilla/firefox/releases/30/index.html @@ -0,0 +1,65 @@ +--- +title: Firefox 30 for developers +slug: Mozilla/Firefox/เปิดผนึก/30 +translation_of: Mozilla/Firefox/Releases/30 +--- +
{{FirefoxSidebar}}

Want to help document Firefox 30? See the list of bugs that need to be written about and pitch in!

+

Changes for Web developers

+

Developer Tools

+ +

CSS

+ +

HTML

+

No change.

+

JavaScript

+ +

Interfaces/APIs/DOM

+ +

MathML

+

No change.

+

SVG

+ +

Audio/Video

+ +

Security

+

No change.

+

Changes for add-on and Mozilla developers

+ +

See also

+ +

Older versions

+

{{Firefox_for_developers('29')}}

diff --git a/files/th/mozilla/firefox/releases/47/index.html b/files/th/mozilla/firefox/releases/47/index.html new file mode 100644 index 0000000000..e827aa2ea2 --- /dev/null +++ b/files/th/mozilla/firefox/releases/47/index.html @@ -0,0 +1,174 @@ +--- +title: Firefox 47 for developers +slug: Mozilla/Firefox/เปิดผนึก/47 +translation_of: Mozilla/Firefox/Releases/47 +--- +
{{FirefoxSidebar}}

To test the latest developer features of Firefox,
+ install Firefox Developer EditionFirefox 47 was released on June 6, 2016. This article lists key changes that are useful not only for web developers, but also Firefox and Gecko developers as well as add-on developers.

+ +

Changes for Web developers

+ +

Developer Tools

+ + + +

HTML

+ +

No change.

+ +

CSS

+ + + +

JavaScript

+ + + +

Interfaces/APIs/DOM

+ +

DOM & HTML DOM

+ + + +

WebGL

+ +

No change.

+ +

IndexedDB

+ + + + + + + +

WebRTC

+ + + +

New APIs

+ +

No change.

+ +

Others

+ + + +

Audio/Video

+ + + +

HTTP

+ + + +

Networking

+ +

No change.

+ +

Security

+ + + +

Changes for add-on and Mozilla developers

+ +

Interfaces

+ + + +

FUEL

+ +

The FUEL JavaScript library, introduced back in Firefox 3, has been removed. This library was designed to aid in add-on development and with the introduction of the Add-on SDK and, now, by WebExtensions support, is no longer useful. ({{bug(1090880)}})

+ +

XUL

+ +

No change.

+ +

JavaScript code modules

+ +

No change.

+ +

XPCOM

+ +

No change.

+ +

Other

+ +

No change.

+ +

See also

+ + + +

Older versions

+ +

{{Firefox_for_developers(46)}}

diff --git a/files/th/mozilla/firefox/releases/index.html b/files/th/mozilla/firefox/releases/index.html new file mode 100644 index 0000000000..544c0ef3d0 --- /dev/null +++ b/files/th/mozilla/firefox/releases/index.html @@ -0,0 +1,8 @@ +--- +title: จดหมายเปิดผนึกถึงนักพัฒนา Firefox +slug: Mozilla/Firefox/เปิดผนึก +translation_of: Mozilla/Firefox/Releases +--- +
{{FirefoxSidebar}}

หน้านี้เอื้ออำนวย ลิงค์ไปสู่ "Firefox X สำหรับนักพัฒนา" บนความในแต่ละครั้งที่ FireFox ส่งออกมา จดหมายเหล่านี้ จะให้คุณได้เห็นว่า มีคุณลักษณะใหม่ที่เพิ่มเข้ามา และ บัคที่ถูกตัดทิ้งไปในแต่ละรุ่นของ FireFox

+
+ {{ListSubpages("",1,0,1)}}
diff --git "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/30/index.html" "b/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/30/index.html" deleted file mode 100644 index cd3dead3ee..0000000000 --- "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/30/index.html" +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: Firefox 30 for developers -slug: Mozilla/Firefox/เปิดผนึก/30 -translation_of: Mozilla/Firefox/Releases/30 ---- -
{{FirefoxSidebar}}

Want to help document Firefox 30? See the list of bugs that need to be written about and pitch in!

-

Changes for Web developers

-

Developer Tools

- -

CSS

- -

HTML

-

No change.

-

JavaScript

- -

Interfaces/APIs/DOM

- -

MathML

-

No change.

-

SVG

- -

Audio/Video

- -

Security

-

No change.

-

Changes for add-on and Mozilla developers

- -

See also

- -

Older versions

-

{{Firefox_for_developers('29')}}

diff --git "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/47/index.html" "b/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/47/index.html" deleted file mode 100644 index e827aa2ea2..0000000000 --- "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/47/index.html" +++ /dev/null @@ -1,174 +0,0 @@ ---- -title: Firefox 47 for developers -slug: Mozilla/Firefox/เปิดผนึก/47 -translation_of: Mozilla/Firefox/Releases/47 ---- -
{{FirefoxSidebar}}

To test the latest developer features of Firefox,
- install Firefox Developer EditionFirefox 47 was released on June 6, 2016. This article lists key changes that are useful not only for web developers, but also Firefox and Gecko developers as well as add-on developers.

- -

Changes for Web developers

- -

Developer Tools

- - - -

HTML

- -

No change.

- -

CSS

- - - -

JavaScript

- - - -

Interfaces/APIs/DOM

- -

DOM & HTML DOM

- - - -

WebGL

- -

No change.

- -

IndexedDB

- - - - - - - -

WebRTC

- - - -

New APIs

- -

No change.

- -

Others

- - - -

Audio/Video

- - - -

HTTP

- - - -

Networking

- -

No change.

- -

Security

- - - -

Changes for add-on and Mozilla developers

- -

Interfaces

- - - -

FUEL

- -

The FUEL JavaScript library, introduced back in Firefox 3, has been removed. This library was designed to aid in add-on development and with the introduction of the Add-on SDK and, now, by WebExtensions support, is no longer useful. ({{bug(1090880)}})

- -

XUL

- -

No change.

- -

JavaScript code modules

- -

No change.

- -

XPCOM

- -

No change.

- -

Other

- -

No change.

- -

See also

- - - -

Older versions

- -

{{Firefox_for_developers(46)}}

diff --git "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/index.html" "b/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/index.html" deleted file mode 100644 index 544c0ef3d0..0000000000 --- "a/files/th/mozilla/firefox/\340\271\200\340\270\233\340\270\264\340\270\224\340\270\234\340\270\231\340\270\266\340\270\201/index.html" +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: จดหมายเปิดผนึกถึงนักพัฒนา Firefox -slug: Mozilla/Firefox/เปิดผนึก -translation_of: Mozilla/Firefox/Releases ---- -
{{FirefoxSidebar}}

หน้านี้เอื้ออำนวย ลิงค์ไปสู่ "Firefox X สำหรับนักพัฒนา" บนความในแต่ละครั้งที่ FireFox ส่งออกมา จดหมายเหล่านี้ จะให้คุณได้เห็นว่า มีคุณลักษณะใหม่ที่เพิ่มเข้ามา และ บัคที่ถูกตัดทิ้งไปในแต่ละรุ่นของ FireFox

-
- {{ListSubpages("",1,0,1)}}
diff --git a/files/th/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html b/files/th/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html new file mode 100644 index 0000000000..0f0427dc02 --- /dev/null +++ b/files/th/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html @@ -0,0 +1,36 @@ +--- +title: How to create an MDN account +slug: MDN/Contribute/Howto/Create_an_MDN_account +translation_of: MDN/Contribute/Howto/Create_an_MDN_account +--- +
{{MDNSidebar}}

ในการแก้ไขเนื้อหาใน MDN คุณต้องมีโปรไฟล์ MDN คุณไม่จำเป็นต้องมีโปรไฟล์ถ้าคุณต้องการอ่านและค้นหาเอกสาร MDN เท่านั้น คู่มือนี้จะช่วยคุณในการตั้งค่าโปรไฟล์ MDN ของคุณ

+ +
+
ทำไม MDN จึงต้องการที่อยู่อีเมลของฉัน?
+
+ที่อยู่อีเมลของคุณใช้สำหรับการกู้คืนบัญชีและผู้บริหารระบบ MDN จะติดต่อคุณเกี่ยวกับบัญชีของคุณหรือกิจกรรมของคุณในเว็บไซต์หากจำเป็น
+
+นอกจากนี้คุณสามารถลงทะเบียนเพื่อรับการแจ้งเตือน (เช่นเมื่อมีการเปลี่ยนแปลงหน้าเว็บบางหน้า ) และข้อความ (ตัวอย่างเช่นถ้าคุณเลือกเข้าร่วมทีมทดสอบเบต้าของเราคุณอาจได้รับอีเมลเกี่ยวกับคุณลักษณะใหม่ ๆ ที่ต้องการการทดสอบ)
+
+ที่อยู่อีเมลของคุณจะไม่ปรากฏบน MDN และจะใช้เฉพาะตามนโยบายส่วนบุคคลเท่านั้น
+ +
ถ้าคุณลงชื่อเข้าใช้ MDN ผ่าน GitHub และคุณใช้ที่อยู่อีเมล "noreply" ใน GitHub คุณจะไม่ได้รับข้อความ (รวมถึงการแจ้งเตือนเมื่อสมัครสมาชิกเพจ) จาก MDN
+
+
+ +
    +
  1. ที่ด้านบนสุดของทุกหน้าใน MDN คุณจะพบปุ่มที่มีข้อความลงชื่อเข้าใช้ ชี้เมาส์ไปที่เมาส์นี้ (หรือแตะที่นี่ถ้าคุณใช้อุปกรณ์เคลื่อนที่) เพื่อแสดงรายการบริการตรวจสอบสิทธิ์ที่เราสนับสนุนในการลงชื่อเข้าใช้ MDN
    2. +
  2. เลือกบริการที่จะลงชื่อเข้าใช้ด้วย ขณะนี้มีเฉพาะ GitHub เท่านั้น โปรดทราบว่าหากคุณเลือก GitHub ลิงก์ไปยังโปรไฟล์ GitHub ของคุณจะถูกรวมไว้ในหน้าโปรไฟล์ MDN สาธารณะของคุณ
    3. +
  3. ทำตามคำแนะนำของ GitHub เพื่อเชื่อมต่อบัญชีของคุณกับ MDN
    4. +
  4. เมื่อบริการตรวจสอบสิทธิ์ส่งคืนคุณเป็น MDN คุณจะได้รับพร้อมท์ให้ป้อนชื่อผู้ใช้และที่อยู่อีเมล ชื่อผู้ใช้ของคุณจะปรากฏต่อสาธารณะเพื่อให้เครดิตคุณสำหรับงานที่คุณทำ อย่าใช้ที่อยู่อีเมลของคุณเป็นชื่อผู้ใช้ของคุณ
    5. +
  5. คลิกสร้างโปรไฟล์ MDN ของฉัน
    6. +
  6. หากที่อยู่อีเมลที่คุณระบุในขั้นตอนที่ 4 ไม่ใช่แบบเดียวกับที่คุณใช้กับบริการรับรองความถูกต้องโปรดตรวจสอบอีเมลของคุณและคลิกลิงก์ในอีเมลยืนยันที่เราส่งให้คุณ
    7. +
+ +

แค่นั้นแหละ! คุณมีบัญชี MDN แล้วคุณสามารถแก้ไขหน้าได้ทันที!

+ +

คุณสามารถคลิกที่ชื่อของคุณที่ด้านบนของหน้า MDN เพื่อดูโปรไฟล์สาธารณะของคุณ จากตรงนั้นคุณสามารถคลิกแก้ไขเพื่อทำการเปลี่ยนแปลงหรือเพิ่มโปรไฟล์ของคุณ

+ +
+

ชื่อผู้ใช้ใหม่ต้องไม่มีช่องว่างหรืออักขระ "@" โปรดจำไว้ว่าชื่อผู้ใช้ของคุณจะปรากฏต่อสาธารณชนเพื่อระบุงานที่คุณทำ

+
diff --git a/files/th/orphaned/mdn/contribute/howto/do_a_technical_review/index.html b/files/th/orphaned/mdn/contribute/howto/do_a_technical_review/index.html new file mode 100644 index 0000000000..9979f85c10 --- /dev/null +++ b/files/th/orphaned/mdn/contribute/howto/do_a_technical_review/index.html @@ -0,0 +1,51 @@ +--- +title: How to do a technical review +slug: MDN/Contribute/Howto/Do_a_technical_review +translation_of: MDN/Contribute/Howto/Do_a_technical_review +--- +
{{MDNSidebar}}

{{IncludeSubnav ( "/ en-US / เอกสาร / MDN")}}

+ +

การตรวจสอบทางเทคนิคประกอบด้วยการตรวจสอบความถูกต้องทางด้านเทคนิคและความสมบูรณ์ของบทความและแก้ไขได้ถ้าจำเป็นถ้าเป็นนักเขียนของบทความต้องการให้คนอื่นตรวจสอบเนื้อหาทางเทคนิคของบทความนักเขียนเห็บ "การตรวจสอบทางเทคนิคช่อง" ขณะที่การแก้ไขการติดต่อมักจะเขียนเป็นวิศวกรที่เฉพาะเจาะจงในการดำเนินการตรวจสอบทางเทคนิค แต่ทุกคนที่มีความเชี่ยวชาญทางเทคนิคในหัวข้อสามารถทำอย่างใดอย่างหนึ่ง

+ +

บทความนี้อธิบายถึงวิธีการที่จะดำเนินการตรวจสอบทางเทคนิคจึงช่วยให้เพื่อให้มั่นใจว่าเนื้อหา MDN อย่างถูกต้อง

+ +
+
งานของคุณคืออะไร?
+
การตรวจสอบและแก้ไขบทความเพื่อความถูกต้องและครบถ้วนทางเทคนิค
+
ที่ไม่ได้จะต้องมีการทำ?
+
ในบทความที่เฉพาะเจาะจงที่ถูกทำเครื่องหมายเป็นต้องมีการตรวจสอบทางเทคนิค
+
สิ่งใดที่คุณจำเป็นต้องรู้ที่จะทำงานได้หรือไม่
+
+
    +
  • ความรู้จากผู้เชี่ยวชาญในหัวข้อของบทความที่คุณกำลังตรวจสอบหากอ่านบทความไม่ได้สอนอะไรใหม่อย่างมีนัยสำคัญจะพิจารณาตัวเองผู้เชี่ยวชาญ
    • +
  • วิธีการแก้ไขบทความวิกิพีเดียใน MDN
    • +
+
+
มีขั้นตอนอะไรจะทำหรือไม่
+
+
    +
  1. เลือกบทความเพื่อทบทวน: +
      +
    1. ไปที่รายการของหน้าเว็บที่ต้องการแสดงความคิดเห็นทางเทคนิคนี้แสดงหน้าเว็บทั้งหมดที่มีการตรวจสอบทางเทคนิคได้รับการร้องขอ
      2. +
    2. เลือกหน้ามีหัวข้อที่คุณมีความคุ้นเคยกับ
      3. +
    3. คลิกที่ลิงค์บทความเพื่อโหลดหน้าเว็บ
      4. +
    +
    2. +
  2. อ่านบทความที่ให้ความสนใจใกล้เคียงกับรายละเอียดทางเทคนิค: บทความถูกต้องหรือไม่มีอะไรหายไป? อย่าลังเลที่จะเปลี่ยนไปยังเพจที่แตกต่างกันถ้าคนแรกที่คุณเลือกไม่เหมาะกับคุณ
    3. +
  3. "ตรวจสอบอย่างรวดเร็ว" ๆ
    + ภาพหน้าจอของกล่องแถบด้านข้างของรายการความคิดเห็นที่ได้รับการร้องขอและช่วยให้ธงจะมีการเปลี่ยนแปลง
    4. +
  4. ยกเลิกการเลือกเทคนิคช่องทำเครื่องหมายและคลิกบันทึก
    5. +
  5. หากคุณพบข้อผิดพลาดที่ต้องได้รับการแก้ไขแล้วคุณจะดีใจที่รู้ว่าคุณยังสามารถเปลี่ยนสถานะคำขอตรวจสอบจากภายในบรรณาธิการนี่คือขั้นตอนการทำงาน: +
      +
    1. แก้ไขหน้าให้คลิกแก้ไขปุ่มที่อยู่ด้านบนของหน้า; นี้ทำให้คุณเข้าสู่การแก้ไข MDN
      2. +
    2. แก้ไขข้อมูลทางด้านเทคนิคใด ๆ ที่ไม่ถูกต้องและ / หรือเพิ่มข้อมูลใด ๆ ที่สำคัญที่ขาดหายไป
      3. +
    3. ป้อนRevision ๆ ที่อธิบายถึงสิ่งที่คุณทำ เช่น ๆ qualfied ในการตรวจสอบ
      4. +
    4. ยกเลิกการเลือกเทคนิคกล่องใต้ทบทวนจำเป็น?เพียงด้านล่างพื้นที่แสดงความคิดเห็นการทบทวนของหน้า
      5. +
    5. ที่คลิกเผยแพร่ปุ่ม
      6. +
    +
    6. +
+ +

ขอแสดงความยินดี! คุณเสร็จสิ้นการตรวจสอบทางเทคนิคครั้งแรกของคุณ! ขอขอบคุณสำหรับความช่วยเหลือของคุณ!

+
+
diff --git a/files/th/tools/debugger/ui_tour/index.html b/files/th/tools/debugger/ui_tour/index.html new file mode 100644 index 0000000000..a4c0bcf086 --- /dev/null +++ b/files/th/tools/debugger/ui_tour/index.html @@ -0,0 +1,149 @@ +--- +title: หนังโป้ +slug: Tools/Debugger/www.หนังโป้.com +translation_of: Tools/Debugger/UI_Tour +--- +
{{ToolsSidebar}}
+ +

บทความนี้แนะนำโดยย่อเกี่ยวกับส่วนหลักของส่วนต่อประสานผู้ใช้ JavaScript Debugger UI ถูกแบ่งออกเป็นสามส่วนในแนวตั้ง

+ + + +

+ +

บานหน้าต่างรายการแหล่งที่มา

+ +

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

+ +

+ +

คุณสามารถค้นหาไฟล์โดยใช้Ctrl+ P( Cmd+ Pบน Mac)

+ +

ส่วนขยายของเว็บจะแสดงรายการในบานหน้าต่างรายการแหล่งที่มาโดยใช้ชื่อส่วนขยาย

+ +

+ +

มีตัวเลือกเมนูหลายไฟล์และโฟลเดอร์หรือกลุ่มโดยทั่วไปแล้วจะดูได้โดยคลิกขวาที่รายการ

+ +

สำหรับไฟล์ตัวเลือกเมนูบริบทต่อไปนี้จะมีให้ใช้งาน:

+ +

สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับไฟล์ในบานหน้าต่างรายการแหล่งที่มา

+ + + +

สำหรับโฟลเดอร์และกลุ่มมีตัวเลือกเมนูบริบทต่อไปนี้:

+ +

สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับโฟลเดอร์ในบานหน้าต่างรายการแหล่งที่มา

+ + + +

มุมมองโครงร่าง

+ +

มุมมองโครงร่างแสดงแผนผังสำหรับการนำทางไฟล์ที่เปิดอยู่ในปัจจุบัน ใช้เพื่อข้ามไปยังนิยามฟังก์ชันคลาสหรือเมธอดโดยตรง

+ +

บานหน้าต่างแหล่งที่มา

+ +

นี่แสดงไฟล์ JavaScript ที่โหลดอยู่ในปัจจุบัน

+ +

เมื่อบานหน้าต่างต้นทางมุ่งเน้นคุณสามารถค้นหาสตริงในไฟล์โดยใช้Ctrl+ F( Cmd+ Fบน Mac)

+ +

Breakpoints have a blue arrow overlaid on the line number. Conditional breakpoints have an orange arrow. If you're stopped at a breakpoint, the entire line gets a green overlay. In the screenshot below there are three breakpoints:

+ + + +

+ +

The third column shows more information about the breakpoints. For example, the logpoint at line 85 logs the value of the tableRow variable to the console and the conditional breakpoint at line 100 breaks if the contents of the todoList is undefined.

+ +

Toolbar

+ +

At the top of the right-hand pane, there's a toolbar:

+ +

+ +

The toolbar consists of:

+ + + +

Breakpoints list

+ +

Under the toolbar, you'll see all the breakpoints you've set. Next to each breakpoint is a checkbox which you can use to enable/disable it:

+ +

+ +

Watch expressions

+ +

You can add watch expressions in the right pane. They will be evaluated when code execution is paused:

+ +

+ +

Variable tooltip

+ +

Hover on a variable show a tooltip with its value inside:

+ +

+ +

Call stack

+ +

When the debugger's paused, you'll see a call stack:

+ +

Each level of the call stack gets a line, with the name of the function and the filename and line number. Clicking the line opens that source in the source pane.

+ +

Right-clicking in the call stack pane opens a context menu with the following items:

+ + + +

ขอบเขต

+ +

คุณจะเห็นป้ายชื่อ "ขอบ" พร้อมลูกศรซ่อนอยู่หลังป้ายชื่อตัวละครที่ซ่อนอยู่ในตอนท้ายของโปรแกรม:

+ +

ภาชนะที่ถูกจัดเรียงตามขอบ: ส่วนใหญ่จะขึ้นก่อนหน้านี้และวงกลมใหญ่ทั่วโลก

diff --git "a/files/th/tools/debugger/www.\340\270\253\340\270\231\340\270\261\340\270\207\340\271\202\340\270\233\340\271\211.com/index.html" "b/files/th/tools/debugger/www.\340\270\253\340\270\231\340\270\261\340\270\207\340\271\202\340\270\233\340\271\211.com/index.html" deleted file mode 100644 index a4c0bcf086..0000000000 --- "a/files/th/tools/debugger/www.\340\270\253\340\270\231\340\270\261\340\270\207\340\271\202\340\270\233\340\271\211.com/index.html" +++ /dev/null @@ -1,149 +0,0 @@ ---- -title: หนังโป้ -slug: Tools/Debugger/www.หนังโป้.com -translation_of: Tools/Debugger/UI_Tour ---- -
{{ToolsSidebar}}
- -

บทความนี้แนะนำโดยย่อเกี่ยวกับส่วนหลักของส่วนต่อประสานผู้ใช้ JavaScript Debugger UI ถูกแบ่งออกเป็นสามส่วนในแนวตั้ง

- - - -

- -

บานหน้าต่างรายการแหล่งที่มา

- -

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

- -

- -

คุณสามารถค้นหาไฟล์โดยใช้Ctrl+ P( Cmd+ Pบน Mac)

- -

ส่วนขยายของเว็บจะแสดงรายการในบานหน้าต่างรายการแหล่งที่มาโดยใช้ชื่อส่วนขยาย

- -

- -

มีตัวเลือกเมนูหลายไฟล์และโฟลเดอร์หรือกลุ่มโดยทั่วไปแล้วจะดูได้โดยคลิกขวาที่รายการ

- -

สำหรับไฟล์ตัวเลือกเมนูบริบทต่อไปนี้จะมีให้ใช้งาน:

- -

สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับไฟล์ในบานหน้าต่างรายการแหล่งที่มา

- - - -

สำหรับโฟลเดอร์และกลุ่มมีตัวเลือกเมนูบริบทต่อไปนี้:

- -

สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับโฟลเดอร์ในบานหน้าต่างรายการแหล่งที่มา

- - - -

มุมมองโครงร่าง

- -

มุมมองโครงร่างแสดงแผนผังสำหรับการนำทางไฟล์ที่เปิดอยู่ในปัจจุบัน ใช้เพื่อข้ามไปยังนิยามฟังก์ชันคลาสหรือเมธอดโดยตรง

- -

บานหน้าต่างแหล่งที่มา

- -

นี่แสดงไฟล์ JavaScript ที่โหลดอยู่ในปัจจุบัน

- -

เมื่อบานหน้าต่างต้นทางมุ่งเน้นคุณสามารถค้นหาสตริงในไฟล์โดยใช้Ctrl+ F( Cmd+ Fบน Mac)

- -

Breakpoints have a blue arrow overlaid on the line number. Conditional breakpoints have an orange arrow. If you're stopped at a breakpoint, the entire line gets a green overlay. In the screenshot below there are three breakpoints:

- - - -

- -

The third column shows more information about the breakpoints. For example, the logpoint at line 85 logs the value of the tableRow variable to the console and the conditional breakpoint at line 100 breaks if the contents of the todoList is undefined.

- -

Toolbar

- -

At the top of the right-hand pane, there's a toolbar:

- -

- -

The toolbar consists of:

- - - -

Breakpoints list

- -

Under the toolbar, you'll see all the breakpoints you've set. Next to each breakpoint is a checkbox which you can use to enable/disable it:

- -

- -

Watch expressions

- -

You can add watch expressions in the right pane. They will be evaluated when code execution is paused:

- -

- -

Variable tooltip

- -

Hover on a variable show a tooltip with its value inside:

- -

- -

Call stack

- -

When the debugger's paused, you'll see a call stack:

- -

Each level of the call stack gets a line, with the name of the function and the filename and line number. Clicking the line opens that source in the source pane.

- -

Right-clicking in the call stack pane opens a context menu with the following items:

- - - -

ขอบเขต

- -

คุณจะเห็นป้ายชื่อ "ขอบ" พร้อมลูกศรซ่อนอยู่หลังป้ายชื่อตัวละครที่ซ่อนอยู่ในตอนท้ายของโปรแกรม:

- -

ภาชนะที่ถูกจัดเรียงตามขอบ: ส่วนใหญ่จะขึ้นก่อนหน้านี้และวงกลมใหญ่ทั่วโลก

-- cgit v1.2.3-54-g00ecf