frontend Archive

ทำการจำลอง API server ใน JavaScript ด้วย MirageJS

เรื่องมีอยู่ว่าต้องทำพัฒนา frontend ด้วย ReactJSสิ่งหนึ่งที่ต้องทำเลยคือ การจำลองฝั่ง API ที่ต้องใช้งานเพื่อให้สามารถพัฒนาและทดสอบได้ง่ายขึ้นหนึ่งในวิธีการก็คือ การใช้งาน MirageJSมาดูการใช้งานกันดู

Read More…

จดบันทึกแนวทางในการทดสอบฝั่ง Frontend ไว้หน่อย

จาก Post นี้ใน facebook ก็เลยมาเขียนสรุปหน่อยว่าในฝั่ง Frontend นั้น ผมทำการพัฒนาและที่สำคัญคือ ทดสอบอย่างไรบ้างโดยปกติจะเริ่มต้นอธิบายให้เข้าใจถึงโครงสร้างก่อนซึ่งแสดงดังรูป เพื่อให้เห็นว่าระบบงานของเราเป็นอย่างไรบ้าง

Read More…

ว่าง ๆ ลองศึกษา Svelte กันหน่อย

ว่าง ๆ มาลองพัฒนาระบบฝั่ง frontemd ด้วย Svelte กันหน่อยไม่ต้องสนใจว่าคืออะไรเขียน code มาดูผลไปเลยดีกว่ามาเริ่มกันเลย

Read More…

ใช้งานง่ายมาก ๆ สำหรับ Cloudflare Pages

วันนี้ลองใช้งาน Cloudflare Pages พบว่ามันใช้งานง่ายมาก ๆโดยที่มันคือ JAMstack platform สำหรับฝั่ง frontend นั่นเองช่วยทำให้การพัฒนาและ deploy ระบบงานง่ายขึ้นไม่ว่าจะเป็น HTML, React, Vue, Next.js, Hugo, Jekyll และ Gatsbyสามารถใช้งานได้หมดเลยที่สำคัญเชื่อมต่อกับ GitHub อีกด้วยทำให้การทำงานไหลลื่นมาก ๆ

Read More…

หนังสือ Front-End Developer Handbook 2019 มาแล้ว

เห็นใน email ว่าหนังสือ Front-End Developer Handbook 2019 นั้นออกมาแล้ว เขียนโดยคุณ Cody Lindley ซึ่งเขียนมาทุกปีตั้งแต่ปี 2016หนังสือนี้เป็นการสรุปรวมในแต่ละปี ว่ามีอะไรควรใช้งานและไม่ใช้งาน เนื่องจาก technology ในฝั่ง frontend นั้นไปมารวดเร็วเหลือเกิน

Read More…

ลองพัฒนา Web application ด้วยภาษา Kotlin หน่อยสิ

ภาษา Kotlin นั้นสามารถพัฒนาระบบงานได้ทั้ง Mobile app, Backend system และ Frontend application ซึ่งมีความน่าสนใจทั้งสามส่วน แต่ในบทความนี้จะเน้นไปที่ Front-end application เนื่องจากไปอ่านเอกสารใน web ของ Kotlin แล้ว มีแต่การสอนใช้งานผ่าน IDE, Apache maven, Gradle ทำไมไม่สอนการพัฒนาตามแนวทางของ Front-end developer/Javascript developer บ้างนะ ? ดังนั้นจึงลองมาสร้างระบบงานง่าย ๆ ด้วย NPM หรือ Yarn หรือ Grunt กันดีกว่า

Read More…