Category: JavaScript

ทำความรู้จัก Express.js

Tweet ทำความรู้จัก Express.js หายไปนานกับบทความ เพราะไม่ค่อยมีเวลาเขียนบทความสักเท่าไร ช่วงนี้ผมกำลังศึกษา MEAN Stack หรือการจัดชุดใหม่ทางด้านเทคโนโลยีการทำเว็บ จากแบบเดิมคือ LAMP stack โดย L = Linux, A = Apache, M = MySQL, P = Perl, PHP, Python ส่วนของใหม่คือ MEAN อันที่จริงก็ไม่ได้ถือว่าใหม่ซะเท่าไรเพราะมานานแล้วพอสมควร แต่ยังใหม่สำหรับผม
Read More

สอน AngularJS – การใช้งาน Directive และ Expressions เบื้องต้น

Tweet สอน AngularJS – การใช้งาน Directive และ Expressions เบื้องต้น ใน AngularJS นั้นจุดเด่นๆของมันก็คือ Directive นั้นเองเป็นวิธีการให้ในการใช้งาน HTML ที่ใช้รูปแบบการทำงานตามหลักการของ Data-Oriented ซึ่งจะแตกต่าง javascript ทั่วไปที่จะทำงานในรูปแบบ control flow ซึ่งต้องเขียนโค้ดหลาย step กว่าจะจบการทำงาน Directive ใน AngularJS นั้นจะอาศัย HTML
Read More

แนะนำ Angularjs เบื้องต้น

Tweet แนะนำ Angularjs เบื้องต้น Angularjs เป็น Javascript MVC Framework อีกชนิดหนึ่ง โดยหลักๆแล้วเป็น Framework เหมาะสำหรับ SPAs (Single Page Applications) ซึ่งถูกพัฒนาขึ้นจาก Google นั้นเอง โดยเจ้า Angularjs นี้จะถูกพัฒนาจาก วิศวกรของ Google เอง และค่อย support
Read More

Library Google Map ทีใช้กับ CodeIgniter

Tweet Library Google Map ทีใช้กับ CodeIgniter หากผู้ถึง library javascript ที่นิยมเกี่ยวกับการแสดงแผนที่แล้วนั้นคงนึกถึง google map แต่ทว่ามันต้องใช้ javascript เพื่อเรียกใช้งานแสดงผล แต่ตำแหน่งสถานที่ต่างนั้นกับเก็บอยู่ใน Datatabase ซึ่งจะใช้ภาษาพวก server side ในการดึงข้อมูล ทำให้ต้องมีการแปลงข้อมูลไปมาระหว่าง 2 ภาษาที่เราใช้งานอยู่ ซึ่งวันนี้ผมจะมาบอกวิธีใช้งาน CodeIgniter กับ Libarary
Read More

Instantiating Built-type ใน JavaScript

Tweet Instantiating Built-type ใน JavaScript ในการเขียน javascript บางครั้งผมก็สงสัยเหมือนกัน โดยเฉพาะพวก library ยอดนิยมอย่าง Jquery ที่ทำไม () เยอะจัง แถมยังจะมี function ซ้อนอยู่ด้านในอีก แล้ววันนี้ผมก็ได้อ่านหนังสือเกี่ยวกับการเขียน javascript แบบ oop หรือ Object oriented programming ก็เลยรู้ว่ามันมีประเภทการเก็บข้อมูลหรือประเภทตัวแปรที่ชื่อว่า Instantiating Built-type ซึ่งมีอยู่
Read More

แนะนำเครื่องมือการพัฒนาเกมส์ cross platform ด้วย Cocos Code IDE

Tweet แนะนำเครื่องมือการพัฒนาเกมส์ cross platform ด้วย Cocos Code IDE หลังจากการมาของอุปกรณ์พวก smart phone ที่ออกมากันหลายยี่ห้อหลากหลายระบบทำให้ วงการเกมส์เติบโตไปพร้อมกันอย่างรวดเร็ว แต่ปัญหาของการพัฒนาเกมส์นั้นก็ตามมาว่าจะทำยังไงที่จะทำให้เกมส์ที่พัฒนาขึ้นสามารถ รันได้ในทุกระบบที่ได้รับความนิยมโดยไม่เสียเวลาในการพัฒนาซ้ำ หากต้องการที่จะนำเกมส์ไปรันอีก ระบบหนึ่ง ซึ่งผมอยากที่จะพัฒนาเกมส์บนมือถือ android แต่ด้วยตัว sdk หรือ frame work ที่เป็นตัว java นั้นผมลองหัดเขียนดูก็ยังเกิดความรู้สึกว่ามันไม่ work
Read More

เริ่มต้น Sencha Touch 2 ในการพัฒนา Web Mobile app โดย HTML5

Tweet เริ่มต้น Sencha Touch 2 ในการพัฒนา Web Mobile app โดย HTML5 ในปัจจุบันนั้นปฎิเสธไม่ได้ว่า app บน smart phone หรือมือถือสมัยรวมไปถึงอุปกรณ์ mobile นั้นได้รับความนิยมมาก แต่ในการพัฒนาบนหลาย platform ของแต่ละอุปกรณ์นั้นยังลำบากอยู่ วิธีที่เป็นอีก 1 ทางเลือกคือการใช้ html5 ในการพัฒนาเพื่อเป็นในรูปแบบของ web
Read More

เริ่มเบื้องต้นกับ Node.js

Tweet เริ่มเบื้องต้นกับ Node.js Node.js ชื่อนี้ในช่วงหลังๆมักจะได้ยินกันบ่อยๆ node.js นั้นเป็นสิ่งใหม่ที่ถ้า google นั้นคิดค้นซึ่งมันจะทำงานได้นี้ใน chrome นั้นเองซึ่งประโยชน์ของ node.js นั้นส่วนมากเว็บหรือระบบใหญ่จะนำมาประยุกต์ใช้กับ application พวก real time ที่จะมีการตอบสนองทันที ที่มีเหตุการณ์เกิดขึ้น หรือที่เรียกว่า event-driven ซึ่งเจ้า node.js นั้นจะรันโดยอาศัย V8 JavaScript Engine เป็นตัวหลักและการพัฒนา
Read More

เริ่มกับ Google Map อย่างง่ายด้วยการสร้าง marker

Tweet สมัยนี้การเดินทางหรือข้อมูลบน internet เกี่ยวกับสถานทีหรือแผนการเดินทางส่วนใหญ่แล้วจะใช้โปรแกรมยอดนิยมอย่าง Google Map นั้นเองวันนี้จะมาแสดงตัวอย่างการสร้าง marker บน google map ซึ่งเป็นระดับพื้นฐานที่ไม่ได้มีการใช้ google map api อะไรเลย โดยเราจะดึงค่าพิกัดลัดติจูดกับลองติจูดจาก php โดยผ่าน javascript ในลักษณะการดึงและรับส่งข้อมูลแบบ ajax นั้นเอง โดยตัวอย่างนี้จะประกอบด้วยไฟล์ 2 ไฟล์คือไฟล์ html ที่ภายในประกอบด้วย
Read More

แนะนำ QUnit Testing Framework สำหรับ Test JavaScript

Tweet ณ ตอนนี้เทคโนโลยี web เดินมาไกลมาซึ่งตอนนี้ html สามารถทำได้หลายอย่างแต่สิ่งที่พัฒนามาพร้อมกันคือ javascript ซึ่งหากการพัฒนา javascript ที่มีการทำงานซับซ้อนมากนั้นสิ่งที่จำเป็นก็คือการทดสอบความถูกต้อง และในแต่ละภาษานั้นก็จะมีวิธีและ tool ในการทดสอบที่ต่างกัน และวันนี้ผมขอแนะนำเครื่องมือในการทดสอบ javascript ที่มีชื่อว่า QUnit ซึ่งผมว่าค่อยข้าง config เริ่มการใช้งานอย่างเลยที่เดียวขั้นแรกก็คือให้เริ่มทำการดาวโหลดไฟล์จากเว็บ http://qunitjs.com/ ซึ่งจะแบ่งออกเป็น 2 ไฟล์คือ  qunit-1.9.0.js และ qunit-1.9.0.css
Read More