บทความ

เล่าประสบการณ์เมื่อครั้งเคยออกแบบเว็บเกมออนไลน์ขาย

รูปภาพ
สวัสดีครับวันนี้ผมมีเรื่องราวชีวิตเมื่อสมัยผมเรียนอยู่ ม.2-ม.3 เพื่อเป็นแรงพลักดันและเป็นแรงบัลดาลใจให้คนอื่นๆด้วยนะครับ ช่วงชีวิตในวัย ม.ต้น ผมก็ไม่ต่างอะไรจากเด็กทั่วไปเล่นเกมไปเรื่อยเปื่อยหลังจากที่ได้คอมพิวเตอร์เมื่อตอน ป.6 ก็ตามประสาเด็กครับหาโหลดเกมมาลงเล่นไปวันๆไม่ได้มีความคิดอยากทำอย่างอื่น

แข่งทำเว็บไซต์ “เที่ยวทั่วไทย”

รูปภาพ
15 / พฤจิกายน / 2559 วันนี้เป็นอีกวันดีที่ผมได้มีโอกาสได้เข้าไปแข่งขันสร้างเว็บไซต์ ใน concept “เที่ยวทั่วไทย” ซึ่งมีโรงเรียนเข้าร่วมการแข่งขันประมาณ 40 โรงเรียน

แข่งทำเว็บไซต์ร้านค้าออนไลน์ build e-commerce website competition

รูปภาพ
26 / ตุลาคม / 2559 เมื่อโอกาสเข้ามาในชีวิตก็จงรีบขว้ามันไว้ก่อนมันจะหลุดมือ เหมือนกับครั้งนี้ที่ผมได้มีโอกาสไปแข่งขันสร้างเว็บไซต์ร้านค้าออนไลน์

How to custom command line look nice | ปรับแต่ง Command Line ให้เก๋ๆ

รูปภาพ
สวัสดีครับ ชาว Dev ทุกท่าน เช้านี้อากาศดีมากเลย แล้วก็เผลอคิดอะไรได้ขึ้นมา พอดีนั่งเรียนเกี่ยวกับ command line เพราะการเป็น dev ชีวิตมันก็อยู่กับ command อยู่แล้ว ซึ่งวันนี้จะพามาดูการตั้งค่า command line ของเรา ตามสไตล์แต่ละคนครับ คุณรู้ไหมว่ามันทำได้ด้วย โอเคเรามาดูกันเลย ซึ่งใน Windows ของเรานะครับ จะมีโปรแกรมที่ชื่อว่า Command Line กดไปที่ Start menu -> Command Line หน้าตาของมันก็จะประมาณนี้ ผมใช้ Windows 10 นะครับ ถ้าเป็น 7, 8 ก็หน้าตาคล้ายกันแหละ ดำๆ แบบนี้ 5555 ทีนี้ถ้าเกิดเราอยากจะปรับแต่งให้มันดูดีกว่านี้ หรืออยากทำ custom ตามสไตล์ในแบบที่เราชอบมันก็ทำได้เช่นเดียวกัน โดยกดคลิ๊กขวาไปที่มุมซ้ายบน แล้วเลือก properties ครับ เมื่อเลือกเสร็จมันก็จะมีหน้าต่างขึ้นมาแบบนี้ ทีนี้ก็ถึงเวลาที่เราจะปรับแต่งอะไรให้เจ้า Command Line ของเรามันดูดีมีอ่อร่า ตามใจเราเลยครับ ซึ่งผมมีเรื่องหงุดหงิดใจอยู่เรื่องหนึ่งคือ Command Line ตรง cursor ถ้าตามปกติมันจะเป็นเหมือนคล้ายๆ ตัว underscore แบบนี้ แต่ผมชอบให้มัน cursor เป็นแนวตั้งแบบหนาๆ เหมือน terminal ใน Mac หน้าตาจะประมาณนี

ชนิดของอีเวนต์ (DOM EVENT TYPES)

รูปภาพ
พอดีผมเข้าไปเรียนในเว็บไซต์ Khanacademy ในคอร์ส  HTML/JS: MAKING WEBPAGES INTERACTIVE  เรียนมาจนถึง DOM event types เห็นว่ามันมีประโยชน์ดีเพราะว่า event types เหล่านี้เป็น event ที่ใช้บ่อยในการเขียน javascript เลยนำมาเขียนเก็บไว้ในบล็อกครับ ที่จริงมี event อยู่เยอะมากๆ ลิสต์เต็มของมันจะอยู่ที่เว็บไซต์  MDN  (Mozilla Developer Network) แต่ว่านี่คือ event types และ event names ที่ใช้บ่อยๆ ครับ mouse events ( MouseEvent ) : mousedown, mouseup, click, dblclick, mousemove, mouseover, mousewheel, mouseout, contextmenu touch events ( TouchEvent ) : touchstart, touchmove, touchend, touchcancel keyboard events ( KeyboardEvent ) : keydown, keypress, keyup form events : focus, blur, change, submit window events : scroll, resize, hashchange, load, unload *หมายเหตุ  บาง event จะใช้เป็นเฉพาะสำหรับอุปกรณ์นั้นๆ ยกตัวอย่างเช่น touch events จะใช้ได้ในเฉพาะอุปกรณ์ที่สามารถ touch-enabled ได้ อย่างเช่น smartphones และ touch screen laptops mouse-events ใช้เกือบจะทุก browser แต่บางครั้งก็จะ

รหัสเทียม (PSEUDO CODE)

รูปภาพ
รหัสเทียม  หรือ  ซูโดโค้ด (Pseudo code)  เป็นคำสั่งที่จำลองความคิดที่เป็นลำดับขั้นตอนการทำงานของการเขียนโปรแกรมคอมพิวเตอร์ โดยใช้สัญลักษณ์เป็นประโยคภาษาอังกฤษ ซึ่งรหัสเทียม หรือ ซูโดโค้ด นี้ ไม่ใช่ภาษาโปรแกรมทางคอมพิวเตอร์จึงไม่สามารถนำไปใช้ในการเขียนโปรแกรมโปรแกรมพิวเตอร์เพื่อประมวลผลได้ แต่เป็นการเขียนจำลองคำสั่งจริงๆแบบย่อๆ ตามอัลกอริทึมของโปรแกรมระบบ เพื่อนำไปพัฒนาเป็นการเีขียนโปรแกรมภาษาคอมพิวเตอร์ได้ สรุปได้ว่า  รหัสเทียม  หรือ  ซูโดโค้ด (Pseudo code)  หมายถึง การเขียนโปรแกรมในรูปแบบภาษาอังกฤษที่มีขั้นตอนและรูปแบบแน่นอน มีความกะทัดรัด และมองดูคล้ายภาษาระดับสูงที่ใช้ได้กับเครื่องคอมพิวเตอร์ซึ่งไม่เจาะจงให้เป็นภาษาใดภาษาหนึ่ง รหัสเทียมจึงเหมาะที่จะใช้ในการออกแบบโปรแกรมก่อนที่โปรแกรมเมอร์จะทำการเขียนโปรแกรมด้วยภาษาคอมพิวเตอร์จริง ประโยชน์ของรหัสเทียม เป็นเครื่องมือในการกำหนดโครงร่างกระบวนการทำงานของการเขียนโปรแกรมแต่ละโปรแกรม เป็นต้นแบบในการทบทวน ปรับปรุงแก้ไข และพัฒนาโปรแกรมของโปรแกรมเมอร์ และนักวิเคราะห์ระบบ เป็นตัวกำหนดงานเขียนโปรแกรม เพื่อให้โปรแกรมเมอร์นำไปพัฒนาเป