ฉันจะเรียนรู้ jQuery ได้ที่ไหน? คุ้มมั้ย?


126

ผมเคยมีจำนวนมากประสบการณ์ที่ดีในการเรียนรู้เกี่ยวกับการพัฒนาเว็บในw3schools.com ฉันรู้ว่ามันโดนหรือพลาด แต่ส่วน PHP และ CSS โดยเฉพาะได้พิสูจน์แล้วว่ามีประโยชน์มากสำหรับการอ้างอิง

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

นอกจากนี้โดยสรุปแล้ว jQuery ควรค่าแก่การเรียนรู้หรือไม่? หรือฉันควรดูไลบรารี JavaScript อื่น ฉันรู้ว่าเจฟฟ์ใช้ jQuery บน Stack Overflow และดูเหมือนว่าจะทำงานได้ดี

ขอบคุณ!

แก้ไข : เว็บไซต์ของ jQuery มีรายการใหญ่สวยของบทเรียนและครอบคลุมดูเหมือนหน้าเอกสาร ฉันยังไม่มีเวลาทำมันเลยมีใครมีประสบการณ์กับมันบ้างไหม?

แก้ไข 2 : ดูเหมือนว่าตอนนี้ Google กำลังโฮสต์ไลบรารี jQuery นั่นน่าจะทำให้ jQuery ได้เปรียบอย่างมากในแง่ของการประชาสัมพันธ์

นอกจากนี้หากทุกคนใช้ไลบรารี aQuery แบบรวมเดียวที่โฮสต์ในที่เดียวกันควรได้รับการแคชสำหรับผู้ใช้อินเทอร์เน็ตส่วนใหญ่ตั้งแต่เนิ่นๆดังนั้นจึงไม่ส่งผลกระทบต่อการดาวน์โหลดไซต์ของคุณหากคุณตัดสินใจใช้

2 เดือนต่อมา ...

แก้ไข 3 : ฉันเริ่มใช้ jQuery กับโปรเจ็กต์ในที่ทำงานเมื่อเร็ว ๆ นี้และมันก็ยอดเยี่ยมมากที่ได้ทำงานด้วย! แค่อยากจะให้ทุกคนรู้ว่าผมได้ข้อสรุปมันเป็นอย่างคุ้มค่าที่จะเรียนรู้และใช้ jQuery

นอกจากนี้ผมได้เรียนรู้เกือบทั้งหมดจาก jQuery อย่างเป็นทางการเอกสารและบทเรียน ตรงไปตรงมามาก

10 เดือนต่อมา ...

jQuery เป็นส่วนหนึ่งของทุกเว็บแอปที่ฉันสร้างขึ้นตั้งแต่ฉันเขียนโพสต์นี้ครั้งแรก ทำให้การเพิ่มประสิทธิภาพแบบก้าวหน้าเป็นเรื่องง่ายและช่วยให้สามารถบำรุงรักษาโค้ดได้

นอกจากนี้ปลั๊กอิน jQuery ทั้งหมดยังเป็นทรัพยากรที่ล้ำค่า!

3 ปีต่อมา ...

ยังคงใช้ jQuery ทุกวัน ตอนนี้ฉันเขียนปลั๊กอิน jQuery และปรึกษาแบบเต็มเวลา ฉันเป็น Djangonaut เป็นหลัก แต่ฉันได้ทำ javascript หลายสัญญากับ jQuery เท่านั้น มันช่วยชีวิต

จากผู้ใช้ jQuery คนหนึ่งไปยังอีกคนหนึ่ง ... คุณควรดูที่เทมเพลตด้วย jQuery (หรือขีดล่าง - ดูด้านล่าง)

สิ่งอื่น ๆ ที่ฉันพบว่ามีค่านอกเหนือจาก jQuery (โดยประมาณส่วนของโครงการที่ฉันใช้):


1
Google กำลังโฮสต์ JavaScript libs ขนาดใหญ่ทั้งหมดดังนั้นฉันจึงไม่เห็นว่าเป็นชัยชนะที่ยิ่งใหญ่สำหรับ jQuery โดยเฉพาะ สิ่งที่ดีเกี่ยวกับมันคือเสิร์ฟจากท่อของ Google และอาจถูกแคชไว้ในระบบของผู้ใช้แล้ว
Nosredna

4
เพื่อนสุดยอดเยี่ยมมากที่ได้เห็นว่าคุณใช้เวลาในการอัปเดตประสบการณ์ของคุณด้วย jquery ฉันจะใช้เวลาในการเรียนรู้ตอนนี้ด้วย :)
melaos

คำตอบ:


44

บล็อกของ Rick Strahl และ Matt Berseth ทำให้ฉันเข้าสู่ jQuery และผู้ชายฉันดีใจที่พวกเขาทำ jQuery เปลี่ยนไปอย่างสิ้นเชิง a) มุมมองการเขียนโปรแกรมไคลเอนต์ของคุณ b) ความเศร้าโศกมันทำให้คุณและ c) มันจะสนุกแค่ไหน!

http://www.west-wind.com/weblog/

http://mattberseth.com/

ฉันใช้หนังสือ jQuery ในการดำเนินการ http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (ฉันซื้อมาใช้ที่ Amazon ประมาณ $ 22) มันช่วยได้มากในการบูตฉันเข้า jQuery เอกสารที่ jquery.com ก็มีประโยชน์เช่นกัน

สถานที่ที่ jQuery ลดลงเล็กน้อยคือส่วนประกอบ UI สิ่งเหล่านี้ดูเหมือนจะยังไม่พร้อมสำหรับช่วงไพรม์ไทม์

อาจเป็นได้ว่าPrototypeหรือMooToolsหรือExtJSนั้นดีพอ ๆ กับ jQuery แต่สำหรับฉันแล้ว jQuery ดูเหมือนจะมีแรงผลักดันมากกว่านี้เล็กน้อยในตอนนี้และนั่นก็นับเป็นสิ่งสำคัญสำหรับฉัน

ตรวจสอบ jQuery มันเจ๋งมาก!


10

แหล่งข้อมูลที่ดีสำหรับการเรียนรู้ jQuery คือการเรียนรู้ jQuery ผู้เขียน Karl Swedberg ยังร่วมเขียนหนังสือชื่อ ... พร้อมหรือยัง? Yup, การเรียนรู้ jQuery Remy ชาร์ปยังมีข้อมูลที่ดีมุ่งสู่ด้านภาพของ jQuery ในบล็อกของเขา

--SEAN O


6

ฉันใช้ Prototype มาประมาณหกเดือนก่อนที่จะตัดสินใจเรียน jQuery สำหรับฉันมันเหมือนความแตกต่างของคืนและวัน ตัวอย่างเช่นใน Prototype คุณจะวนซ้ำชุดขององค์ประกอบเพื่อตรวจสอบว่ามีอยู่หรือไม่จากนั้นตั้งค่าบางอย่างใน jQuery คุณเพียงแค่พูดว่า $ ('div.class') find ('[name = thing]') หรืออะไรก็ได้ และตั้งค่า

ใช้งานง่ายกว่ามากและให้ความรู้สึกมีประสิทธิภาพมากขึ้น การสนับสนุนปลั๊กอินก็ยอดเยี่ยมเช่นกัน สำหรับรูปแบบ js ทั่วไปเกือบทั้งหมดมีปลั๊กอินที่ทำสิ่งที่คุณต้องการ ด้วยต้นแบบคุณจะสามารถใช้งานบล็อกที่มีข้อมูลโค้ดที่คุณต้องการได้


5

มันคุ้มมาก jQuery ทำให้ JavaScript สนุกอีกครั้ง เหมือนกับว่าแนวทางปฏิบัติที่ดีที่สุดของ JavaScript ทั้งหมดรวมอยู่ในไลบรารีเดียว

ฉันเรียนรู้ผ่านjQuery in Action (Manning) ซึ่งฉันได้เรียนรู้ในช่วงสุดสัปดาห์ มันเป็นเรื่องเล็กน้อยที่อยู่เบื้องหลังสถานการณ์ปัจจุบันโดยเฉพาะอย่างยิ่งในเรื่องปลั๊กอิน แต่เป็นการแนะนำที่ยอดเยี่ยม


วิปมัน? ตอนนี้คุณเป็นผู้เชี่ยวชาญแล้วหรือยัง?
user72603

แทบจะไม่ แต่มันเป็นความสุขที่ได้อ่านจนวางไม่ลง
yukondude

4

มีไลบรารี JavaScript จำนวนมากที่ควรค่าแก่การตรวจสอบคร่าวๆเพื่อดูว่าเหมาะสมกับความต้องการเฉพาะของคุณหรือไม่ ขั้นแรกให้สร้างรายการเกณฑ์สั้น ๆ เพื่อเป็นแนวทางในการคัดเลือกและขั้นตอนการประเมินของคุณ

จากนั้นตรวจสอบการเปรียบเทียบกรอบงานระดับสูง / บทวิจารณ์บางแห่งเช่น Wikipediaเลือกบางส่วนที่เหมาะกับเกณฑ์ของคุณและคุณสนใจ ทดสอบพวกเขาเพื่อดูว่าพวกเขาทำงานให้คุณอย่างไร ไลบรารีเหล่านี้ส่วนใหญ่มีเว็บไซต์ที่มีเอกสารอ้างอิงและประเภทกลุ่มผู้ใช้

หากต้องการใส่ชื่อบางชื่อPrototype , script.aculo.us , Jquery , Dojo , YUI ... สิ่งเหล่านี้ดูเหมือนจะมีผู้ใช้งานและผู้ร่วมให้ข้อมูลดังนั้นพวกเขาจึงควรอ่านต่อเพื่อดูว่าตรงกับความต้องการของคุณหรือไม่

Jquery เป็นสิ่งที่ดี แต่ด้วยความพยายามเล็กน้อยบางทีคุณอาจพบว่าอย่างอื่นดีกว่าสำหรับคุณ

โชคดี.


Mootools ควรอยู่ในรายการด้วย
Joshua Partogi

3

ฉันพบว่าชุดบทเรียนเหล่านี้ (ซีรีส์วิดีโอ“ jQuery for Absolute Beginners”)โดยJeffery Wayมีประโยชน์มาก

มุ่งเป้าไปที่นักพัฒนาที่เพิ่งเริ่มใช้ jQuery เขาแสดงวิธีสร้างสิ่งดีๆมากมายด้วย jQuery เช่นภาพเคลื่อนไหวการสร้างและการลบองค์ประกอบและอื่น ๆ

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

นี่คือตัวอย่างหนึ่งที่ฉันชอบ "การปรับขนาดข้อความ "

1- jQuery :

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- สไตล์ CSS :

<style type="text/css" >
  body{ 
      margin-left:300px;text-align:center; 
      width:700px; 
      background-color:#666666;}
  .box {
      width:500px; 
      text-align:justify; 
      padding:5px; 
      font-family:verdana; 
      font-size:11px; 
      color:#0033FF; 
      background-color:#FFFFCC;}
</style>

2- HTML :

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In todays video tutorial, Ill show you how to resize text every 
    time an associated anchor tag is clicked. Well be examining 
    the slice”, parseFloat”, and CSS Javascript/jQuery methods.
    </p>
</div>

ฉันขอแนะนำบทเรียนเหล่านี้เป็นอย่างยิ่ง:

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/


3

มีแหล่งข้อมูลมากมายให้เรียนรู้ jQuery (ซึ่งคุ้มค่ากับ IMHO) เริ่มที่นี่http://docs.jquery.com/Main_Pageเพื่ออ่านเอกสาร jQuery นี้เป็นเว็บไซต์ที่ดีสำหรับการมองเห็นสายตาสิ่งที่มันมีข้อเสนอ: http://visualjquery.com/1.1.2.html Manning สิ่งพิมพ์นอกจากนี้ยังมีหนังสือที่ดีซึ่งเป็นที่แนะนำที่เรียกว่าjQuery ในการดำเนินการ เท่าที่เกี่ยวข้องกับไลบรารี JavaScript อันนี้และ Prototype อาจเป็นที่นิยมมากที่สุดหากคุณต้องการเปรียบเทียบ jQuery กับอย่างอื่น


2

ฉันเริ่มเรียนรู้โดยดูที่ส่วนขยาย jQuery เพื่อดูว่านักพัฒนาคนอื่น ๆ ทำงานกับภาษา jQuery อย่างไร ไม่เพียง แต่ช่วยให้ฉันเรียนรู้ไวยากรณ์ jQuery แต่ยังสอนวิธีพัฒนาส่วนขยายของตัวเองด้วย


2

jQuery น่าเรียน !!! ขอแนะนำให้อ่าน "Learning jQuery" และ "jQuery in Action" หนังสือทั้งสองเล่มยอดเยี่ยมด้วยการอธิบายและตัวอย่าง ขั้นตอนต่อไปคือการใช้งานจริงเพื่อทำอะไรบางอย่าง คุณจะพบเอกสารhttp://docs.jquery.comอย่างเป็นทางการมีประโยชน์มาก ฉันใช้มันเป็นข้อมูลอ้างอิง Google ตลอดเวลา :)

นอกจากนี้บล็อก" Learning jQuery " ที่ Sean ยังมีประโยชน์มาก นอกจากนี้jQuery HowToยังมีชุดข้อมูลโค้ด jQuery มากมาย


2

ฉันไม่เคยเห็นJQ-Fundamentals - โดย Rebecca Murphey กล่าวถึงที่ใดก็ได้ที่นี่


มันเป็นหนังสือที่ดีมาก. นอกจากนี้ยังอธิบายถึงพื้นฐานของ JavaScript ที่จำเป็นในการทำความเข้าใจพื้นฐานของ JQuery


1

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

และใช่มันคุ้มค่าที่จะเรียนรู้ จะช่วยให้คุณประหยัดเวลาได้มากและคุณจะรอคอยที่จะทำงาน JavaScript!


0

ฉันใช้Prototypeซึ่งฉันชอบ ฉันกลัวว่าฉันไม่รู้จัก jQuery ดังนั้นฉันจึงไม่สามารถเปรียบเทียบได้ แต่ฉันคิดว่า Prototype นั้นคุ้มค่าที่จะลองดู โดยทั่วไปเอกสาร API ของพวกเขาค่อนข้างดีจากประสบการณ์ของฉัน (ซึ่งแน่นอนว่าช่วยในเรื่องความสามารถในการเรียนรู้)


เขายังถามเกี่ยวกับ JS libs อื่น ๆ
Lucas Wilson-Richter

0

เฮ้ฉันมีอคติที่ตอนนี้ฉันทำงานกับคนเหล่านี้ แต่ Carsonified มีแหล่งข้อมูลที่ยอดเยี่ยมสำหรับผู้ที่เรียนรู้และปรับปรุงชุดทักษะ jQuery ของพวกเขา ในวันจันทร์หน้าจะมีการประชุมออนไลน์เกี่ยวกับ jQuery ซึ่งมี John Resig - http://carsonified.com/online-conferences/jquery/

นอกจากนี้ตอนนี้พวกเขายังมีวิดีโอแนะนำผ่านโครงร่างการเป็นสมาชิกในบล็อก Think Vitamin

ฉันรู้ว่ามีแหล่งข้อมูลฟรีมากมายฉันเดาว่าความแตกต่างที่นี่คือคุณภาพของเนื้อหาที่คุณได้รับ หวังว่าจะมีประโยชน์!


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.