javascript Archive

ว่าด้วยเรื่อง JavaScript Testing มันมีอะไรบ้างนะ ?

การพัฒนาระบบงานด้วยภาษา JavaScript นั้น มีทางเลือกมากมาย ซึ่งยากต่อผู็เริ่มต้นมาก การทดสอบก็เช่นกัน มีมากมายสุด ๆ แต่ถ้ามองในมุมกลับกัน แสดงว่า มีความพยายามในการทดสอบระบบที่พัฒนาด้วยภาษา JavaScript ทั้ง Unit testing, Integration testing และ Functional testing ดังนั้นเรามาดูกันหน่อยว่ามีอะไรกันบ้าง มี library จำนวนมากเพียงใด มาเริ่มกันเลย

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…

ขั้นตอนง่าย ๆ สำหรับการพัฒนาระบบงานด้วย ReactJS

ในการเริ่มต้นพัฒนาระบบ Web application ส่วนของ Front-end ด้วย ReactJS นั้น พบว่ายากต่อการเริ่มต้นอย่างมาก เนื่องจาก Ecosystem มันใหญ่มาก ๆ เนื่องจากต้องมีความรู้พื้นฐานเยอะมาก ๆ เนื่องจากมีเครื่องมือและ framework/library เยอะมาก ๆ โดยรวมแล้วยากมาก ๆ สำหรับมือใหม่ !! ชีวิตของ Front-end developer มันซับซ้อนอย่างมากมาย ดังนั้นจึงทำการสรุปขั้นตอนง่าย ๆ สำหรับผู้เริ่มต้นแบบผม

Read More…

เริ่มต้นศึกษา TypeScript ด้วยแนวทาง Test-Driven Development (TDD)

ในการศึกษาภาษาใหม่ ๆ ด้วยแนวทาง Test-Driven Development (TDD) เป็นสิ่งที่ผมเชื่อว่าเป็นแนวทางที่ทำให้เข้าใจภาษาต่าง ๆ ได้รวดเร็วขึ้น ดังนั้นมาลองศึกษาภาษา TypeScript กันหน่อย ซึ่งถูกสร้างขึ้นมาจากบริษัท Microsoft และเป็น opensource ในการใช้งานจะต้อง compile มาเป็นภาษา JavaScript ก่อนเสมอ ดูแล้วขั้นตอนเยอะเลยนะ ดังนั้นมาเริ่มต้นศึกษาด้วย Hello World กันหน่อย

Read More…

สวัสดี Async/Await ใน NodeJS

เมื่อวานทำการเขียน blog สำหรับลองใช้งาน Async/Await ด้วยภาษา Kotlin ก็ไปเห็นว่าใน NodeJS 7.6 ขึ้นไปนั้น สามารถใช้งาน Async/Await ได้เลย ไม่ต้องมาใส่ flag hamony ในการ run แล้ว เนื่องจาก Google V8 version 5.5 ได้ทำการเพิ่ม Async function เข้ามานั่นเอง ตอนนี้ NodeJS version 7.7.1 แล้วนะ ดังนั้นลองมาใช้ดูกันหน่อยสิ

Read More…

มาดูแผนการ release ของ Angular 4 กันหน่อย

ในตอนนี้ Angular เป็น version 4 beta 2 แล้วนะ ซึ่งผู้พัฒนาบอกว่า อย่าเรียกว่า AngularJS อย่าเรียกว่า Angular 2 อย่าเรียกว่า Angular 4 อย่าเรียกตาม version แต่บอกให้เรียกว่า Angular เท่านั้น เนื่องจากมีการ release และเปลี่ยน version บ่อย ดังนั้นเพื่อไม่ให้สับสนก็เรียกสั้น ๆ ไปก็พอ

Read More…

เริ่มต้นการเขียน unit test สำหรับ JavaScript ด้วยการติดตั้ง

พอดีต้องพัฒนาระบบด้วย JavaScript ซึ่งต้องนำ Webpack มาใช้ด้วย สิ่งแรกที่ต้องการคือ การเขียน unit test เมื่อไปค้นหาก็เจอบทความเกี่ยวกับ Mocha + Webpack เยอะเลย ส่วน assertion ก็นำ chai มาช่วยนิดหน่อย มาเริ่มกันเลย

Read More…

ทำความรู้จัก Yarn สำหรับจัดการ dependency ของ JavaScript

Yarn คือ dependency management tool หรือ package manager สำหรับ JavaScript จากทีมพัฒนาของ facebook ซึ่งบอกว่าเร็ว และ ง่ายต่อการใช้งาน และสามารถ share code/package/module ให้คนอื่น ๆ ได้ด้วย ซึ่งมันมีความสามารถเดียวกับ NPM เลย

Read More…

สรุปผลการสำรวจ The State Of JavaScript 2016

จากการสำรวจเรื่อง The State of JavaScript 2016 นั้น โดยมีผู้ทำแบบสำรวจมากกว่า 9,000 คน ได้ผลลัพธ์ออกมาแล้ว น่าจะทำให้เห็นว่า Ecosystem ของ JavaScript ในปัจจุบันเป็นอย่างไรบ้าง ? น่าจะตอบคำถามได้มากพอควร เช่น สถานะของ JavaScript เป็นอย่างไร ? React vs Angular ? ใช้ Redux ไหม ? ใช้ Vue ไหม ? ใช้ Elm ไหม ? ใช้ Webpack ไหม ? จัดการกับ CSS ยังไงดี ? ดังนั้นมาดูผลจากแบบสำรวจในครั้งนี้กันนิดหน่อย

Read More…

สรุปสิ่งที่ได้รับจากงาน ReactJS Bangkok 1.0.0 ในห้องสำหรับผู้เริ่มต้น

มีโอกาสไปร่วมงาน ReactJS Bangkok 1.0.0 โดยแบ่งออกเป็น 2 ห้องคือ ห้องพื้นฐานสำหรับผู้เริ่มต้น (น่าจะสำหรับคนที่เขียน ReactJS มาแล้ว) ห้องขั้น Advance ส่วนผมอยู่แต่ห้องพื้นฐานซึ่งมี session ต่าง ๆ ดังนี้ Introduction to React Redux React Native Discussion เป็นการถามตอบกับ speaker ทุกคน จึงทำการสรุปไว้นิดหน่อย โดยในแต่ละ session จะมีการทำ demo ให้ดู แต่ว่ามีเวลาเพียง 1 ชั่วโมงจึงไม่สามารถ Live demo ได้มากนัก (ไปเร็วมาก ๆ) จึงมี code ตัวอย่างให้กลับไปดูและทำตามต่อไป

Read More…