การเขียนโปรแกรม Web Application, แนะนำเครื่องมือ, แบ่งปันประสบการณ์, อัพเดตความเคลื่อนไหว

[{Cyberman}]

เปิดเป็นกระทู้สำหรับสมาชิกที่เป็นเพื่อนร่วมอาชีพ และพร้อมจะแบ่งปันความรู้
ประสบการณ์ให้กันและกัน เพื่อเป็นแนวทางให้กับรุ่นน้อง
หรือผู้ที่สนใจในงานพัฒนาเว็บแอพพลิเคชั่นได้ศึกษาค้นคว้ากันต่อไป  

• Web Application คือ?
  
• ยุคใหม่ของ HTML5+CSS3+js @By...jkungseed
  
• engine web services ที่ทำงานแบบ asynchrony @By...jkungseed
  
• วันนี้มี script ที่จะช่วยให้ทำเว็บแบบ single page สวยๆได้ @By...jkungseed
  
• PHP จาก 'ลูกทุ่ง' สู่ 'วิศวกรรม'
  

[{Cyberman}]

ประเดิมด้วย framework สวยๆ

Bootstrap
Sleek, intuitive, and powerful mobile-first front-end framework
for faster and easier web development.

สำหรับใครที่ต้องการสร้างเว็บไซต์ที่มีความสวยงาม และรองรับหน้าจอทุกขนาด
http://twitter.github.io/bootstrap/ ลองโหลดมาใช้ดู 

[jkungseed]

ชื่อกระทู้ค่อนข้างจะตรงสายความบ้าคลั่งของผมเลยครับ

งั้นวันนี้ผมมาพูดแบบเม้าๆ เล่าให้ฟัง เพลินๆดีกว่า อิอิ #ขอสั้นๆ #ม้วนเดียวจบ

ยุคใหม่ของ HTML5+CSS3+js
แล้ว PHP ล่ะ! #ท่าจะยาวแระ

ทำไมนะ php ถึงไม่มีข่าวออกมาประกาศโน่นนั่นนี่บ้าง
แล้วที html, css และ js เห็นพัฒนาเอาๆ
คืองี้นะครับ #ได้โปรดใจเย็น

php มีข้อผูกมัด ติดแน่นกับ apache ซึ่งเป็น engine Web services ถ้าไม่มี apache แล้วล่ะก็ หมดสิทธิ์ที่จะเอา php มาใช้งานครับ
แล้ว apache ก็ทำงานได้ดีมาโดยตลอด ไม่มีใครแทนมันได้ เรียกได้ว่า php อยู่คู่บารมีของ apache มานานแล้ว

แต่ก็เห็นใช้ php กันเยอะ แล้วทำไมไม่เห็นมีอะไรใหม่บ้าง ไม่พัฒนาต่อแล้วหรอ?

ไม่ใช่อย่างนั้นหรอกครับ ที่จริง php น่ะ พัฒนาตัวเองจนสุดทางก่อนเหล่าเพื่อนพ้องต่างหาก
เพราะ php เกิดมาเพื่อใช้เชื่อมต่อฐานข้อมูล เป็นภาษาที่ใช้จัดการระบบเบื้องหลังเว็บอย่างแท้จริง
จนเหล่านักพัฒนาสร้างเป็น php framework มากมาย เพราะมันแทบจะเป็นภาษาเดียวที่ทำงานฝั่ง server และใช้งานได้ง่าย รองรับoop บลาๆๆ

แต่ถึงกระนั้น php ก็ทำงานแบบ synchrony #ศัทพ์อะไรของเทอว์ #อ่านว่าซิงโครไนท์นะครับ

การทำงานแบบ synchrony ก็คือ จะใช้วิธีอ่านโค้ดจากบนลงล่างเสมอ และหากโค้ดบรรทัดบนกำลังรอการตอบกลับ หรือทำงานยังไม่เสร็จ
บรรทัดล่างที่ต่อลงมาจะไม่ทำงาน จนกว่าโค้ดบรรทัดบนของมันจะทำงานเสร็จ และทำงานแบบนี้เรียงต่อกันไปเรื่อยๆจนจบ

เพราะเหตุนี้ ทำให้โค้ดระบบใหญ่ทีออกแบบมายังไม่ดีพอ ทำงานได้ช้า เพราะมีการรอรีเควสจากฐานข้อมูลขนาดใหญ่หรือจากโค้ดที่ซับซ้อน
ซึ่งถ้าผ่านบรรทัดนั้นไปไม่ได้ บรรทัดต่อลงมาก็หมดสิทธิ์! แต่...ฟ้ามีตา #ผมว่ามีเฆมมากกว่านะ

การเขียน php แบบ oop แก้ปัญหานี้ได้ในระดับหนึ่ง!

เอาล่ะครับ ในครั้งหน้า #ถ้าผมไม่อู้ มีสองเรื่องที่ผมจะเขียนคือ #ยังไม่ได้เลือกน่ะ
1. HTML+CSS แอบหลับที่ไหนมานาน ทำไมเพิ่งมาพัฒนาตอนนี้!
2. engine web services ที่ทำงานแบบ asynchrony! ไม่ใช้ภาษา PHP #ยังไงกันล่ะนี่

ขอบคุณที่อ่านจนจบครับ #ไหนว่าสั้นๆไง #ล่อซะยาว #นอนเตอะ

[JAMESCOM1]

เนื้อหาดี ไวๆ จัดมาอีก ดีที่ไม่ยาวเกินไป อิอิ

[jkungseed]

วันนี้อู้อีกแล้ว พรุ่งนี้คงมีด้นสดอีกตามเคย

[jkungseed]

รอบนี้ผมคิดว่า ไหนๆก็เล่าเรื่อง engine web services ไปซะเยอะแล้ว ก็ควรจะเล่าให้จบ

เริ่มหัวข้อว่า engine web services ที่ทำงานแบบ asynchrony #อะซิงโครไนท์

asynchrony คือการทำงานที่จะใช้วิธีอ่านโค้ดจากบนลงล่างเช่นกัน แต่ว่าการอ่านโค้คจะไม่สนใจว่าโค้ดบรรทัดไหนทำงานเสร็จไม่เสร็จ ไม่มีการรอให้บรรทัดบนเสร็จก่อนแล้วค่อยอ่านบรรทัดล่าง

ดังน๊าน การทำงานในลักษณะนี้จะทำให้การประมวลผลออกมาเร็วกว่าการทำงานแบบ synchrony มาก!

แล้วภาษาอะไรล่ะ ที่ทำงานแบบนี้ แน่นอนว่า ไม่ใช่ PHP! #เย้ยยยยยย

ภาษาที่ทำงานลักษณะนี้ หลายคนอาจคาดไม่ถึงเลยแหละ เพราะตัวเองก็ใช้อยู่ประจำ ภาษานั้นก็คือ javascript!

แต่เดี๋ยวนะ มันทำงานฝั่ง client ไม่ใช่หรอ ไม่ได้ทำงานฝั่ง server นี่ #นั่นจิ

ถึงตรงนี้ผมอยากจะบอกว่า google ได้ก้าวข้ามข้อจำกัดนั่นไปแล้วนะครัฟ แหม่ #เมพ!

ทีมงาน Geek ตัวแม่ อย่าง google ได้พัฒนา engine web services ขึ้นมา โดยใช้ภาษา javascript แล้วตั้งชื่อให้ว่า... Node.js #อัยย๊ะ

Node.js มีคุณสมบัติครบ ตามที่ engine web services ควรจะมี ทั้งเชื่อมต่อฐานข้อมูล ระบบทำงานที่เสถียร ใช้ทรัพยากรน้อย และที่สำคัญ มันทำงานได้เร็วว่า PHP!

เอาล่ะครับ มาถึงตรงนี้ ทุกคนอาจนึกไม่ถึงว่า ความเร็วของมันนี่แหละ ที่เป็นข้อดีและข้อเสียไปในตัว

ข้อเสียก็คือ การทำงานแบบ asynchrony ทำให้ไม่สามารถจัดลำดับการทำงานได้ แต่เรายังจำเป็นต้องจัดลำดับการทำงานในบางขั้นตอน เช่น เราต้องเรียกข้อมูลจากฐานข้อมูลให้ได้ก่อน แล้วค่อยเอาข้อมูลนั้นมาจัดการ ถ้าข้อมูลยังเรียกมาไม่เสร็จ แล้วเราจะจัดการมันได้ยังไงล่ะ

ดังนั้น การแก้ปัญหานี้จึงต้องใช้ function callback #ยังแก้ได้อยู่
เพราะเหตุนี้ การเขียนโค้ดใน Node.js จะทำให้พบเห็นเหตุการณ์ callback pyramid เป็นเรื่องปกติไปเลยหล่ะ

เอาล่ะครับ วันนี้ก็ขอพอเพียงเท่านี้ เดี๋ยวจะเลี่ยนกันไปซะก่อน

ขอบคุณที่อ่านจนจบครับ

ปล.หากต้องการศึกษา Node.js เพิ่มเติม ขอให้ไปศึกษาเองก่อนนะครับ ติดตรงไหนก็ถามมาได้ ผมใช้ Node.js พัฒนาเว็บแอพอยู่ครับ

[{Cyberman}]

ทั้ง Node.js ทั้ง Python เห็นเขาบอกว่าทำงานเร็วกว่า PHP
อย่างลองศึกษาดูบ้างครับ ^^"

[jkungseed]

ทั้ง Node.js ทั้ง Python เห็นเขาบอกว่าทำงานเร็วกว่า PHP
อย่างลองศึกษาดูบ้างครับ ^^"

อย่าแค่ "อยาก" เลยครับ ไปลุยกันเล้ย!

Node.js ค่อนข้างใหม่มาก ประมาณว่ายังหนุ่มยังเอาะ วัยขบเผาะ แตกเนื้อสาวกันเลยทีเดียว ถ้าเทียบกับ PHP นะ

ติดตรงไหนถามได้ครับ ผมยินดีเสมอ 

[{Cyberman}]

เมื่อก่อนเคยเห็นแต่ใน Flash
แต่เดี๋ยวนี้ HTML5 ทำแบบนี้ได้ด้วยแหละ
(ลองเข้าไปกดเคาะๆ ที่ spacebar ดู หนุกดี ตาลายเลย @_@)
http://bartaz.github.io/impress.js/#/bored

[jkungseed]

อยู่ดีๆก็อยากเข้ามาดูตอนเช้า
ช่วงนี้ไม่ค่อยมีเวลามาดูเท่าไหร่ ไม่ใช่งานเยอะนะครับ นอนเยอะ! #ฮา

บอกเล่าเรื่อง Node.js สักนิดนึงละกัน

Node.js มันต้องการ port ในการทำงาน แล้ว port80 มันรัน Apache อยู่นี่ เพื่อใช้ php ไง
ตัว Node.js เองก็เลยต้องใช้ port อื่นบลาๆๆ

ปกติเว็บไซค์ใช้ port80 ในการเชื่อมต่อ คอมบางเครื่องจะเปิดแค่ port80 ไว้เท่านั้น
เพื่อกันไวรัส แฮกเกอร์ อะไรต่อมิอะไรมากมาย ที่จะแฝงตัวมาใน port อื่นๆ #จริงๆคือกันแฮกเกอร์นั่นแหละ
พอเข้า port80 ก็ยิงตรงไปที่ Apache แล้วถ้าเราทำเว็บโดยใช้ Node.js มันรันที่ port อื่นซะนี่
แล้วเอาไงล่ะทีนี้ #น้ำตาจะไหล

วิธีแก้มันมีอยู่ แต่.... เช้าๆ+ฝนตก อากาศเย็นๆ ซึ่งช่วงนี้เชียงรายฝนตกทุกวันจริงๆ #ออกทะเล
มันน่านอนต่อจริงๆ ขอตัวก่อนนะครับ

#ถ้าฝนจะตกขนาดนี้นะ #เข้าพรรษาพร้อมพระไปเลยดีกว่า

[jkungseed]

วันนี้มี script ที่จะช่วยให้ทำเว็บแบบ single page สวยๆได้

http://blog.teamtreehouse.com/open-source-jquery-plugins-for-building-single-page-website-layouts

ขอตัวนอนก่อนละ

#งานชุกชุมมากช่วงนี้

[{Cyberman}]

ช่วงนี้งานไม่ชุก (ช่วงไหนๆก็ไม่เคยชุก ^^")
แต่ก็ยังไม่ได้อัพเดตความเคลื่อนไหวเช่นกันครับ

[Professional]

ช่วงนี้งานซุก ช่วงไหนๆงานก็ซุก  เดียวถ้ามีลูกค้า รีเควส php มา เดียวจะ pm รายละเอียดให้ท่านสมาชิกในกระทู้นี้ครับ 

[{Cyberman}]

PHP จาก 'ลูกทุ่ง' สู่ 'วิศวกรรม'
https://sites.google.com/site/chanwit/blogs/php-from-easygoing-to-engineering

อ่านแล้วหงุดหงิดนิดๆ เพิ่งจะรู้ว่าเขามอง PHP ในแง่ลบมาโดยตลอด
และอีกอย่าง ต่อไปคงพูดไม่ได้แล้วว่า "เขียน PHP ง่ายนิดเดียว"

#เบื่อนิดๆ กับพวกวิศวกร 

[jkungseed]

PHP จาก 'ลูกทุ่ง' สู่ 'วิศวกรรม'
https://sites.google.com/site/chanwit/blogs/php-from-easygoing-to-engineering

อ่านแล้วหงุดหงิดนิดๆ เพิ่งจะรู้ว่าเขามอง PHP ในแง่ลบมาโดยตลอด
และอีกอย่าง ต่อไปคงพูดไม่ได้แล้วว่า "เขียน PHP ง่ายนิดเดียว"

#เบื่อนิดๆ กับพวกวิศวกร 

อ่านแล้วได้ความรู้แจ่มๆดีครับ

เรื่อง hiphop php ผมเคยได้ยินเมื่อปีที่แล้ว ทำขึ้นเพื่อแก้ความช้าในการอ่านแบบ synchrony ของ PHP
แต่ส่วนตัวผมยังไม่เคยใช้ จึงบอกไม่ได้ว่าเป็นยังไง

อีกส่วนหนึ่งที่ผมประสบปัญหาในการใช้ PHP ทำระบบใหญ่คือ php มีการจำกัด memory ในการดึงข้อมูล
คล้ายๆการ cache แต่ไม่ใช่ อันนี้ค่อนข้างเป็นปัญหามาก

ปล. ระบบใหญ่ที่ผมหมายถึงคือประมาณ ล้านเรกคอร์ด #อย่างต่ำ แต่ละเรกคอร์ดมีประมาณ10ถึง20ฟิว

ปล2. ไม่มีเวลามาเขียนประวัติความเป็นมาของ html css สักที