เบซิกเบสิก jQuery

[ลุงซัน]

แถม HTML5 (กันการตกยุค) ^^

http://www.youtube.com/v/EdDc7sWjCL4

[iannnnn]

ขอบคุณครับ ชอบๆ เริ่มต้นทำความเข้าใจได้เลย


ทีนี้อยากทราบภาษา ปกม.หน่อยครับ ไม่รู้จักจริงๆ
DOM / OOP คืออะไรครับ

[X11]

DOM : Document Object Model << ส่วนต่างๆ ของหน้าเว็บอย่างที่ อจ. ซัน บอกนั่นแหละ
OOP : Object-Oriented Programming << แปลเป็นภาษามนุษย์ว่าอะไรดีล่ะ

  เดี๋ยวว่างแล้วตามมาเรียนต่อนะ

[ต้น]

OOP การโปรแกรมเชิงวัตถุ   

มองทุกสิ่งเป็นวัตถุ มีคุณสมบัติ และ สามารถทำอะไรบางอย่างได้

[iannnnn]

ไอ้วัตถุเนี่ยแหละงงครับ
มีคนพูดกันเยอะแต่ก็นึกไม่อกว่ามันยังไงต่อ

[icez]

ให้นึกว่าเป็น block ละกันครับ

เว็บนึงก็คือกล่องใหญ่ๆ กล่องนึง
ในกล่องมีอันโน่นอันนี่ยัดๆ ไปเรื่อยๆ ซ้อนๆ กัน
แต่ละกล่องก็จะมีข้อมูลในกล่อง(หรือไม่มีก็ได้) หรืออาจมีกล่องซ้อนอยู่อีก

ประมาณนี้แหละครับ
ทีนี้พอมันซ้อนๆ กันหลายกล่องเราก็ต้องมีวิธีอ้างอิงกล่องให้ถูกต้อง
ซึ่ง jquery ใช้วิธีอ้างอิงแบบเดียวกับ css เลยครับ

ถ้าเคยเขียน css มาแล้วก็เหมือนกันเป๊ะๆ เลย


อย่างสมมติ css

div#wrapper { .... }

ใน jquery เวลาจะทำอะไรกับไอ้ div อันนี้ก็เรียกโดย $("div#wrapper") หรือ $("#wrapper") ได้เลยครับ

[ต้น]

ไอ้วัตถุเนี่ยแหละงงครับ
มีคนพูดกันเยอะแต่ก็นึกไม่อกว่ามันยังไงต่อ

โอ้ อาจจะต้องอธิบายกันยาวหน่อยนะครับ เรื่องของ OOP

เพราะจะมีเรื่องคุณสมบัติของ OOP อีกหลายประการเลย

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

[iannnnn]

อ๋อๆ ในทางวิชาการเรเรียกมันว่า "ดุ้น" ใช่ไหมครับ

[icez]

โอ้ อาจจะต้องอธิบายกันยาวหน่อยนะครับ เรื่องของ OOP

เพราะจะมีเรื่องคุณสมบัติของ OOP อีกหลายประการเลย

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

สรุปแล้วคืออย่าไปสนมันอะครับ

[ต้น]

สรุปแล้วคืออย่าไปสนมันอะครับ

ครับ อย่างที่ไอซ์ว่า อาจจะรู้ว่ามันมี OOP อยู่ในนั้น แต่อาจจะไม่ต้องสนมันมากก็ได้ครับ

เราก็ยังสามารถเล่นกับ JQuery ได้อย่างสนุกอยู่  ถ้าสนใจเรื่อง OOP จริงๆ ก็  ...











หาอ่านครับ 






อ้อ แตกออกมาว่าด้วยเรื่องของ OO Programming เลยน่าจะดีกว่า

[IM]

DOM ไม่เคยเรียน
เรียนแต่ OOP 

[ฟิ้งซ์]

 แปะๆ

[Earthchie]

OOP นี่ผมเรียนเป็นเทอมกว่าจะเข้าใจ 

เนื้อหาน่างง และต้องมีพื้นฐาน programming พอควร

--
เวลาเรียนอาจารย์จะไม่เรียก inheritance แต่จะเรียกว่า สืบสันดาน แบบเน้นๆ 

[Rabbitinblack]

ขอ DOM กับ OOP แบบจริงจังหน่อยได้มั้ยครับ

อยากรู้ อยากรู้ 

[ลุงซัน]

Document Object Model(DOM) พูดแบบง่ายๆก็แล้วกันนะครับ มันคือรูปแบบ(Model) ที่จะบอกว่าส่วนประกอบของ หน้าเว็บ HTML(หรือ อาจเป็น XML ก็ได้) ประกอบด้วยส่วนต่างๆอะไรบ้าง ดูในรูปที่อ้างจากองค์การกำหนดมาตรฐานเว็บ(W3C)และคนเขียน Web Browser และ JavaScipt คนแรก(คือ Netscape) แล้วกันนะครับ

อ้างอิงจาก DOM ของ Netscape


อ้างอิงมาตรฐาน DOM ขององค์การกำหนดมาตรฐานเว็บ(W3C)แ



อ่านข้อกำหนดของ DOM ได้ที่ http://www.w3.org/TR/2004/PR-DOM-Level-3-Core-20040205/introduction.html