Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

เชี่ยวชาญ npm: คอร์ส การฝึกอบรม และทรัพยากรสำหรับนักพัฒนา JavaScript

npm เป็นตัวจัดการแพ็กเกจสำหรับสภาพแวดล้อมที่พิง NodeJS เป็นหนึ่งในเครื่องมือสำคัญที่สุดที่คุณต้องตั้งค่าและจัดการโปรเจกต์ JavaScript ให้มีประสิทธิภาพ เพื่อให้เสียเวลาน้อยลงในการตั้งค่าโปรเจกต์และโฟกัสที่โค้ดจริงได้ดีขึ้น npm คือตัวเลือกสำหรับนักพัฒนา JavaScript ทุกคน หนึ่งในข้อกำหนดก่อนหน้าสำหรับการพัฒนาโปรเจกต์ node ที่ยอดเยี่ยมคือการเรียนรู้ npm

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

วิธีเรียน npm

ก่อนจะลงลึกไปที่รายละเอียดของเครื่องมือ สำคัญที่จะต้องได้ภาพรวมของไดนามิกและการใช้งานของมัน npm เกี่ยวข้องกับโปรเจกต์ที่พิง JavaScript เท่านั้น หากคุณมุ่งสร้างบางอย่างด้วย Flask, Django หรือ Golang npm ไม่ได้ประโยชน์สำหรับคุณ มาดูเครื่องมือนี้อย่างละเอียดก่อนที่เราจะไปทรัพยากรที่มีสำหรับการเรียนรู้

npm คืออะไร?

Npm เป็นเครื่องมือบรรทัดคำสั่ง (command-line tool) ที่มาพร้อมกับการติดตั้ง node.js และสามารถใช้เริ่มต้นโปรเจกต์ node ใหม่ได้ ด้วยตัวจัดการแพ็กเกจอย่าง npm การติดตั้งและจัดการแพ็กเกจเหล่านี้จึงง่ายดาย

การื้นของ npm เป็นเรื่องที่น่าเล่า ตอนที่ node.js ถูกนำเสนอ มันนำความเป็นไปได้ของการใช้ JavaScript ในสภาพแวดล้อมรันไทม์ฝั่งเซิร์ฟเวอร์มาให้ การรวมของ V8 JavaScript runtime และ C++ ทำให้ node รวดเร็วมาก อย่างไรก็ตาม โฟกัสของ node เลื่อนลื่นจากแค่แอปพลิเคชันฝั่งเซิร์ฟเวอร์ไปสู่อาร์เรย์กว้างขึ้นของเครื่องมือ JavaScript สำหรับอัตโนมัติและยูทิลิตี้ แพ็กเกจอย่าง webpack และ Babel, Gulp 登場ขึ้นเมื่อคนๆ เริ่มสำรวจศักยภาพจริงของ Node

ช่องว่างใหญ่ที่เหลือคือคำถามว่า "เครื่องมือเหล่านี้จะถูกทำให้เป็นมาตรฐานทั่วไปข้าม JavaScript runtimes ทั้งหมดอย่างไร?" นี่คือที่ที่ตัวจัดการแพ็กเกจอย่าง npm เข้ามา มันทำให้กระบวนการจัดการแพ็กเกจเหล่านี้เป็นมาตรฐาน มีทางเลือกอื่นๆ ของ npm เช่น yarn และ pnpm แต่พวกมันอยู่นอกขอบเขตของบทความนี้

npm ใช้ทำอะไร?

มีการใช้งาน npm หลายอย่างในวัฏจักรชีวิตของโปรเจกต์ที่พิง node มาดูดูบางอย่างอย่างรวดเร็ว:

  • ตั้งค่าโปรเจกต์ใหม่: โปรเจกต์ node มีโค้ดบอยเลอร์เพลต (boilerplate code) บางอย่างเพื่อเริ่มต้น ปกติแล้วมีแค่ไฟล์ package.json ที่ระบุตำแหน่งว่าเป็นโปรเจกต์ node ในบางกรณี ข้อกำหนดเริ่มต้นของโปรเจกต์ใหม่อาจมากกว่าแค่ไฟล์ package.json เพียงอย่างเดียว npm รองรับข้อกำหนดเหล่านี้และให้วิธีเร็วและง่ายในการเริ่มต้นโปรเจกต์ใหม่
  • ติดตั้ง dependencies: เมื่อคุณทำงานบนโปรเจกต์ คุณอาจต้องติดตั้ง dependencies ของบุคคลที่สาม แม้แต่สิ่งพื้นฐานอย่างไลบรารี React ก็ต้องติดตั้งด้วยตนเองหากคุณตั้งค่าโปรเจกต์ React ใหม่ npm ทำให้กระบวนการนี้ง่าย โดยให้คำสั่งที่สะดวกมากสำหรับติดตั้งและถอนการติดตั้ง dependencies อย่างรวดเร็ว
  • ทำให้งานซ้ำๆ เป็นอัตโนมัติ: การรันงานในกระบวนการพัฒนาโปรเจกต์ทั่วไปเป็นเรื่องซ้ำ มักจะต้อง lint โค้ดของคุณก่อนพุชไปที่ main repo อีกครั้ง ทดสอบเป็นสิ่งบังคับก่อน sign off git commit งานเหล่านี้ทำได้ด้วยตนเองเสมอ แต่ npm ให้ทางลัด คุณสามารถกำหนดคำสั่งเหล่านี้ในรูปแบบสคริปต์ในไฟล์ package.json ของคุณ แล้วสคริปต์เหล่านี้สามารถกำหนดให้กับคีย์เวิร์ดเฉพาะ เช่น run หรือ build
  • เผยแพร่แพ็กเกจของคุณ: npm มีการสนับสนุนที่พร้อมใช้งานสำหรับที่เก็บแพ็กเกจ node ที่พร้อมใช้งานทั่วโลกของ npmjs.com หมายความว่าการสร้างและเผยแพร่แพ็กเกจของคุณง่าย คุณต้องการเพียงไม่กี่คำสั่งเพื่อช่วยให้แพ็กเกจของคุณออนไลน์
  • ความเข้ากันได้กับ GitHub: นอกจากที่เก็บแพ็กเกจ node ของ npmjs.com แล้ว npm ยังมีการสนับสนุนสำหรับ GitHub packages หมายความว่าหากคุณมี GitHub repository ที่มี GitHub Package ผูกมัดอยู่ คุณสามารถเผยแพร่แพ็กเกจ npm ของคุณและดึงมันในโปรเจกต์ท้องถิ่นของคุณเป็น dependency

การเรียนรู้ npm

เนื่องจาก npm เป็นเครื่องมือที่หลากหลาย จึงสำคัญที่จะต้องปัดฝุ่นทักษะมันเป็นระยะ ต่อไปนี้คือรายการทรัพยากรที่ช่วยให้คุณเริ่มต้นในฐานะผู้เริ่มต้นใน npm

ทรัพยากร npm ที่ดีที่สุด

เนื่องจาก npm เป็นเครื่องมือในระบบนิเวศ JavaScript มีเนื้อหาที่สร้างโดยชุมชนมากมายสำหรับมัน ก่อนที่เราจะดู那些 这里有几个很棒的视频课程可以帮助你入门:

npm – Mastering the Basics

  • แพลตฟอร์ม: Udemy
  • ระยะเวลา: 40 นาที
  • ราคา: ฟรี
  • ข้อกำหนดก่อนหน้า: ไม่มี
  • วันที่เริ่ม: On-demand

ด้วยคะแนน 4.4 ดาวจากนักเรียน超過 1,500 คน คอร์สนี้โดดเด่นจากกลุ่ม ด้วยการฟรีและ on-demand มันจัดเป็นทรัพยากรวิดีโอที่ดีที่สุดสำหรับผู้เริ่มต้นสมบูรณ์แบบ คอร์ส 40 นาทีนี้แบ่งออกเป็น 16 วิดีโอ ครอบคลุมแต่ละหัวข้อย่อยประมาณ 3 นาที ช่วยให้นักเรียนอ้างอิงเนื้อหาในหัวข้อย่อยใดๆ ของ npm ได้ง่าย

NPM crash course โดย Traversy Media

  • แพลตฟอร์ม: YouTube
  • ระยะเวลา: 42 นาที
  • ราคา: ฟรี
  • ข้อกำหนดก่อนหน้า: ไม่มี
  • วันที่เริ่ม: On-demand

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

NPM Playbook

  • แพลตฟอร์ม: Pluralsight
  • ระยะเวลา: 1 ชั่วโมง
  • ราคา: ต้องการการสมัครสมาชิก Pluralsight
  • ข้อกำหนดก่อนหน้า: ไม่มี
  • วันที่เริ่ม: On-demand

NPM Playbook มีคะแนน 4.5 ดาวจากนักเรียน超過 350 คน เป็นคอร์สที่แนะนำให้เรียนหากคุณมีประสบการณ์กับ npm มาก่อน คอร์สให้ข้อมูลเชิงลึกที่ดีเกี่ยวกับสิ่งที่เกิดขึ้นใต้ฝาครอบเมื่อทำงานกับ npm CLI

หนังสือ npm

นอกจากคอร์สวิดีโอแล้ว ยังมีหนังสือมากมายที่ช่วยให้คุณเริ่มต้นกับ npm บางเล่มชั้นนำรวมถึง:

'A Beginner's Guide to npm, the Node Package Manager' โดย SitePoint

ราคา $4.99 หนังสือเล่มนี้ครอบคลุมพื้นฐานของ npm อย่างละเอียด ยังมีตัวอย่างแบบเรียลไทม์ที่นี่ หนังสือยังมีส่วนเฉพาะสำหรับ package.json ไฟล์สำคัญในโปรเจกต์ที่พิง node ในขณะที่ทรัพยากรหลายอย่างพลาดรายละเอียดเล็กๆ เช่น การควบคุมเวอร์ชันของ dependencies หนังสือเล่มนี้ครอบคลุมทุกอย่างให้คุณ

'Learn using NPM' โดย Rising Stack

Learn using NPM เป็นหนังสืออิเล็กทรอนิกส์ฟรีที่เผยแพร่โดย Rising Stack เป็นทรัพยากรที่ยอดเยี่ยมสำหรับ瀏覽พื้นฐานของเครื่องมืออย่างรวดเร็ว เนื่องจากมันสั้นและกระชับพอดี สามารถดาวน์โหลดหนังสืออิเล็กทรอนิกส์ฟรีได้โดยการใส่อีเมลบนหน้าลैंडดิงของ Rising Stack

ทรัพยากร npm

นอกจากการเรียนรู้ผ่านคอร์สวิดีโอและหนังสือแล้ว ยังมีบทความเกี่ยวกับ npm ที่ยอดเยี่ยมหลายชิ้นออนไลน์ นี่คือรายการบทความที่ดีเกี่ยวกับ npm:

  • A NPM Crash Course โดย Robin Wieruch
  • An Absolute Beginner's Guide to Using npm โดย nodesource.com
  • A Beginner's Guide to npm, the Node Package Manager โดย SitePoint

นอกจากทรัพยากรที่แชร์ข้างต้นแล้ว มีเพียงไม่กี่อย่างที่ดีที่มีอยู่อย่างอิสระ เหตุผลคือนักพัฒนานادرًاที่ต้องเรียน npm นอกสภาพแวดล้อม Node นี่คือเหตุผลที่คุณสามารถหาวิดีโอหรือบทความที่ยอดเยี่ยมเกี่ยวกับ npm ภายในคอร์สที่พิง Node อย่างไรก็ตาม เมื่อดูเหมือนว่าพวกมันไม่พอ คุณสามารถกลับมาที่รายการนี้เพื่อได้เนื้อหาที่เฉพาะเจาะจงเกี่ยวกับหัวข้อนี้

ใช้เวลานานเท่าไรในการเรียน npm?

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

ทางเลือกอื่น คุณอาจลองเขียนรายการสั้นของคำสั่ง npm สำคัญที่สุดพร้อมคำอธิบายหนึ่งบรรทัดต่อคำสั่ง คุณสามารถติดรายการนี้บนโต๊ะด้วยกระดาษโน้ต หรือสร้างโน้ตติดเสมือนจริงบนหน้าจอคอมพิวเตอร์ จะมาช่วยได้มากเมื่อคุณมองหาคำสั่งที่คุณไม่ thểทบทวนได้ นี่คือลักษณะของ cheat sheet คำสั่ง npm ทั่วไป:

  • Init – เริ่มต้นโปรเจกต์ใหม่
  • install <package> – ติดตั้งแพ็กเกจที่ระบุ
  • build – รันสคริปต์ build ที่กำหนดใน package.json
  • start – รันสคริปต์ start ที่กำหนดใน package.json
  • publish – เผยแพร่แพ็กเกจท้องถิ่นไปที่ npmjs.org
  • uninstall <package> – ถอนการติดตั้งแพ็กเกจที่ระบุ
  • run-script <script> – รันสคริปต์ที่ระบุซึ่งกำหนดใน package.json

คุณควรเรียน npm หรือไม่?

หลังจากรวบรวมรายการคอร์สและเนื้อหาที่ยอดเยี่ยมเกี่ยวกับ npm เราตอนนี้เผชิญกับคำถามสำคัญที่สุด: คุณควรเรียน npm หรือไม่? คำตอบขึ้นอยู่กับหลายปัจจัย หากงานประจำวันของคุณเกี่ยวข้องกับการสร้างและเขียนโค้ด JavaScript npm เป็นหนึ่งในเครื่องมือสำคัญที่สุดที่คุณควรมีอยู่ หากคุณมุ่งเผยแพร่แพ็กเกจบน npm registry ไม่มีเครื่องมืออื่นที่จะเหมาะกับกรณีการใช้งานของคุณดีกว่า

ทางเลือกอื่น หากคุณแค่มองหาจัดการ dependencies ในโปรเจกต์ของคุณ คุณอาจต้องการสำรวจทางเลือกอย่าง yarn และ pnpm เพราะ yarn และ pnpm พบว่าดีกว่า npm ในแง่ของความเร็วและความปลอดภัย แต่แล้ว npm ยังคงเป็นเครื่องมืออันดับหนึ่งในการจัดการโปรเจกต์ node เนื่องจากมันมาพร้อมกับ NodeJS ในตัว

หากคุณจะทำงานบนโปรเจกต์ node ในความจุใดๆ คุณจะอยู่ในสภาพที่ดีกว่าหากมีความรู้ทำงานเกี่ยวกับ npm

No