آموزش ایجاد پکیج های NPM: راهنمای جامع - آخرین آپدیت

دانلود Creating NPM packages: The Complete Guide

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت و انتشار پکیج‌های NPM بهینه برای Tree Shaking

با این آموزش، مهارت ضروری ساخت و انتشار پکیج‌های NPM بهینه برای Tree Shaking را بیاموزید. مهارتی که هر توسعه‌دهنده وب باید کسب کند.

آنچه در این دوره خواهید آموخت:

  • یادگیری تمام تنظیمات پایه و پیشرفته‌ای که هر سازنده پکیج NPM باید بداند.
  • پیاده‌سازی پکیج‌های Tree Shakable (درک عمیق و واقعی این مفهوم).
  • انتشار آسان پکیج NPM با استفاده از ابزارهای خودکار CI.
  • ارائه پکیج با سیستم‌های ماژول مختلف.
  • مدیریت توسعه موازی نسخه‌های پیش‌انتشار پکیج در حین نگهداری نسخه‌های پایدار.
  • ایجاد پکیج با پشتیبانی از Typescript.

پیش‌نیاز: دانش پایه Javascript.

پکیج‌های NPM امروزه محبوب‌ترین و قدرتمندترین راه برای قابل استفاده مجدد کردن کد شما و به اشتراک گذاشتن آن بین پروژه‌های مختلف هستند. اما از آنجایی که بیشتر ما کدنویسی برای وب را با توسعه برنامه‌های وب شروع می‌کنیم، وقتی زمان ایجاد و انتشار اولین پکیج NPM فرا می‌رسد، گیج می‌شویم که بهترین شیوه‌هایی که باید دنبال کنیم کدامند.

این اتفاق چند سال پیش برای من افتاد، زمانی که ملزم به ایجاد اولین پکیج NPM خود بودم. سعی کردم یک آموزش دقیق یا یک دوره عمیق برای راهنمایی من پیدا کنم، اما خیلی زود متوجه شدم که چنین منبعی واقعاً وجود ندارد. بنابراین شروع کردم به جمع‌آوری دانش از طریق پست‌های وبلاگ بی‌شمار، آموزش‌های کوتاه، دوستان، همکاران و عمدتاً کاوش و آزمایش‌های زیادی که به تنهایی انجام دادم.

سال‌ها بعد، واقعاً خوشحالم که این دوره را منتشر می‌کنم و دانشی را که در تمام این مدت جمع‌آوری کرده‌ام به اشتراک می‌گذارم. یکی از اهداف اصلی انجام این کار، آسان‌تر و لذت‌بخش‌تر کردن سفر شما با پکیج‌های NPM است. بنابراین امیدوارم از این سفر یادگیری لذت ببرید و شروع به پیاده‌سازی پکیج‌های NPM شگفت‌انگیز خود کنید.

این دوره از موارد اساسی مربوط به پکیج‌های NPM شروع می‌شود و سپس به پیشرفته‌ترین مباحث مربوط به آن ادامه می‌یابد.

شما ساختار اصلی یک پکیج NPM، تمام تنظیمات مربوط به ایجاد آن و البته ویژگی‌های مختلفی که فایل package.json باید شامل شود را یاد خواهید گرفت. ما با پکیج تازه ایجاد شده خود آزمایش خواهیم کرد، آن را با سیستم‌های ماژول مختلف ارائه خواهیم داد، آن را با پشتیبانی کامل از typescript توسعه خواهیم داد و تفاوت‌های بین مصرف آن از طریق برنامه‌های frontend و backend را خواهیم دید. سپس یاد می‌گیریم که چگونه می‌توانیم فرآیند نسخه‌بندی و انتشار پکیج را با برخی از محبوب‌ترین و هیجان‌انگیزترین ابزارهای CI خودکار کنیم. نسخه‌های پیش‌انتشار نیز در برنامه خواهند بود و ما برخی از تکنیک‌هایی را یاد خواهیم گرفت که ما را قادر می‌سازد نسخه‌های پیش‌انتشار را منتشر کنیم در حالی که نسخه پایدار فعلی خود را حفظ می‌کنیم. ما روش‌های مختلف ساخت پکیج‌های خود را آزمایش خواهیم کرد و البته، غواصی عمیقی در موضوع جالب tree shaking خواهیم داشت، جایی که نمونه‌های زنده را می‌بینیم و تمام پشت صحنه‌های آن را فاش می‌کنیم.

پس از این دوره، در مورد توانایی خود در ایجاد پکیج‌های NPM با بهترین شیوه‌ها احساس اطمینان خواهید کرد و ابزارهایی برای اشکال‌زدایی رفتار پکیج خود و تنظیم تنظیمات آن مطابق با نیازهای خود خواهید داشت.

امیدوارم تجربه خوبی در طول زمانی که با هم هستیم داشته باشید و امیدوارم به زودی شروع به پیاده‌سازی ایده‌های خلاقانه خود برای پکیج NPM محبوب و کاملاً جدید خود کنید.


سرفصل ها و درس ها

مقدمه Introduction

  • مقدمه Introduction

  • نحوه دریافت راهنمایی How to get help

ایجاد اولین پکیج npm ساده ما Creating our first basic npm package

  • مقدمه بخش Section intro

  • بررسی نسخه Node Verifing Node version

  • ایجاد ریپوی گیت برای پکیج Create git repo for the package

  • تولید کد منبع Generate source code

  • ویژگی نام Package json Package json name property

  • سیستم‌های ماژول در پکیج‌ها Module systems in packages

  • به‌روزرسانی مهم درباره سیستم‌های ماژول Important update about module systems

  • تنظیم tsconfig.json Setting tsconfig.json

  • نصب Rollup Installing Rollup

  • پیکربندی Rollup Rollup configuration

  • توضیح پیکربندی‌ها Configurations explained

  • نقاط ورودی پکیج Package entry points

  • فیلد files The files field

  • ایجاد حساب کاربری npm ما Creting our npm account

  • انتشار پکیج ما Publishing our package

  • جمع‌بندی بخش Section wrap up

آزمایش با پکیج Experimenting with the package

  • مقدمه بخش Section intro

  • نصب یک برنامه Vite Installing a Vite app

  • استفاده از پکیج درون برنامه Using the package inside the app

  • بررسی باندل تولید برنامه Exploring the app's production bundle

  • پکیج ما چگونه مصرف می‌شود؟ How our package is consumed?

  • برنامه Express Express App

  • نصب و اجرای برنامه Express Installing & running express app

  • استفاده از پکیج درون Express Using the package inside express

  • آزمایش با برنامه Express Experimenting with the express app

  • جمع‌بندی بخش Section wrap up

نسخه گذاری و انتشار Versioning & Publishing

  • مقدمه بخش Section intro

  • اکشن Changesets Changesets action

  • نسخه گذاری معنایی Semantic versioning

  • مقداردهی اولیه Changesets Initializing changesets

  • نوشتن گردش کار Github Writing github workflow

  • توضیح گردش کار Explain the workflow

  • ایجاد یک توکن Github Creating a Github token

  • ایجاد یک توکن NPM Creating a NPM token

  • انتشار با Changesets Publishing with changesets

  • چندین کار با Changesets Multiple tasks with changesets

  • جمع‌بندی بخش Section wrap up

پیش انتشارها Pre releases

  • مقدمه بخش Section intro

  • لینک کردن پکیج ما Linking our package

  • پشت صحنه npm link Behind the scenes of npm link

  • برنامه‌ریزی پیش انتشار Planning pre release

  • ورود به حالت پیش انتشار Enter pre release mode

  • کار موازی Working in parallel

  • انتشار اولین نسخه پیش انتشار ما Publish our first pre release version

  • مصرف نسخه پیش انتشار Consume the pre release version

  • کار موازی روی انتشار منظم Parallel work on regular release

  • مصرف انتشار منظم پکیج Consume the regular package release

  • ارتقاء تگ پیش انتشار ما Promoting our pre release tag

  • انتشار نسخه اصلی بعدی Releasing the next major version

  • تلاش برای نسخه اصلی جدید Trying the new major version

  • جمع‌بندی بخش Section wrap up

Tree shaking Tree shaking

  • مقدمه بخش Section intro

  • توضیح Tree shaking Explaining tree shaking

  • کد پکیج کامپوننت‌ها Components package code

  • ایجاد ریپوی گیت برای پکیج جدید Creating git repo for the new package

  • بررسی کد پکیج Exploring the package's code

  • آماده شدن برای انتشار Prepare for publishing

  • تولید توکن Github Generating github token

  • تولید توکن npm Generating npm token

  • انتشار پکیج کامپوننت‌ها Publishing the components package

  • استفاده از پکیج جدید ما using our new package

  • آیا پکیج ما قابلیت tree shaking دارد؟ Is our package tree shakable

  • اولین شرط برای پکیج با قابلیت tree shaking First condition for tree shakable package

  • پکیج‌های NPM و side effects NPM packages and side effects

  • نحوه استفاده از بهینه‌سازی side effects How to leverage the side effects optimization

  • پکیج ساخته شده با TypeScript Package built with typescript

  • یک غلط املایی کوچک A little typo

  • انتشار پکیج با قابلیت tree shaking ما Publish our tree shakable package

  • آزمایش اینکه آیا پکیج قابلیت tree shaking دارد یا خیر Testing if the package is tree shakable

  • یک راز دیگر برای حل کردن One more mystery to solve

  • جمع‌بندی بخش Section wrap up

یادداشت‌های پایانی Closing notes

  • تبریک Congratulations

نمایش نظرات

آموزش ایجاد پکیج های NPM: راهنمای جامع
جزییات دوره
5.5 hours
74
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
313
4.9 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Codee Feldmann Codee Feldmann

توسعه‌دهنده وب و مدرس مشتاق