aboutsummaryrefslogtreecommitdiff
path: root/files/th/web/index.html
blob: 7789948f6fed1dad050198e54a8f043dc393980f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
---
title: เทคโนโลยีเว็บสำหรับนักพัฒนา
slug: Web
tags:
  - Landing
  - NeedsTranslation
  - Web
translation_of: Web
---
<section id="Quick_Links">
<ol>
 <li><strong><a href="/th/docs/Web">เทคโนโลยีเว็บสำหรับนักพัฒนา</a></strong></li>
 <li class="toggle">
  <details open><summary>พื้นฐาน</summary>
  <ol>
   <li><a href="/th/docs/Web/HTML">HTML</a></li>
   <li><a href="/th/docs/Web/CSS">CSS</a></li>
   <li><a href="/th/docs/Web/HTTP">HTTP</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary>การเขียนสคริปต์</summary>
  <ol>
   <li><a href="/th/docs/Web/JavaScript">JavaScript</a></li>
   <li><a href="/th/docs/Web/API">Web API</a></li>
   <li><a href="/th/docs/Web/Events">Events</a></li>
   <li><a href="/th/docs/Web/Web_components">Web Components</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary><font size="3">กราฟิก</font></summary>
  <ol>
   <li><a href="/th/docs/Web/HTML/Canvas">Canvas</a></li>
   <li><a href="/th/docs/Web/SVG">SVG</a></li>
   <li><a href="/th/docs/Web/API/WebGL_API">WebGL</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary>อื่นๆ</summary>
  <ol>
   <li><a href="/th/docs/Web/Media">เทคโนโลยยีเว็บมีเดีย</a></li>
   <li><a href="/th/docs/WebAssembly">WebAssembly</a></li>
   <li><a href="/th/docs/Web/MathML">MathML</a></li>
   <li><a href="/th/docs/Web/XSLT">XSLT</a></li>
   <li><a href="/th/docs/Web/EXSLT">EXSLT</a></li>
   <li><a href="/th/docs/Web/XPath">XPath</a></li>
  </ol>
  </details>
 </li>
</ol>
</section>

<p class="summary">คุณลักษณะ World Wide Web ที่เปิดกว้างนั้นช่วยเปิดโอกาสอันน่าอัศจรรย์สำหรับ ผู้ที่ต้องการสร้างเว็บไซต์ หรือออนไลน์แอพพลิเคชั่น การที่จะใช้ประโยชน์จากความสามารถ ของเว็บไซต์ได้อย่างเต็มที่ คุณจำเป็นต้องรู้วิธีการใช้งานมันสำรวจลิ้งค์ด้านล่างเพื่อเรียนรู้ เกี่ยวกับเทคโนโลยีเว็บต่างๆ</p>

<div class="row topicpage-table">
<div class="section">
<h1 class="firstHeading" id="เทคโนโลยีเว็บ" lang="th">เทคโนโลยีเว็บ</h1>

<h3 id="พื้นฐาน">พื้นฐาน</h3>

<dl>
 <dt><a href="/th/docs/Web/HTML">HTML</a></dt>
 <dd>HyperText Markup Language (HTML) หรือ ภาษามาร์กอัปข้อความหลายมิติ ใช้สำหรับการเขียนและกำหนด<em> เนื้อหา </em>ของเว็บเพจ</dd>
 <dt><a href="/th/docs/Web/CSS">CSS</a></dt>
 <dd>Cascading Style Sheets (CSS) ใช้เพื่อกำหนด <em>รูปร่าง</em> และ <em>การนำเสนอ </em>ของเนื้อหาบนเว็บเพจ</dd>
 <dt><a href="/th/docs/Web/HTTP">HTTP</a></dt>
 <dd><dfn>HyperText Transfer Protocol (HTTP)</dfn> หรือ เกณฑ์วิธีขนส่งข้อความหลายมิติ ใช้ส่ง HTML และ สื่อหลายมิติอื่นๆ บนเว็บ</dd>
</dl>

<h3 id="การเขียนสคริปต์">การเขียนสคริปต์</h3>

<dl>
 <dt><a href="/th/docs/Web/JavaScript">JavaScript</a></dt>
 <dd>JavaScript เป็นภาษาโปรแกรมที่ทำงานบนเบราว์เซอร์ของคุณ คุณสามารถใช้มัน เพื่อเพิ่มการโต้ตอบและคุณลักษณะแบบไดนามิกให้แก่เว็บไซต์หรือแอปพลิเคชันของคุณ</dd>
 <dd>ด้วย {{glossary("Node.js")}} คุณสามารถใช้ JavaScript บนเซิร์ฟเวอร์ได้เช่นกัน</dd>
 <dt><a href="/th/docs/Web/Reference/API">Web API</a></dt>
 <dd>Web Application Programming Interfaces (Web API) ใช้ดำเนินการของงานต่างๆ เช่น การจัดการ <a href="/th/docs/DOM">DOM</a> เล่นเสียงหรือวิดีโอ หรือสร้างกราฟิก 3 มิติ
 <ul>
  <li><a href="/th/docs/Web/API">เอกสารอ้างอิงอินเทอร์เฟส Web API</a> รายการชนิดของอ็อบเจกต์ที่คุณสามารถใช้ในขณะ พัฒนาเว็บ</li>
  <li><a href="/th/docs/WebAPI">หน้า WebAPI</a> รายการการติดต่อสื่อสาร การเข้าถึงฮาร์ดแวร์ และ API อื่น ๆ ที่คุณสามารถใช้ในแอปพลิเคชันเว็บ</li>
  <li><a href="/th/docs/Web/Events">เอกสารอ้างอิง Event</a> รายการ Event ทั้งหมดที่คุณสามารถใช้เพื่อติดตามและตอบสนอง ต่อสิ่งที่น่าสนใจที่เกิดขึ้นในหน้าเว็บหรือแอปพลิเคชันของคุณ</li>
 </ul>
 </dd>
 <dt><a href="/th/docs/Web/Web_components">Web Components</a></dt>
 <dd>Web Components เป็นชุดของเทคโนโลยีต่างๆที่จะทำให้คุณสามารถสร้าง องค์ประกอบกำหนดเองที่นำกลับไปใช้ได้ การทำงานของพวกมันจะถูกห่อหุ้มจาก โค้ดส่วนที่เหลือของคุณ</dd>
</dl>

<h3 id="กราฟิก">กราฟิก</h3>

<dl>
 <dt><a href="/th/docs/Web/HTML/Canvas">Canvas</a></dt>
 <dd>องค์ประกอบ {{HTMLElement("canvas")}} ให้ API สำหรับการวาดกราฟิก 3 มิติ โดยใช้  JavaScript</dd>
 <dt><a href="/th/docs/Web/SVG">SVG</a></dt>
 <dd>Scalable Vector Graphics (SVG) หรือ ภาพกราฟิกเวกเตอร์ปรับขนาดได้<em> </em>ทำให้คุณสามารถใช้ เส้นตรง เส้นโค้ง และรูปทรงเรขาคณิตอื่นๆในการสร้างภาพกราฟิก<strong> </strong>คุณสามารถสร้าง รูปที่สามารถย่อหรือขยายในขนาดต่างๆได้โดยไม่เสียคุณภาพด้วยเวกเตอร์</dd>
 <dt><a href="/th/docs/Web/API/WebGL_API">WebGL</a></dt>
 <dd>WebGL เป็น JavaScript API ที่ทำให้คุณสามารถวาดกราฟิก 2 มิติ หรือ 3 มิติโดยใช้ องค์ประกอบ HTML {{HTMLElement("canvas")}}  เทคโนโลยีให้คุณได้ใช้ OpenGL ES มาตรฐานในเนื้อหาเว็บ</dd>
</dl>

<h3 id="เสียง_วิดีโอ_และ_มัลติมีเดีย">เสียง วิดีโอ และ มัลติมีเดีย</h3>

<dl>
 <dt><a href="/th/docs/Web/Media">เทคโนโลยยีเว็บมีเดีย</a></dt>
 <dd>รายการของ API ที่เกี่ยวข้องกับมีเดีย พร้อมกับลิงก์สู่เอกสารคู่มือของแต่ละอัน</dd>
 <dt><a href="/th/docs/Web/API/Media_Streams_API">การบันทึกมีเดียและสตรีม API</a></dt>
 <dd>A reference for the API that makes it possible to stream, record, and manipulate media both locally and across a network. This includes using local cameras and microphones to capture video, audio, and still images.</dd>
 <dt><a href="/th/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">การใช้ HTML เสียงและวิดีโอ</a></dt>
 <dd>การฝังวิดีโอหรือเสียงในหน้าเว็บและการควบคุมการเล่นของมัน</dd>
 <dt><a href="/th/docs/Web/API/WebRTC_API">WebRTC</a></dt>
 <dd>The RTC in WebRTC stands for Real-Time Communications, the technology that enables audio/video streaming and data sharing between browser clients (peers).</dd>
</dl>

<h3 id="อื่นๆ">อื่นๆ</h3>

<dl>
 <dt><a href="/th/docs/Web/MathML">MathML</a></dt>
 <dd>Mathematical Markup Language (MathML) หรือ ภาษามาร์กอัปเชิงคณิตศาสตร์ ทำให้คุณสามารถแสดงสมการทางคณิตศาสตร์และไวยากรณ์ที่ซับซ้อนได้</dd>
 <dt><a href="/th/docs/Web/XSLT">XSLT</a></dt>
 <dd>Extensible Stylesheet Language Transformations (XSLT) ทำให้คุณสามารถแปลงเอกสาร XML สู่ HTML ที่มนุษย์สามารถอ่านได้</dd>
 <dt><a href="/th/docs/Web/EXSLT">EXSLT</a></dt>
 <dd>ฟังก์ชันเสริมที่ช่วยเพิ่มฟีเจอร์ให้แก่ XSLT</dd>
 <dt><a href="/th/docs/Web/XPath">XPath</a></dt>
 <dd>XPath ให้คุณเลือกโหนด DOM ในเอกสารโดยใช้ไวยากรณ์ที่ทรงพลังกว่า <a href="/th/docs/Web/CSS/CSS_Selectors">ตัวเลือก CSS</a></dd>
</dl>
</div>

<div class="section">
<h2 class="Documentation" id="พื้นที่เรียนรู้">พื้นที่เรียนรู้</h2>

<dl>
 <dt><a href="/th/docs/Learn">เรียนรู้การพัฒนาเว็บ</a></dt>
 <dd>บทความชุดนี้สร้างพื้นฐานที่จะทำให้ผู้เริ่มต้นสามารถเริ่มพัฒนาเว็บไซต์แบบง่ายได้</dd>
 <dt><a href="/th/docs/Web/Apps/Progressive">Progressive web apps</a></dt>
 <dd>Progressive web apps use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps. This set of docs and guides tell you all you need to know about PWAs.</dd>
</dl>

<dl>
</dl>

<h2 id="หัวข้ออื่ีนๆ">หัวข้ออื่ีนๆ</h2>

<dl>
 <dt><a href="/th/docs/Web/Accessibility">การเข้าถึง</a></dt>
 <dd>Accessible websites enable as many people as possible to use the web, including those whose visual, auditory, or other abilities are limited in some way. This set of articles provides information about accessible web development.</dd>
 <dt><a href="/th/docs/Web/Performance">ประสิทธิภาพของเว็บ</a></dt>
 <dd>Web performance is the art of making sure web applications download fast and are responsive to user interaction, regardless of a users bandwidth, screen size, network, or device capabilities.</dd>
 <dt><a href="/th/docs/Web/Security">ความปลอดภัย</a></dt>
 <dd>Don't let your website or app leak private data to the bad guys. Use this set of articles to make sure your projects are secure.</dd>
 <dt><a href="/th/docs/WebAssembly">WebAssembly</a></dt>
 <dd>WebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++ and Rust with a compilation target so that they can run on the web.</dd>
</dl>
</div>
</div>

<p><span class="alllinks"><a href="/th/docs/tag/Web">แสดงทั้งหมด...</a></span></p>