เลือกหัวข้อจากแถบเมนูด้านซ้าย (กรณีหน้าจอเล็กเมนูจะหดกลายเป็นสัญลักษณ์สามขีดอยู่ในแถบเมนูด้านบน) หรือใส่คำค้นหาที่ช่องด้านล่างนี้ เพื่อค้นหาหัวข้อบทความหรือ Tutorial เกี่ยวกับเรื่อง fetch_api ที่ต้องการ
สร้างเว็บที่มีหลายหน้าด้วย react-router และเรียนรู้เรื่องลำดับการทำงานของ Component Lifecycle โดยการทดลองเรียก APIs เพื่อดึงข้อมูลอสังหาริมทรัพย์จากเว็บอื่นมาใช้ ซึ่งบ่อยครั้งที่การดึงข้อมูลจะใช้เวลาพอสมควร ดังนั้นเราจะเอาโค้ดส่วนดึงข้อมูลนี้ใส่ในฟังก์ชัน componentDidMount() ซึ่งเป็นฟังก์ชันที่จะถูกเรียกหลังจากฟังก์ชัน Render เอา Component ต่าง ๆ ไปไว้บน DOM แล้ว จากนั้นจะสั่งในฟังก์ชัน componentDidMount() ให้อัปเดตค่าใน state เพื่อให้แสดงผลในหน้าเว็บอีก...
Read More →JavaScript ถือเป็นภาษาโปรแกรมมิ่งที่มีบทบาทสำคัญในโลกของการพัฒนาเว็บแอปพลิเคชัน หนึ่งในคุณสมบัติที่ทรงพลังของ JavaScript คือ Promise สำหรับการจัดการกับการดำเนินงานแบบ asynchronous. ด้วยความสามารถในการจัดการ workflow ที่มีการทำงานหลายอย่างที่ไม่แน่นอนหรือต้องรอเวลา, Promise ได้กลายมาเป็นหัวใจสำคัญในการเขียนโค้ดที่มีการเชื่อมต่อกับสิ่งที่ไม่สามารถคาดเดาได้ อาทิ เช่น การร้องขอข้อมูลจากเซิร์ฟเวอร์, การอ่านไฟล์, หรือการดำเนินงานที่ต้องใช้เวลานาน....
Read More →แม้ว่าในปัจจุบันจะมีเทคโนโลยีใหม่ๆ ที่ท้าทายกลายเป็นที่นิยมในอุตสาหกรรมการพัฒนาเว็บไซต์ หนึ่งในภาษาโปรแกรมมิ่งที่มีความสำคัญและไม่เคยหายไปจากเวทีคือ JavaScript (JS) ด้วยลักษณะที่เป็นภาษา scripting ที่ใช้งานได้อย่างอเนกประสงค์, JS ได้พัฒนาฟังก์ชันหลากหลายที่ช่วยให้นักพัฒนาเว็บสามารถสร้างประสบการณ์ผู้ใช้ที่ดียิ่งขึ้นได้ ในบทความนี้เราจะพูดถึง 5 ฟังก์ชันใน JavaScript ที่มีประโยชน์ต่อ Web Developer ซึ่งเป็นพื้นฐานที่ดีในการสร้างประสบการณ์ผู้ใช้ที่น่าประทับใจ...
Read More →ในยุคดิจิทัลที่เว็บไซต์และแอปพลิเคชันเต็บโตอย่างรวดเร็ว JavaScript กลายเป็นภาษาเขียนโปรแกรมที่ได้รับความนิยมสูงส่งสำัรับการพัฒนาฝั่งไคลเอนต์หรือฝั่งผู้ใช้งานเว็บไซต์ (Front-end) นอกเหนือจากสามารถใช้สร้างการทำงานทั่วไปของเว็บไซต์, JavaScript ยังมี Web APIs อันทรงพลังประกอบอยู่ที่ช่วยให้ผู้พัฒนาสร้างประสบการณ์ผู้ใช้งานที่ดียิ่งขึ้นได้...
Read More →ในยุคดิจิทัลที่ชีวิตประจำวันของเราขึ้นอยู่กับโลกออนไลน์เป็นอย่างมาก การทำความเข้าใจเกี่ยวกับ Web API (Application Programming Interface) จึงเป็นสิ่งจำเป็นสำหรับ Web Engineer หรือนักพัฒนาเว็บไซต์ทุกคน เพราะ Web API เป็นส่วนสำคัญที่ช่วยให้สามารถรวมการทำงานของเว็บแอพพลิเคชันเข้ากับบริการออนไลน์อื่นๆ ได้อย่างสะดวก ในบทความนี้ ผมจะแนะนำ 5 Web APIs ที่ Web Engineer ทุกคนควรรู้จัก รวมถึงการใช้งานพื้นฐานและตัวอย่างโค้ดย่อสั้นได้ดังนี้:...
Read More →JavaScript เป็นภาษาสคริปติ้งที่อยู่ตรงกลางของการพัฒนาเว็บไซต์ในยุคปัจจุบัน หลายครั้งที่นักพัฒนาจะพบเจอปัญหาทั่วไปที่ต้องดำเนินการแก้ไขด้วย JavaScript เพื่อเพิ่มประสิทธิภาพและผู้ใช้งานเว็บไซต์ที่ดียิ่งขึ้น บทความนี้จะนำเสนอ 5 ตัวอย่างโค้ดที่สามารถช่วยในการแก้ปัญหาเหล่านี้ได้...
Read More →หัวข้อ: การจัดการไฟล์ Binary ใน JavaScript เพื่องานจำเพาะที่มีประสิทธิภาพ...
Read More →การใช้งาน HTTP Request ด้วย GET Method ใน JavaScript: พิชิตข้อมูลจากเว็บไซต์...
Read More →ในโลกแห่งการพัฒนาเว็บแอปพลิเคชัน, การสื่อสารระหว่างไคลเอนต์และเซิร์ฟเวอร์เป็นสิ่งที่จำเป็นอย่างยิ่ง ด้วยภาษา JavaScript และมาตรฐานการสื่อสารเช่น HTTP, เราสามารถส่งข้อมูลไปยังเซิร์ฟเวอร์โดยใช้วิธีต่างๆ และหนึ่งในวิธีที่ทันสมัยและได้รับความนิยมคือการใช้ POST method พร้อมกับข้อมูลในรูปแบบ JSON....
Read More →การเสนอข้อมูลอย่างมีประสิทธิภาพนั้นเป็นหนึ่งในหัวใจสำคัญของการเขียนโปรแกรม การแสดงข้อมูลในรูปแบบกราฟเชิงเส้นหรือ Line Chart ในภาษา JavaScript ช่วยให้ผู้ใช้เข้าใจข้อมูลที่ซับซ้อนได้อย่างง่ายดาย บทความนี้จะพาทุกคนไปดูวิธีสร้าง Line Chart ด้วย JavaScript อย่างง่ายๆ พร้อมตัวอย่างโค้ด 3 ตัวอย่าง และอธิบายการทำงานของมัน ท้ายที่สุดเราจะบอกคุณถึง use case ในโลกจริงที่เกี่ยวข้องกับกราฟเส้นนี้...
Read More →หัวข้อ: การใช้งาน API ด้วย Access Token ในภาษา JavaScript ภายใต้หลักการและตัวอย่างการประยุกต์ในโลกจริง...
Read More →