คู่มือ JavaScript ระดับสูง
คู่มือ JavaScript ขั้นสูงโดย Dmitry Trepachev สำหรับผู้เริ่มต้น เป็นภาษาไทย มีแบบฝึกหัด
การกำหนดสไตล์
001
การกำหนดสไตล์ผ่านแอตทริบิวต์ style ใน JavaScript
002หน่วยวัดในแอตทริบิวต์ style ใน JavaScript
003ข้อผิดพลาดเกี่ยวกับหน่วยวัดใน JavaScript
004การแยกค่าของคุณสมบัติ CSS ใน JavaScript
005การรีเซ็ตสไตล์ผ่าน style ใน JavaScript
006การกำหนดสไตล์แบบรวมใน JavaScript
007ปัญหาการอ่านสไตล์ใน JavaScript
008การอ่านคุณสมบัติจากไฟล์ CSS ใน JavaScript
009การแปลงค่าที่อ่านได้ใน JavaScript
010การจัดรูปแบบด้วยคลาสใน JavaScript
011การใช้คลาสเดียวสำหรับสไตล์ใน JavaScript
012ความไม่สะดวกของคลาสใน JavaScript
013การสลับสับเปลี่ยนสไตล์ผ่าน data- แอตทริบิวต์ใน JavaScript
เมตริกขององค์ประกอบ
014
การขยายองค์ประกอบใน CSS สำหรับ JavaScript
015องค์ประกอบทดสอบใน JavaScript
016ขนาดไคลเอ็นต์ขององค์ประกอบใน JavaScript
017ขนาดทั้งหมดขององค์ประกอบใน JavaScript
018ขนาดขององค์ประกอบที่มีการเลื่อนใน JavaScript
019การเลื่อน (สครอลล์) องค์ประกอบใน JavaScript
020การเปลี่ยนการเลื่อนขององค์ประกอบใน JavaScript
021การเลื่อนองค์ประกอบไปจนสุดใน JavaScript
022การขยายองค์ประกอบใน JavaScript
023ความกว้างของแถบเลื่อนใน JavaScript
เมตริกของหน้าต่าง
024
ขนาดหน้าต่างใน JavaScript
025ขนาดของหน้าต่างโดยคำนึงถึงส่วนที่เลื่อนใน JavaScript
026การรับการเลื่อนหน้าต่างใน JavaScript
027การรับและเปลี่ยนการเลื่อนหน้าต่างใน JavaScript
028วิธีการเลื่อนหน้าต่างไปยังตำแหน่งที่กำหนดใน JavaScript
029วิธีการเลื่อนหน้าต่างตามระยะที่กำหนดใน JavaScript
030วิธีการเลื่อนหน้าต่างไปยังองค์ประกอบใน JavaScript
031เหตุการณ์การเลื่อนใน JavaScript
คอลเลกชัน Map
ชุดข้อมูล Set
อาเรย์เทียม
สัญลักษณ์
051
การแนะนำเกี่ยวกับประเภท Symbol ใน JavaScript
052คำอธิบายสัญลักษณ์ใน JavaScript
053สัญลักษณ์เป็นคีย์ของออบเจ็กต์ใน JavaScript
054การวนลูปอ็อบเจ็กต์ด้วย Symbol ใน JavaScript
055ฟังก์ชันในอ็อบเจกต์ใน JavaScript
056การดำเนินการกับวัตถุในฟังก์ชันใน JavaScript
057สัญลักษณ์ทั่วโลกใน JavaScript
058การรับชื่อ Symbol ใน JavaScript
059สัญลักษณ์ที่รู้จักกันดีใน JavaScript
อิเทอเรเตอร์
060
ออบเจ็กต์ที่สามารถวนซ้ำได้ใน JavaScript
061ฟังก์ชัน Iterator ใน JavaScript
062การเรียกใช้อิเทอเรเตอร์ใน JavaScript
063เจเนอเรเตอร์ใน JavaScript
064ลูปในเจเนอเรเตอร์ใน JavaScript
065การทำงานครั้งเดียวของอีเทอเรเตอร์ใน JavaScript
066อ็อบเจ็กต์อีเทอเรเตอร์ใน JavaScript
067การสร้างวัตถุที่สามารถวนซ้ำได้ใน JavaScript
068ตัวสร้างผ่านคุณสมบัติที่คำนวณได้ใน JavaScript
069อิเทอเรเตอร์ values ในตัวของ JavaScript
070อิเทอเรเตอร์ keys ในตัวของ JavaScript
071อิเทอเรเตอร์ entries ในตัวของ JavaScript
072อิเทอเรเตอร์ในตัวสามประเภทใน JavaScript
073ตัวดำเนินการ spread และ iterators ใน JavaScript
074อิตเตอร์เตอร์ในตัวของสตริงใน JavaScript
075แสดงตัวเลขของตัวเลขเป็นอาเรย์ใน JavaScript
076การนับลำดับองค์ประกอบ DOM ใน JavaScript
077การรับข้อมูลจากองค์ประกอบ DOM ใน JavaScript
รูปแบบ JSON
สโตร์
082
คลังข้อมูลท้องถิ่นของเบราว์เซอร์ใน JavaScript
083การจัดเก็บข้อมูลในดีบักเกอร์ใน JavaScript
084ทำงานกับข้อมูลใน localStorage ใน JavaScript
085การบันทึกข้อมูลครั้งเดียวใน localStorage ใน JavaScript
086การเขียนทับข้อมูลใน localStorage ใน JavaScript
087การลบข้อมูลใน localStorage ใน JavaScript
088การล้างข้อมูลพื้นที่เก็บใน localStorage ใน JavaScript
089จำนวนรายการใน localStorage ใน JavaScript
090การรับคีย์ตามหมายเลขใน localStorage ใน JavaScript
091การวนอ่านข้อมูลใน Storage ตามดัชนีใน JavaScript
092อาร์เรย์ของคีย์และค่าจาก Storage ใน JavaScript
093การจัดเก็บโครงสร้างใน localStorage ใน JavaScript
094การปรับเปลี่ยนโครงสร้างข้อมูลที่เก็บใน localStorage ใน JavaScript
095การฝึกปฏิบัติเกี่ยวกับ localStorage ใน JavaScript
นิพจน์ทั่วไป
096
แนะนำ Regular Expressions ใน JavaScript
097ตัวดำเนินการกำหนดจำนวนครั้งของอักขระ
098วงเล็บกลุ่มใน Regular Expressions JavaScript
099การป้องกันอักขระพิเศษใน Regular Expressions ของ JavaScript
100เครื่องหมายปีกกาในนิพจน์ทั่วไปของ JavaScript
101การจำกัดความละโมบใน Regular Expressions ใน JavaScript
102กลุ่มตัวอักษรใน Regular Expressions JavaScript
103ชุดตัวอักษรในนิพจน์ทั่วไปของ JavaScript
104การกลับเซ็ตตัวอักษรในนิพจน์ทั่วไป
105ลักษณะเฉพาะของตัวอักษรซีริลลิกใน Regular Expressions ของ JavaScript
106อักขระพิเศษภายในวงเล็บเหลี่ยมใน JavaScript
107กลุ่มอักขระภายในเซตใน Regular Expressions ของ JavaScript
108ข้อยกเว้นภายในเซ็ตใน RegExp JavaScript
109เครื่องหมายหมวกภายในเซ็ตใน Regular Expressions ของ JavaScript
110ยัติภังค์ภายในเซ็ตใน Regular Expression ของ JavaScript
111การละเว้นตัวพิมพ์ใหญ่-พิมพ์เล็กใน Regular Expression ของ JavaScript
112ต้นและปลายของสตริงใน Regular Expressions ของ JavaScript
113ขอบเขตคำใน Regex ของ JavaScript
114การจัดการหลายบรรทัดใน Regular Expressions ของ JavaScript
115คำสั่ง 'หรือ' ใน Regular Expression JavaScript
116ตัวแปรที่มี Regular Expression ใน JavaScript
117วิธีการ test ใน Regular Expressions ของ JavaScript
118วิธีการ search ใน Regular Expressions ของ JavaScript
119วิธีการ split ในนิพจน์ทั่วไปของ JavaScript
120วิธี match ใน regex JavaScript
121กลุ่มจับใน method match ของ Regular Expression ใน JavaScript
122การ match แบบ global ใน regular expressions ของ JavaScript
123การใช้ matchAll แบบ Global ใน Regular Expressions ของ JavaScript
124วิธีการ exec ใน Regular Expression ของ JavaScript
125คุณสมบัติ lastIndex ใน Regular Expressions ของ JavaScript
126กลุ่มจับในเมธอด replace ของ Regular Expression ใน JavaScript
127คอลแบ็กในเมธอด replace ของ Regular Expressions ใน JavaScript
128กลุ่มจับแบบเริ่มต้นในเมธอด replace ของ Regular Expressions ใน JavaScript
129กลุ่มจับในตัว Regular Expression เองใน JavaScript
130การตั้งชื่อกลุ่มใน Regular Expressions ของ JavaScript
131การใช้ Named Capturing Groups ภายใน Regular Expression ใน JavaScript
132วงเล็บที่ไม่เก็บบันทึกใน Regular Expressions ของ JavaScript
133การมองด้านหน้าและการมองด้านหลังใน Regular Expression ของ JavaScript
134สตริงพร้อมนิพจน์ทั่วไปใน JavaScript
135ธงสำหรับสตริงของ RegExp ใน JavaScript
136อักขระแบ็กสแลชในสตริงของเร็กเอกซ์ใน JavaScript
สถานการณ์ยกเว้น
137
แนะนำสถานการณ์ยกเว้นใน JavaScript
138ประเภทของสถานการณ์ที่เกิดขึ้นใน JavaScript
139การดักจับข้อยกเว้นใน JavaScript
140การพัฒนาโปรแกรมด้วย try-catch ใน JavaScript
141การดักจับข้อผิดพลาดในโค้ดซ้อนกันใน JavaScript
142อ็อบเจ็กต์ข้อผิดพลาดใน JavaScript
143ประเภทข้อยกเว้นหลักใน JavaScript
144การประยุกต์ใช้ประเภทข้อยกเว้นใน JavaScript
145การโยนข้อผิดพลาดใน JavaScript
146การยกขว้างประเภทข้อผิดพลาดต่างๆ ใน JavaScript
147การโยนประเภทข้อยกเว้นของตัวเองใน JavaScript
148ตัวอย่างข้อยกเว้นด้วย data- attributes ใน JavaScript
149ตัวอย่างการขว้าง Exception ด้วย JSON ใน JavaScript
150การโยนข้อยกเว้นใน JavaScript
ความไม่ประสานเวลา (Asynchrony)
⁅t⁆การเรียกกลับแบบอะซิงโครนัส⁅/t⁆
155
รหัสอะซิงโครนัสกับคอลแบ็กใน JavaScript
156การส่งผลลัพธ์แบบอะซิงโครนัสไปยังคอลแบ็กใน JavaScript
157การส่งพารามิเตอร์ให้คอลแบ็กแบบอะซิงโครนัสใน JavaScript
158ข้อยกเว้นใน callback แบบ asynchronous ใน JavaScript
159การโหลดรูปภาพผ่าน callback แบบ asynchronous ใน JavaScript
160ปัญหา callback hell ใน JavaScript
161การโหลดภาพแบบอะซิงโครนัสในลูปด้วย JavaScript
Promise (พรอมิส)
162
แนะนำ Promise ใน JavaScript
163การจัดการสถานการณ์ผิดปกติในพรอมิสใน JavaScript
164วัตถุข้อผิดพลาดใน Promise ของ JavaScript
165การดักจับข้อผิดพลาดแยกต่างหากใน Promise ใน JavaScript
166สถานะของพรอมิสใน JavaScript
167Promise Chaining ใน JavaScript
168พร้อมมิสภายในสายโซ่ใน JavaScript
169การดักจับข้อผิดพลาดใน Promise Chain ใน JavaScript
170การทำงานกับอาร์เรย์ของพรอมิสใน JavaScript
171การสร้าง Promise ที่เสร็จสมบูรณ์แล้วใน JavaScript
172การแปลงโค้ดอะซิงโครนัสใน JavaScript เป็นพรอมิส
173ปัญหาของ promise hell ใน JavaScript
174พรอมิสในรูปแบบซิงโครนัสใน JavaScript
175การจัดการข้อยกเว้นในรูปแบบซิงโครนัสใน JavaScript
ไลบรารี
เครื่องมือ
180
การกำหนดหมายเลขเวอร์ชันเชิงความหมายใน JavaScript
181พื้นฐานการทำงานกับเทอร์มินัลใน JavaScript
182การแนะนำเครื่องมือ NodeJS
183การแนะนำ npm ใน JavaScript
184การติดตั้งไลบรารีผ่าน npm ใน JavaScript
185รูปแบบสั้นของการติดตั้งผ่าน npm ใน JavaScript
186การอ้างอิงในไฟล์ package.json ใน JavaScript
187Dev dependencies ใน npm ใน JavaScript
188รูปแบบเวอร์ชันของ dependencies ใน npm ใน JavaScript
189การตั้งค่าไฟล์ package.json ใน JavaScript
190การสร้างไฟล์ package.json ใน JavaScript
191การย้ายโปร젝ต npm ใน JavaScript
192ไฟล์ package-lock.json ใน npm ใน JavaScript
193การอัปเดตแพ็กเกจผ่าน npm ใน JavaScript
194การลบแพ็กเกจผ่าน npm ใน JavaScript
195การติดตั้งแบบโกลบอลผ่าน npm ใน JavaScript
196การลบแพ็กเกจทั่วโลกผ่าน npm ใน JavaScript
197เครื่องมือ npx ใน JavaScript
198การเรียกใช้สคริปต์ผ่าน npm ใน JavaScript
199ตัวจัดการแพ็คเกจ Yarn ใน JavaScript
โมดูล ES
200
บทนำสู่โมดูลสมัยใหม่ใน JavaScript
201การเปิดใช้งาน ES Modules ใน JavaScript
202การติดตั้ง Webpack ใน JavaScript
203หลักการทำงานของ Webpack ใน JavaScript
204การตั้งค่า Webpack ใน JavaScript
205การตั้งค่าการรันการบัดเดิล Webpack ใน JavaScript
206การทดสอบการ build ด้วย Webpack ใน JavaScript
207การเชื่อมต่อบันเดิลกับ HTML ใน JavaScript
208การสร้าง ES module ใน JavaScript
209การเชื่อมต่อโมดูล ES ใน JavaScript
210การเปลี่ยนชื่อเมื่อนำเข้าใน JavaScript
211การนำเข้าเนื้อหาทั้งหมดของโมดูลใน JavaScript
212การส่งออกค่าเริ่มต้นใน JavaScript
213การผสมผสานการส่งออกใน JavaScript
214การนำเข้าเนื้อหาทั้งหมดเมื่อผสมผสานการส่งออกใน JavaScript
215การส่งออกค่าจาก ES modules ใน JavaScript
216ค่าคงที่ใน ES Modules ของ JavaScript
217การนำเข้าโมดูล npm ใน JavaScript
218การนำเข้า ES modules แบบไดนามิกใน JavaScript
219การนำเข้าแบบไดนามิกหลายรายการใน JavaScript
220การแปลง CommonJS Modules เป็น ES ใน JavaScript
โปรโตคอล HTTP
เซิร์ฟเวอร์ทดสอบ
224
เซิร์ฟเวอร์ทดสอบบน JavaScript
225การใช้เซิร์ฟเวอร์ทดสอบใน JavaScript
226การรันโค้ดผ่านเซิร์ฟเวอร์ทดสอบใน JavaScript
227การสร้าง HTML ผ่านเซิร์ฟเวอร์ทดสอบด้วย JavaScript
228ส่วนหัวของคำตอบในเซิร์ฟเวอร์ทดสอบบน JavaScript
229การกำหนดค่าพอร์ตของเซิร์ฟเวอร์ทดสอบใน JavaScript
230การเรียกใช้งานเซิร์ฟเวอร์ทดสอบหลายตัวบน JavaScript
แบบฟอร์ม
231
การส่งฟอร์มใน JavaScript
232วิธีการส่งฟอร์มใน JavaScript
233การส่งฟอร์มด้วยวิธี GET ใน JavaScript
234การส่งฟอร์มด้วยวิธี POST ใน JavaScript
235คำขอ GET ใน JavaScript
236การใช้งานคำขอ GET ใน JavaScript
237ปุ่มฟอร์มใน JavaScript
238การส่งฟอร์มผ่าน JavaScript
239การห้ามการส่งแบบฟอร์มใน JavaScript
240การทำงานกับ FormData ใน JavaScript
241วิธีการ FormData ใน JavaScript
242อิเทอเรเตอร์ใน FormData ใน JavaScript
AJAX
243
ความรู้เบื้องต้นเกี่ยวกับ AJAX
244พื้นฐานการทำงานกับ fetch ใน AJAX
245รหัสตอบกลับ HTTP ในคำขอ AJAX ใน JavaScript
246ความสำเร็จของคำขอ AJAX ใน JavaScript
247สถานการณ์ข้อยกเว้นในการร้องขอ AJAX ใน JavaScript
248การดักจับข้อผิดพลาด AJAX แบบสมบูรณ์ใน JavaScript
249ส่วนหัวของ HTTP Response ใน AJAX ใน JavaScript
250การรับ JSON ผ่าน AJAX ใน JavaScript
251การตั้งค่าหัวข้อ HTTP ในการร้องขอ AJAX ใน JavaScript
252การส่งคำขอ GET ผ่าน AJAX ใน JavaScript
253การส่งคำขอ POST ผ่าน AJAX ใน JavaScript
254การส่งข้อมูลผ่าน AJAX โดยใช้ URLSearchParams ใน JavaScript
255การส่งข้อมูลผ่าน AJAX โดยใช้ FormData ใน JavaScript
256การส่งฟอร์มผ่าน AJAX โดยใช้ FormData JavaScript
257การส่ง JSON ไปยังเซิร์ฟเวอร์โดยใช้ AJAX ใน JavaScript
258นโยบาย CORS ในคำขอ AJAX ใน JavaScript
259การส่งคุกกี้ในคำขอ AJAX ด้วย JavaScript
260การ fetch แบบซิงโครนัสใน JavaScript
การทำงานกับ Canvas
การปรับปรุงโค้ดให้เหมาะสม
268
ปัจจัยความเร็วในการโหลดเว็บไซต์ใน JavaScript
269ทรัพยากรที่เข้าถึงได้ใน JavaScript
270การปรับปรุงการทำงานซ้ำๆ ใน JavaScript
271การเพิ่มประสิทธิภาพการทำงานซ้ำของขั้นตอนที่หนักใน JavaScript
272การปรับปรุงประสิทธิภาพการทำงานแบบวนซ้ำใน JavaScript
273การปรับลดรอบซ้ำที่ไม่จำเป็นในลูปของ JavaScript
274การเพิ่มประสิทธิภาพผ่านฟังก์ชันที่มีอยู่แล้วใน JavaScript
275การเลือกอัลกอริทึมที่เหมาะสมที่สุดใน JavaScript
276การปรับปรุงการใช้ Regular Expressions ใน JavaScript
277การเพิ่มประสิทธิภาพการทำงานกับ DOM ใน JavaScript
278การปรับปรุงการใช้หน่วยความจำใน JavaScript
279การเพิ่มประสิทธิภาพการแปลงเป็นอาร์เรย์ใน JavaScript
280การปรับปรุงประสิทธิภาพตัวจัดการเหตุการณ์ใน JavaScript
281การปรับปรุงความเร็วโดยใช้หน่วยความจำใน JavaScript
ข้อมูล
282