[แชร์แบบบ้านๆ] ตอนที่ 4 รวมความรู้เกี่ยวกับ jQuery

เริ่มโดย arusgroup, 30 เมษายน 2012, 10:03:43

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

arusgroup

สารบัญ [แชร์แบบบ้านๆ] The Series
[แชร์แบบบ้านๆ] ตอนที่ 4 รวมความรู้เกี่ยวกับ jQuery
สิ่งสำคัญสิ่งหนึงในการเขียนtheme ขายคือลูกเล่น พ่อห้ามเล่น :wanwan001:
เพราะจะขายได้ไหมนั้นมันอยู่ที่ลูกเล่น ท่านลองนึกดูครับจท่านจะซื่อtheme สวยมากแต่เข็งเป็นสากเลยท่านก็ไม่ซื่อถูกไหมครับ ไม่เชื่อลองไปดู theme ที่ขายดีดี ลูกเล่นเต็มไปหมด
Q:แต่เราจะเพิ่มลูกเล่นเข้าไปยังไงละให้มันยังไงละ?
A:ก็ใช้เจ้า jQuery มาช่วยไง  
Q:แล้วทำไมไม่ใช้ flash ละ?
A:มันเปิดกับมือถือได้ไม่ดีแถมทำให้เว็บช้า แล้วก็หนักกว่าด้วยแถมเมื่องนอกเค้าไม่ใช้กันแล้วนะจ๊ะ(ในการทำพวกslider ประกอบ อย่างอื่นยังมีกันอยู่บ้าง)
Q:แล้วมันใช้ยังไงละ?
A:ก็ศึกษาเอาไงจ๊ะ :]
ในตอนนี้ส่วนใหญ่ผมรวบรวมมาให้อ่านกันนะครับ

jQuery คืออะไร ?
jQuery นั้นเป็น JavaScript Library ที่บรรจุเอา Function และ คำสั่งต่างๆ ที่จะทำให้เราๆท่านๆ ไม่ต้องมาเขียนเองใหม่ทั้งหมดตั้งแต่ต้น เราสามารถที่จะเขียน ajax ได้แบบง่ายๆเพียง code ไม่กี่บรรทัด หรือจะเขียน javascript เพื่อดัก Event (เหตุการณ์) ต่างๆที่เขาต้องการ เช่น การ click, rollover, mouse moved อื่นๆอีกมากหมาย ซึ่งถ้าเขียนเองทั้งหมดตั้งแต่ต้นละก็ รับลองได้เลย หลายบรรทัดแน่นอน เวลามาแก้ code ทีหลังนี่เล่นเอาปวดกระบานไปหลายวันเลยละ (จากประสพการณ์จริงเลย)
ที่มา jquery.in.th

download jQuery
http://jquery.com/

เรียน jQuery ฟรี ( ภาษาอังกฤษ )
http://tutsplus.com/course/30-days-to-learn-jquery/

jQuery slide ทำภาพไสล์ด้วย jQuery
http://slidesjs.com/

http://webdesign.tutsplus.com/tutorials/site-elements/how-to-start-using-jquery-sliders-in-your-designs/

ตัวอย่างและวิธีทำปุ่มสวยๆประกอบweb

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/extreme-makeover-jpaginator-css3-edition/
ตัวอย่างและวิธีทำ portfolio แบบแนวๆ

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/build-an-innovative-portfolio-site-using-alternative-uiux/
แหล่งหความรู้ภาษาไทย
http://www.jquery.in.th/
แหล่งความรู้ภาษาอังกฤษ
http://webdesign.tutsplus.com/?s=jquery
http://docs.jquery.com/Main_Page
ใครมีที่อื่นแนะนำได้นะครับผม :wanwan003:

ไว้เจิอกันตอนหน้าครับ :wanwan017:
สารบัญ [แชร์แบบบ้านๆ] The Series

agmeet


firstdev

รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำ iOS,Android แอพพลิเคชั่น

flash

[direct=http://www.mclshop.com/]ครีมหมอจุฬา[/direct] ผ่าน อย. อยากหน้าใส ไร้รอยด่างดำ ครีมหมอจุฬาซื้อที่ไหน หาไม่ยากเลย แต่ระวังของปลอมนะ ของเราเป็น ครีมหมอจุฬาของแท้ 100% มาดูสินค้าก่อนได้


arusgroup

ตอนนี้ สำคัญนะครับเพราะ ในการทำtheme ขาย เจ้า jQuery นี้สำคัญมากครับ

LighteningZz


siriyot00


arusgroup


mymo


boysml


tapanon

ผมชอบมาก Jquery มันทำได้ทุกอย่างจริงๆ  เขียน Jquery ไปๆมาๆชอบ client side เลยแต่ก็มีข้อเสียครับไม่เหมือน Server side ครับ
รับเขียนเว็บไซด์และโปรแกรม (php, vb.net, c#.net, graphic, css, template)  ด้วยทีมงานมืออาชีพทุกคนครับ  PM มาเลยครับ

arusgroup

อ้างถึงจาก: tapanon ใน 30 เมษายน 2012, 16:10:54
ผมชอบมาก Jquery มันทำได้ทุกอย่างจริงๆ  เขียน Jquery ไปๆมาๆชอบ client side เลยแต่ก็มีข้อเสียครับไม่เหมือน Server side ครับ
การทำงานแบบ Client-side และ server-side คืออะไร

ในการทำงานด้าน Web Programming ในการเขียนโปรแกรมนั้น จะถูกแยกการทำงานออกเป็นสองแบบหลักๆ คือ Client-side และ Server-side ในการเขียนโปรแกรมแบบ Server-side นั้นก็ได้แก่ภาษา php, java jsp,  .NET เป็นต้น ซึ่งการเขียนโปรแกรมด้วยภาษาเหล่านี้ จะเป็นการ Run โปรแกรม ในฝั่งของ Server แล้ว return ค่า หรือ แสดงผลกลับมาทาง Client ในที่นี้หมายถึง web browser ต่างๆเช่น IE, Firefox, safari

เพิ่มเติม http://www.jquery.in.th/client-side-and-server-side/

tapanon

อ้างถึงจาก: arusgroup ใน 30 เมษายน 2012, 16:45:49
อ้างถึงจาก: tapanon ใน 30 เมษายน 2012, 16:10:54
ผมชอบมาก Jquery มันทำได้ทุกอย่างจริงๆ  เขียน Jquery ไปๆมาๆชอบ client side เลยแต่ก็มีข้อเสียครับไม่เหมือน Server side ครับ
การทำงานแบบ Client-side และ server-side คืออะไร

ในการทำงานด้าน Web Programming ในการเขียนโปรแกรมนั้น จะถูกแยกการทำงานออกเป็นสองแบบหลักๆ คือ Client-side และ Server-side ในการเขียนโปรแกรมแบบ Server-side นั้นก็ได้แก่ภาษา php, java jsp,  .NET เป็นต้น ซึ่งการเขียนโปรแกรมด้วยภาษาเหล่านี้ จะเป็นการ Run โปรแกรม ในฝั่งของ Server แล้ว return ค่า หรือ แสดงผลกลับมาทาง Client ในที่นี้หมายถึง web browser ต่างๆเช่น IE, Firefox, safari

เพิ่มเติม http://www.jquery.in.th/client-side-and-server-side/

จะบอกว่าผมเข้าใจ client side กับ Server side ผิดเหรอครับ  ด้วยความเคารพ จขกท.  ผมว่าผมเข้าใจถูกแล้วหนะ  ผมขอเข้าใจแบบผมดีกว่าครับ
รับเขียนเว็บไซด์และโปรแกรม (php, vb.net, c#.net, graphic, css, template)  ด้วยทีมงานมืออาชีพทุกคนครับ  PM มาเลยครับ

arusgroup

อ้างถึงจาก: tapanon ใน 30 เมษายน 2012, 17:09:05
อ้างถึงจาก: arusgroup ใน 30 เมษายน 2012, 16:45:49
อ้างถึงจาก: tapanon ใน 30 เมษายน 2012, 16:10:54
ผมชอบมาก Jquery มันทำได้ทุกอย่างจริงๆ  เขียน Jquery ไปๆมาๆชอบ client side เลยแต่ก็มีข้อเสียครับไม่เหมือน Server side ครับ
การทำงานแบบ Client-side และ server-side คืออะไร

ในการทำงานด้าน Web Programming ในการเขียนโปรแกรมนั้น จะถูกแยกการทำงานออกเป็นสองแบบหลักๆ คือ Client-side และ Server-side ในการเขียนโปรแกรมแบบ Server-side นั้นก็ได้แก่ภาษา php, java jsp,  .NET เป็นต้น ซึ่งการเขียนโปรแกรมด้วยภาษาเหล่านี้ จะเป็นการ Run โปรแกรม ในฝั่งของ Server แล้ว return ค่า หรือ แสดงผลกลับมาทาง Client ในที่นี้หมายถึง web browser ต่างๆเช่น IE, Firefox, safari

เพิ่มเติม http://www.jquery.in.th/client-side-and-server-side/

จะบอกว่าผมเข้าใจ client side กับ Server side ผิดเหรอครับ  ด้วยความเคารพ จขกท.  ผมว่าผมเข้าใจถูกแล้วหนะ  ผมขอเข้าใจแบบผมดีกว่าครับ



ป่าวครับ ไม่ได้ว่าครับ แต่กลัวคนอื่นไม่เขาใจเลยหาเนื้อหามาเติมให้เฉยๆครับผม :P

มีคนที่ไม่รู้เรื่องพวกนี้อยู่ครับ

tapanon

 :wanwan017:  ออผมก็คิดว่าผมเข้าใจผิด  มาช่วยกันใช้ Jquery ครับ
รับเขียนเว็บไซด์และโปรแกรม (php, vb.net, c#.net, graphic, css, template)  ด้วยทีมงานมืออาชีพทุกคนครับ  PM มาเลยครับ


cyberfox.g

ขอบคุณครับ
+ 1
ว่าแต่ว่าผมใช้ Prestashop ครับ เข้ากันได้หรือเปล่าคับ

TheZupurp

อ้างถึงจาก: arusgroup ใน 30 เมษายน 2012, 16:04:12
อ้างถึงจาก: LighteningZz ใน 30 เมษายน 2012, 16:00:11
JQuery กับ Java อันเดียวกันป่าว  :P
JQuery คือ Java ตัวหนึ่งครับ

ขออนุญาติเเนะนำครับ

JQuery คือ Javascript  ครับ

ส่วน

Java ก็คือ Java ไม่เกี่ยวไรกับ Javascript ครับ เเค่ชื่อมันคล้ายกันคนเลยสับสน ^^

Mesut Ozil


zekan

แหล่งรวม[direct=http://www.siamplan.com]แบบบ้าน[/direct]ราคาประหยัด รับเขียนแบบบ้าน  และยังมี[direct=http://www.siamplan.com/index.php/freeplan]แบบบ้านฟรี[/direct]ให้เลือกดาวน์โหลดฟรีอีกมากมาย พร้อมทั้ง[direct=http://www.siamplan.com/index.php/firstfloor]แบบบ้านชั้นเดียว[/direct]อีกหลายหลังให้ท่านเลือกพิจารณา และมี [direct=https://play.google.com/store/apps/details?id=com.siamplan.freeplan]Application[/direct] แบบบ้านฟรีอีกด้วย แถมตอนนี้เรามี [direct=https://www.youtube.com/channel/UCSJhjzmwsqSVFJU8FDg-Bjg]ช่อง TV[/direct] ใน youtube เพิ่มอีก