เบซิกเบสิก jQuery

[IM]

ตอนแรกเหมือนจะเข้าใจแล้วนะ

มาเจอตัวพ่อตัวแม่นี่กลับไปงงเหมือนเดิมแล้ว 

[iannnnn]

[inatmon]

เข้าใจหล่ะครับ.. ล๊อคกระทู้เลย

[iannnnn]

ตะกี้ก็แนะนำกันไปแล้ว
ต่อไปพี่เจนจะพาพวกเราเข้าสู่บทที่ 1 กันนะครับ

[ต้น]

Lesson one  บทที่หนึ่ง ... ง ง

[กวางจ้ะ]

จุ๋ย จุ๋ยส์ - บทที่ ๑ [Lesson 1] Music Video

[inatmon]

R-A-T แรทหนู

[ณัฏฐ์]

บทที่ 1
http://jquery.com/
บทที่ 2
http://jqueryui.com/

จบละ

ใครมาสอนซักคนสิอยากรู้เหมือนกัน

[JΛNΣ]

ลทที่ 1 ว่ากันด้วยนเรื่อง selector เตอ้ออๆๆๆๆ   





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

[iannnnn]

เอาตอนเมาๆ นี่แหละ

[ลุงซัน]

ขอเริ่มด้วยการพัฒนาหน้าเว็บก่อนแล้วกันนะครับ
หน้าเว็บหลักก็ประกอบด้วย
  - HTML สำหรับการแสดงผลบนหน้าเว็บ(Webpage Rendering)
  - Media and Objects เช่น ภาำพ เสียง flash ..etc เพื่อให้เว็บมีความน่าสนใจ
  - Cascading Style Sheets (CSS) ตามชื่อของมันที่คนไทยมักใช้ทับศัพท์ในหลายๆที่ว่าสไตล์คือเป็นตัวกำกับรูปแบบการแสดงผลในของ Website (เน้นคำว่า Website คือมันมากกว่า 1 หน้า
  - Javascript เป็น script (บทกำกับ หรือ โปรแกรมเล็กๆ)ที่จะใช้กำหนดการทำงานของเว็บในส่วนต่างๆ ซึ่งในส่วนประกอบของหน้าเว็บ(Document Object Model(DOM))

[iannnnn]

กรี๊ดดดด จานเหนกมา พวกเราหลบ

[ณัฏฐ์]

หลบไปไหน
นั่งเรียนต่อสิ

[ลุงซัน]

จากส่วนประกอบที่สำคัญในการเขียนโปรแกรมกำกับหน้าเว็บก็คือ Javascript ซึ่งมีแหล่งข้อมูลหรือตำรามากมายเืพื่อใช้เขียนโปรแกรมกำกับหน้าเว็บ เลยมีคนคิดว่าทำไมไม่ทำเป็นชุดคลัง(JavaScript library)ของ Javascript ให้ใช้กันเลยละ? ก็มีคนและทีมพัฒนาที่พยายามสร้าง  library กันมากมายเพื่อให้ใช้กันมากมาย ก็มีตัวที่นิยมใช้ก็มี Ext Core,MooTools,Ext JS และ 1 ในนั้นคือ jQuery ซึ่ง jQuery มีขนาดเล็กแต่สามารถทำอะไรได้หลายอย่างที่จำเป็นในการเขียน Javascript
คุณสมบัติของ jQuery ได้แก่
- รูปแบบของภาษา(syntax)ง่ายต่อการจัดการ ท่องไปส่วนต่างๆ(navigate a document/document traversing) และ เลือกส่วนต่างๆของหน้าเว็บ(select DOM elements) โดยการเขียนไม่ยึดติดกับ browser
- จัดการเหตุการณ์(event handling) ต่างๆได้ดี  เพิ่ม Event ลงในหน้าเว็บตามแต่ใจต้องการ
- การจัดการ CSS สามารถเพิ่ม/ลบ class ,id
- ทำ Effects and Animating ได้ดี
- ทำส่วนติดต่อกับ AJAX ได้ดี (Ajax interactions)  ได้ง่ายขึ้นโค้ดสั้นลง
- สามารถสืบทอดคุณสมบัติของ Jquery (มีลักษณะของ OOP)
- สามารถจัดการและสร้าง User Interface
- Jquery สามารถใช้งาน ร่วมกับ server-side scripting languages ได้หลากหลายภาษา ไม่ว่าจะเป็น PHP,JSP,Perl,ASP.Net
- ที่สำคัญสามารถเพิ่มขยายความสามารถของ Library โดย Plugins

note:
 Library ของ Javascript ซึ่งเป็นกรอบการทำงาน(JavaScript frameworks) สามารถดูได้จาก wiki อันนี้

[ลุงซัน]

ตัวที่ทำให้ jQuery มีน่าสนใจขึ้นมาก็คือการทำ Slide หรือ Galleries แบบวืบๆได้ดี เช่น Galleria
แล้ว jQuery ทำอะไรได้
- ดูได้จากที่นี่ (ห้ามพลาด) 50+ Amazing Jquery Examples
- ถ้ามีส่วนเสริมก็ทำอย่างนี้ได้ 45+ Fresh Out of the oven jQuery Plugins และ 37 More Shocking jQuery Plugins

ถ้าสนใจจะเริ่มหรือดูตัวอย่างได้ที่ไหน
- ขั้นแรก download โลด ที่ http://jquery.com/
- ขั้นถัดมาอ่านๆๆๆลองๆๆๆ โดยสามารถหาตัวอย่างและข้อมูลภาษาไทยได้ดังนี้
  http://www.jquery.in.th/ ตัวอย่าง classic คือ Hello World
  http://www.jquerytips.com/
  http://www.select2web.com/tag/jquery
  http://sites.google.com/site/jqueryprogrammer/
 

อ้อ อีกอย่างที่ทำให้ jQuery ติดตลาดเพราะบริษัทใหญ่ๆให้การต้อนรับ แม้กระทั่ง Microsoft ซึ่งผนวก jQuery เข้ากับเครื่องมือพัฒนาหลัก Visual Studio