ความรู้พื้นฐานสำหรับนักพัฒนาเว็บ (ที่ควรทราบ)

สวัสดีครับสมาชิกชาว Dexmore

สำหรับความรู้เบื้องต้นนี้มีบทบาทสำคัญมากพอๆ กับการเขียนเว็บเพจเลยครับ ดังนั้นผมขอแนะนำว่าควรศึกษาเอาไว้ก่อน

จะดีมากเลย เพราะถึงแม้ท่านจะสร้างเว็บไซต์ออกมาได้สมบูรณ์ แต่ถ้าไม่มีความรู้ส่วนนี้เลย ก็เหมือนกับทานข้าวเป็นแต่ทำนาไม่เป็น

ทั้งนี้ผมจะขอแบ่งแต่ละเรื่องออกมาเป็นหัวข้อก่อน เพื่อว่าท่านจะได้มองเห็นภาพรวมก่อนและศึกษาเพิ่มเติมเองได้ต่อไปนะครับ



พื้นฐานความรู้ที่เราจะมารู้จักกัน

1. เว็บบราวเซอร์(Web Browser) - เว็บเซิฟเวอร์(Web server)

2. ไคลเอนต์(Client) - เซิฟเวอร์(Sever)

3. เข้าใจพื้นฐานของ www (World Wide Web)

4. โปรโตคอล Protocol

• HTTP (Hypertext Transfer Protocal)
• FTP (File Transfer Protocal)

5. ลักษณะของภาษาที่ใช้

• สเตติก (Static Web)
• ไดนามิก (Dynamic Web)
• สคริป (Sctipt)

ลิงค์หัวข้อ: http://dexmore.com/topic/579

2. ไคลเอนต์(Client) - เซิฟเวอร์(Sever)



สำหรับการส่งข้อมูลอะไรสักอย่าง แน่นอนครับว่าเราจะต้องมี ผู้ส่ง กับ ผู้รับ ซึ่งจะเกี่ยวเนื่องกับเรื่องแรก

ที่ผมได้กล่าวเอาไว้แล้วนั่นคือเรื่องของบราวเซอร์ กับ เซิฟเวอร์ สรุปง่ายๆ คือ เครื่องของเราคือเครื่องรับบริการ (Client)

เว็บเว็บเซิฟเวอร์คือเครื่องให้บริการ(Server) นั่นเองครับ *(เป็นความรู้พื้นฐานสำคัญในการพัฒนาเว็บไดนามิก)


3. เข้าใจพื้นฐานของ www (World Wide Web)



เวิลดิ์ไวด์เว็บ (WWW - World Wide Web) คือบริการอย่างหนึ่งบนอินเทอร์เน็ต ลักษณะทั่วๆ ไปคือทำงานแบบเชื่อมโยงกัน

เหมือนใยแมงมุม การทำงานเบื้องต้นก็คือเครื่องผู้ใช้จะใช้โปรแกรมเว็บบราวเซอร์ เรียกเว็บเพจจากเว็บเซิฟเวอร์ซึ่งมีอยู่ทั่วโลก

กลับมาแสดงผลที่เครื่องของตนเองครับ

ขั้นตอนการทำงาน

1. ผู้ใช้เรียกเว็บไซต์ Dexmore ผ่านเว็บบราวเซอร์ Firefox

2. เว็บบราวเซอร์ส่ง message ผ่านอินเตอร์เน็ตไปยังเครื่องเซิฟเวอร์ Dexmore เืพื่อร้องขอเว็บเพจ test.html(request)

3. โปรแกรมเว็บเซิฟเวอร์ที่ทำงานอยู่ในเครื่อง Dexmore หาเอกสาร test.html ขึ้นมาจากดิสก์

4. โปรแกรมเว็บเซฟเวอร์ส่งเนื้อหาเอกสาร test.html กลับไปที่เครื่องของผู้ใช้งาน (response) ตามคำร้องขอของบราวเซอร์

5. เว็บบราวเซอร์แสดงเนื้อหาเว็บเพจ test.html มาบนหน้าจอของผู้ใช้งาน

ลิงค์หัวข้อ: http://dexmore.com/topic/579

5. ลักษณะของภาษาที่ใช้



สเตติก (Static Web) คือเว็บเพจที่ถูกสร้างมาเพื่อนำเสนอข้อมูลอย่างเดียวครับ ถ้าให้มองออก

ลองนึกภาพเพจที่เปิดขึ้นมาแล้วมีแต่ข้อมูลเต็มไปหมดเลย ไม่มีให้แสดงความคิดเห็น ไม่มีอะไรให้เราได้เล่นเอาซ่ะเลย

หรือสรุปก็คือ แค่ให้เราดูเพจเท่านั้น




ไดนามิก (Dynamic Web) คือเว็บที่ถูกสร้างขึ้นมาให้สามารถตอบสนองกับผู้ใช้งานได้ครับ

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

ไม่ใช่นำเสนอข้อมูลเต็มไปหมดแต่โต้ตอบอะไรกับข้อมูลนั้นไม่ได้เลย


สคริปต์ (Script) ในการเขียนเว็บเพจขึ้นมานั้นเราต้องเกี่ยวข้องกับเรื่องนี้ครับ

ุถ้าเราจะสร้างเอกสารขึ้นด้วย HTML อย่างเดียวเว็บของเราก็จะออกมาในรูปของเว็บสเตติก แต่ถ้าเราใช้ภาษาอื่น

มาพัฒนาร่วมด้วย เช่น PHP, ASP ซึ่งสามารถทำให้เอกสารธรรมดาสามารถติดต่อกับผู้ใช้ได้เว็บก็จะอยู่ในรูปของ

ไดนามิกเว็บนั่นเอง อย่างที่ผมได้กล่าวไว้นะครับว่าการทำงานของเว็บนั้น จะร่วมกันระหว่าง Client/Server

ซึ่งความรู้เบื่องต้น สำคัญต่อสิ่งที่เราจะรู้ต่อไป อาจจะเข้าใจยากนิดหน่อย แต่ก็ไม่เกินไปครับ

ไคลเอนต์ไซต์สคริปต์ (Client Side Script)  แค่ชื่อก็ำพอจะทราบนะครับว่า มันทำงานในฝั่งผุ้ใช้ สคริปรูปแบบนี้

สามารถทำงานได้เร็วเพราะว่าเว็บบราวเซอร์สามารถประมวลผลได้ทันที เช่น HTML,Javascript

เซิฟเวอร์ไซต์สคริปต์( Server Side Script) คือสคริปที่ทำงานในฝั่งเซิฟเวอร์นั่นเองครับ ตัวอย่างเช่น

PHP,ASP เหล่านี้ หากใช้ในการเขียนเว็บเพจ ภาระการประมวลผลจะตกไปที่เครื่องเซิฟเวอร์ก่อน เมื่อเซิฟเวอร์

ประมวลผลเสร็จแล้วก็จะส่งเอกสารกลับมาในรูปแบบของไคลเอนต์ไซต์สคริป เพื่อให้ฝั่งบราวเซอร์สามารถอ่าน

ข้อมูลเหล่านั้นและสามารถแสดงผลได้นั่นเอง


สำหรับพื้นฐานเบื้องต้นก็ขอจบลงไว้แค่นี้ครับ เรื่องของสคริปหลังสุดนี่ค่อนข้างจะงงสักหน่อย แต่เมื่อผมเข้าเรื่อง

การพัฒนาเว็บไดนามิก ก็จะกระจ่างเองครับ ทั้งนี้หากไม่เข้าใจสามารถสอบถามได้เลยครับ


เจ้าของบทความโดย : Dexmore(สามารถนำไปเผยแพร่ได้ โดยยกผลประโยชน์ให้ Dexmore)

ลิงค์หัวข้อ: http://dexmore.com/topic/579