10+ บทช่วยสอน Javascript ที่เป็นประโยชน์สำหรับนักพัฒนา WordPress ในปี 2017

ในที่อยู่ 2015 State of the Word ของ Matt Mullenweg เขาได้มอบหมายการบ้านให้กับชุมชน WordPress ทั้งหมด – “Learn JavaScript, Deeply” การมุ่งเน้นดังกล่าวควบคู่ไปกับการพัฒนาอย่าง Calypso และ REST API คือเหตุผลที่เราเพิ่งเผยแพร่โพสต์บทช่วยสอน JavaScript พื้นฐานสำหรับผู้เริ่มต้นใช้งาน JavaScript

โพสต์นั้นเน้นไปที่บทช่วยสอน JavaScript พื้นฐานทั้งหมด ในบทความนี้ ฉันจะอธิบายเพิ่มเติมเล็กน้อยและให้รายการเนื้อหาบทช่วยสอน JavaScript ที่เน้น เฉพาะ JavaScript เหมือนกับที่ใช้กับ WordPress

เนื่องจากโฟกัสอยู่ที่ JavaScript ที่นำไปใช้ แทนที่จะเป็นพื้นฐาน คุณจึงอาจจำเป็นต้องมีความเข้าใจพื้นฐานเกี่ยวกับ JavaScript อย่างน้อยเพื่อรับคุณค่าจากบทช่วยสอนเหล่านี้ หากฟังดูเป็นคุณ ฉันขอเชิญคุณมาเรียนรู้และเรียนรู้ JavaScript ที่ใช้ได้กับ WordPress!

บทช่วยสอน JavaScript ที่เป็นประโยชน์สำหรับนักพัฒนา WordPress

ก่อนที่ฉันจะไปยังรายการของบทช่วยสอน ฉันต้องการใช้เวลาสักครู่เพื่อให้ข้อมูลพื้นฐานว่าจริงๆ แล้วฉันสร้างรายการนี้อย่างไร

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

• แหล่งข้อมูลเกี่ยวกับการใช้ JavaScript กับ WordPress . โดยเฉพาะ
• เนื้อหาครอบคลุมถึงสิ่งที่ "มีเนื้อ" กล่าวคือ เป็นมากกว่าแค่ข้อมูลโค้ดสั้นๆ หรือคำอธิบายสั้นๆ

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

และสุดท้าย บทช่วยสอนส่วนใหญ่นั้นฟรี แต่ยังมีตัวเลือกแบบชำระเงินบางส่วนรวมอยู่ในรายการด้วย ฉันจะตรวจสอบให้แน่ใจว่าส่วนใดเป็นอันไหน เพื่อให้คุณสามารถหาสิ่งที่เหมาะกับงบประมาณของคุณ (หรือขาดไป)

โอเค – พอคุยกัน มาเข้ารายการกัน…

1. ใช้ AngularJS เป็น WordPress Frontend

ในบทช่วยสอนนี้จาก Andrea Terzani เขาจะนำคุณผ่านการสร้างแอปพลิเคชัน AngularJS อย่างง่ายเพื่อให้บริการเนื้อหาโพสต์ Andrea เป็นคนอิตาลี ดังนั้นไวยากรณ์จึงไม่ได้สมบูรณ์แบบเสมอไป ( นั่นไม่ใช่คำวิจารณ์ ฉันชอบการใช้สองภาษา!) แต่เขามีตัวอย่างโค้ดมากมาย และคุณสามารถคว้าแพ็คเกจทั้งหมดได้จากหน้า GitHub ของเขา

ราคา: ฟรี | ข้อมูลมากกว่านี้

2. JavaScript สำหรับ WordPress

Zac Gordon ค่อนข้างเป็นที่รู้จักในชุมชน WordPress ด้วยบทแนะนำเกี่ยวกับ Treehouse ของเขา รวมถึงการพูดคุยของเขาที่งาน WordCamp จำนวนมาก

JavaScript สำหรับ WordPress เป็นโปรแกรม "หลักสูตรหลัก" สำหรับการเรียนรู้ JavaScript เช่นเดียวกับ WordPress

หลักสูตรนี้ไม่เปิดเผยต่อสาธารณะและไม่ฟรี อันที่จริงคุณต้องจองที่นั่งก่อนจึงจะสามารถเข้าร่วมหลักสูตรได้

นั่นเป็นเพราะ Zac ชอบที่จะทำงานแบบตัวต่อตัวหรือเป็นกลุ่มเล็กๆ มากกว่าที่จะเรียนรู้วิธี "ตั้งค่าและลืมมัน" ให้มากขึ้น

ความสนใจส่วนตัวนั้นไม่ได้ราคาถูก - หลักสูตรมีราคาเพียง 697 ดอลลาร์ แต่ถ้าคุณจริงจังกับการเรียนรู้ JavaScript สำหรับการพัฒนา WordPress ข้อมูลประจำตัวของ Zac จะสำรองป้ายราคาสูงอย่างแน่นอน

ราคา: $697 | ข้อมูลมากกว่านี้

3. การสร้างปลั๊กอิน WordPress แบบโต้ตอบ

Delicious Brains ผู้สร้างปลั๊กอิน WP Migrate DB ของนักพัฒนาอันเป็นที่รัก ได้นำเสนอบทแนะนำคุณภาพมากมายที่เน้นไปที่นักพัฒนาในบล็อก WordPress ของพวกเขา ชุดสามส่วนนี้เกี่ยวกับการสร้างปลั๊กอิน WordPress แบบโต้ตอบก็ไม่มีข้อยกเว้น

สามโพสต์ในซีรีส์นี้เน้นไปที่การสร้างปลั๊กอิน WordPress แบบง่ายๆ แบบเดียวกัน โดยใช้เทคโนโลยีฟรอนต์เอนด์ที่แตกต่างกัน

คุณสามารถดูได้ว่าปลั๊กอินถูกสร้างขึ้นด้วย:

• Backbone.js
• Vue.js
• Elm

บทแนะนำนี้มีความยาวและอธิบายไว้อย่างดี ดังนั้นคุณจะได้รับคุณค่ามากมายจากซีรีส์นี้อย่างแน่นอน

ราคา: ฟรี | ข้อมูลมากกว่านี้

4. การใช้ Backbone ภายในผู้ดูแลระบบ WordPress

ในบทช่วยสอนสองส่วนนี้จาก Envato Tuts+ คุณจะได้เรียนรู้วิธีใช้ Backbone JS ภายในแบ็กเอนด์ของ WordPress ก่อน ตามด้วยส่วนที่สองเกี่ยวกับการใช้ Backbone คุณเดาว่าเป็นส่วนหน้า

Shane Osbourne จะนำคุณผ่านทุกสิ่ง รวมถึงตัวอย่างโค้ดและภาพหน้าจอมากมาย

ตามปกติ คุณสามารถตรวจสอบส่วนความคิดเห็นสำหรับการอภิปรายเกี่ยวกับคุณภาพของโค้ดได้

ราคา: ฟรี | ข้อมูลมากกว่านี้

5. บทแนะนำของ Yoren Chang เกี่ยวกับการสร้างธีมด้วย AngularJS และ WP REST API

ตั้งแต่เดือนตุลาคม 2014 งานอดิเรกของ Yoren Chang ได้สร้างธีม WordPress ด้วย AngularJS เหตุใดจึงสำคัญสำหรับคุณ เพราะในช่วงเวลานั้น เขายังได้บันทึกงานอดิเรกของเขาไว้ในโพสต์บทช่วยสอนจำนวนหนึ่งที่ไซต์ของเขาด้วย

ปัจจุบัน เขาได้โพสต์บทช่วยสอนที่แตกต่างกัน 21 บท ซึ่งทั้งหมดทุ่มเทให้กับการใช้ AngularJS กับธีม WordPress

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

6. การทำงานกับ JavaScript และ WordPress

การทำงานกับ JavaScript และ WordPress เป็นหลักสูตรสั้นๆ ของ PluralSight จากนักพัฒนา Brian Hogg

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

แม้ว่าในทางเทคนิคแล้วคุณจำเป็นต้องเป็นสมาชิก PluralSight เพื่อเข้าถึงหลักสูตร คุณสามารถทดลองใช้ PluralSight ได้ฟรี 10 วัน ซึ่งจะทำให้คุณมีเวลามากเกินพอที่จะใช้หลักสูตรได้

ราคา : ฟรีพร้อมทดลองใช้ฟรี | ข้อมูลมากกว่านี้

7. การสร้างแอปพลิเคชันหน้าเดียวด้วย WordPress และ Angular.js

บทช่วยสอน JavaScript นี้เป็นการเพิ่มล่าสุดจาก Tom Whitbread ที่ Envato Tuts+ อย่างที่คุณอาจทราบได้จากชื่อนี้ จะนำคุณผ่านขั้นตอนการใช้ AngularJS เพื่อสร้างแอปพลิเคชันหน้าเดียวที่ใช้ WordPress

คุณยังสามารถค้นหารหัสของ Tom ทั้งหมดได้ที่หน้า GitHub ของเขา

ราคา: ฟรี | ข้อมูลมากกว่านี้

8. วิธีสร้างแอป React บน WordPress REST API

นี่เป็นอีกเรื่องหนึ่งที่คุณจะได้ทราบความคิดที่ดีเกี่ยวกับสิ่งที่ครอบคลุมเพียงแค่ชื่อเรื่อง!

นอกเหนือจากความลึกที่ Andrey ผู้เขียนเข้าไป ฉันยังชอบที่บทช่วยสอนนี้มีส่วนความคิดเห็นที่ชัดเจนสำหรับการอภิปรายเพิ่มเติม

คุณยังสามารถดูการสาธิตของส่วนหน้าพื้นฐานที่คุณจะสร้างได้ เช่นเดียวกับหน้า GitHub ของ Andrey ที่มีรหัสทั้งหมด

ราคา: ฟรี | ข้อมูลมากกว่านี้

9. เส้นทางง่ายๆ ในการเขียนแอป React.js ในปลั๊กอิน WordPress

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

นอกเหนือจากตัวอย่างโค้ดในโพสต์แล้ว Fred ยังมีไฟล์ ZIP ที่มีโค้ดเต็มจากการสาธิตอีกด้วย

ราคา: ฟรี | ข้อมูลมากกว่านี้

10. JavaScript สำหรับนักพัฒนา WordPress จาก WPMUDev

Daniel Pataki บรรณาธิการ WordPress ที่ Smashing Magazine และผู้แต่งเพียงครั้งเดียวที่ Elegant Themes ได้รวบรวม JavaScript แบบหลายส่วนสำหรับ WordPress Developers series ที่ WPMUDev

หลักสูตรนี้สร้างขึ้นจากพื้นฐานจนถึงหัวข้อขั้นสูง เป็นมิตรกับผู้เริ่มต้นใช้งาน JavaScript เล็กน้อยกว่าบทช่วยสอนขั้นสูงบางรายการในรายการนี้ ดังนั้น หากคุณรู้สึกว่าตัวเองหลงทางมาจนถึงตอนนี้ นี่อาจเป็นจุดเริ่มต้นที่ดี

ราคา: ฟรี | ข้อมูลมากกว่านี้

11. แอพหน้าเดียวโดยใช้ AngularJS และ WordPress REST API

อันนี้เป็นบทช่วยสอนโดยละเอียดจาก Almir ที่ SitePoint ช่วยให้คุณมีข้อมูลเชิงลึกเกี่ยวกับการใช้ AngularJS เพื่อสร้างแอปหน้าเดียวโดยใช้ WordPress และ REST API

Almir มีหน้า GitHub แยกกันสำหรับทั้งแอป Angular และธีมลูกของ WordPress ที่เขาใช้ในตัวอย่าง ดังนั้นคุณจึงควรติดตามทุกสิ่งที่เกิดขึ้นได้อย่างง่ายดาย

ราคา: ฟรี | ข้อมูลมากกว่านี้

ห่อของ

ด้วยการมุ่งเน้นที่ REST API มากขึ้น JavaScript และ WordPress จะเข้าใกล้มากขึ้นเท่านั้น ตั้งแต่เดือนมีนาคม 2017 คุณยังสามารถค้นหาธีมที่ใช้ JavaScript บนที่เก็บ WordPress.org ได้อีกด้วย

ดังนั้น หากคุณต้องการติดตามชุมชน WordPress ให้ทัน อย่างที่ Matt กล่าวไว้ "เรียนรู้ JavaScript อย่างลึกซึ้ง"

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

ภาพขนาดย่อของบทความโดย Teguh Jati Prasetyo / shutterstock.com