javascript Archive

JavaScript กับเรื่องของ keyword const เมื่อมันสามารถแก้ไขข้อมูลได้

จาก Post ของพี่ Supphachoke Suntiwichaya ใน facebook เกี่ยวกับการประกาศตัวแปรด้วย keyword const ใน JavaScript  นั่นหมายความว่าตัวแปรนั้น จะไม่สามารถแก้ไขข้อมูลได้ (Immutable data) แต่ดันสามารถแก้ไขข้อมูลได้ !! โดยใน comment มีการอธิบายและ link ต่าง ๆ ไว้เยอะเลย ดังนั้นขอทำการสรุปและรวบรวมไว้นิดหน่อย เพราะว่า ก็ไม่รู้เรื่องเหมือนกัน

Read More…

แนะนำ Stackblitz สำหรับการ run React และ Angular จาก Github repository ผ่าน browser

อ่านเอกสารของ Angular ก็พบสิ่งที่น่าสนใจคือ สามารถทำการ run code ที่อยู่ใน Github repository  ผ่าน browser ได้เลย ซึ่งมันทำให้ชีวิตนักพัฒนา Frontend ง่ายขึ้นมาก เพราะว่า ไม่ต้องทำการติดตั้งสิ่งใดเลย เพราะว่า การติดตั้ง dependency ต่าง ๆ บนเครื่องเราใช้เวลาสูงมาก ๆ เพราะว่า การแบ่งปันหรือทำงานร่วมกับคนอื่น ๆ มันยากขึ้นไปอีก ดังนั้นมาลองใช้งาน Stackblitz กันนะ

Read More…

แปลและสรุปเรื่อง Ten Things A *Serious* JavaScript Developer Should Learn

จากบทความเรื่อง Ten Things A Serious JavaScript Developer Should Learn ได้สรุป 10 เรื่องที่ JavaScript Developer ควรเรียนรู้ เพื่อช่วยให้เราเป็นนักพัฒนาที่ดีกว่าเดิม จึงได้ทำการสรุปและแปลในสิ่งที่น่าสนใจไว้นิดหน่อย น่าจะพอเป็นประโยชน์บ้างนะ

Read More…

พื้นฐานเกี่ยวกับ Code Coverage

มีโอกาสได้อธิบายเรื่องเกี่ยวกับ Code coverage จึงนำมาเขียนสรุปไว้นิดหน่อยว่า คืออะไร ? มีประโยชน์อะไร ? แต่ละภาษามีเครื่องมืออะไรบ้าง ? พร้อมตัวอย่าง code นิดหน่อย

Read More…

ว่าด้วยเรื่อง 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…