javascript

[Web Component] มาตรฐานใหม่ของการเขียนเว็บด้วยการสร้าง Web Component จาก Custom Elements API

วันนี้เราจะมาเรียนการ Custom element ด้วย JavaScript API ซึ่งเป็น Native API ที่สามารถทำให้เราสร้างแท็ก HTML ได้เองหรือจะสามารถ Extend ตัว components ของคนอื่นมาได้ด้วย ซึ่งเอกสารของ Custom Elements API เขียนอยู่ในเว็บของ WHATWG แล้วสามารถเข้าไปอ่านกันได้ จริงๆ เราจะเห็นได้ว่ามันมีการพูดถึงน้อย [...]

[HTTP] การเขียน HTTP Status Codes โลกของความเป็นจริง เมื่อคุณเริ่มทำ API

สวัสดีครับบทคามนี้ผมจะมาอธิบายว่าการใส่ HTTP status codes นั่นมันสำคัญต่อการทำ API ยังไงในแง่ของการใช้งานจริง และถ้าไม่ใส่จะเป็นยังไง โดยผมจะยกตัวอย่างเหตุการณ์ง่ายๆ อย่างเช่นการทำเว็บมาให้เห็นภาพกัน และจุดประสงค์อีกอย่างนึงคือการอยากให้ทุกคนเขียนโปรแกรมให้เป็นมาตรฐานตรงตาม Standard ซึ่งก่อนหน้านี้ผมเคยเขียนบทความตัวนึงเกี่ยวกับการเขียน API ตาม Standard ไปแลยตามนี้ลิ้งนี้เลยครับ ก่อนจะมาเริ่มกันมาทำความรู้จักก่อนว่า HTTP status codes เริ่มกันเลย   [...]

[Java][React] ทำเว็บด้วย Spring Boot และ React

บทความนี้อยากจะนำเสนอมากเลยครับ เพราะผมเพิ่งจะ config ระบบสำเร็จตอนตี 2 กับความพยามเอา React ที่เขียนด้วย jax และ ES2015 (ES6) มาทำงานกับ Spring Boot (Java EE Framework) ด้วยการให้มันสามารถเรียกใช้ webpack, babel และ npm [...]

[React Guide ฉบับย่อ] ทำความเข้าใจก่อนเริ่มต้นเขียนเว็บด้วย React

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

Data binding ของ JavaScript และการใช้งาน “this” keyword

บทความนี้จะมาอธิบายการทำงานของ “this” ปกติ “this” เราจะอ้างถึง properties ของคลาสนั่นๆ แต่ JavaScript แต่ต่างออกไปนิดหน่อยและการใช้ “this” นั้นทำได้หลายหลายวิธีมากขึ้นอยู่กับการ binding Properties ของเราครับ วันนี้จะมาสอนการใช้ “this” ให้ถูกวิธีกัน ขอยกตัวอย่างภาษา Java ก่อนนะเพื่อให้เห็นว่า “this” ทำงานยังไง การใช้ [...]