💬 برای مشاهده تمام وابستگی‌ها در یک پروژه npm، می‌توانید از دستور npm list استفاده کنید. به طور پیش‌فرض، این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها نمایش می‌دهد


1️⃣ برای مشاهده تمام بسته‌های نصب شده به صورت سراسری و وابستگی‌های آن‌ها، از دستور زیر استفاده کنید:

   npm list -g   

📝 پارامتر -g نمایانگر نصب سراسری است و تمام بسته‌های نصب شده به صورت سراسری را نمایش می‌دهد.



2️⃣ برای مشاهده وابستگی‌های یک پروژه خاص، به دایرکتوری پروژه در خط فرمان بروید و سپس دستور زیر را اجرا کنید:

   npm list

📝 این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها را نمایش می‌دهد که خاص پروژه در دایرکتوری فعلی است.



3️⃣ به صورت پیش‌فرض، npm list درخت کامل وابستگی‌ها را نمایش می‌دهد که اگر تعداد زیادی از وابستگی‌ها داشته باشید، ممکن است گیج‌کننده باشد. می‌توانید عمق درخت را با مشخص کردن پارامتر --depth
و عدد مربوطه محدود کنید. به عنوان مثال، برای نمایش وابستگی‌ها تا عمق 1:

   npm list --depth=1
   

4️⃣ اگر می‌خواهید لیست وابستگی‌ها را در یک فایل ذخیره کنید، می‌توانید خروجی را به یک فایل متنی منتقل کنید. به صورت زیر:

   npm list > dependencies.txt

📝 این دستور کل درخت وابستگی‌ها را در یک فایل به نام dependencies.txt در دایرکتوری فعلی ذخیره می‌کند.



5️⃣ علاوه بر این، می‌توانید از پارامتر --json با دستور npm list استفاده کنید تا خروجی را در قالب JSON دریافت کنید که می‌تواند برای تجزیه و تحلیل به صورت برنامه‌ریزی‌ای مفید باشد:

   npm list --json
   

این دستورات به شما کمک می‌کنند تا وابستگی‌های پروژه‌های npm خود را مشاهده و بررسی کنید.


#Tips_N_Tricks
#NPM

@js_challenges
@js_masters_gp

CHALLANGE 47
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

آقا ضبط جواب این تموم شد دارم ادیت میکنم و حجمارو میارم پایین و به زودی آپلود میشه
به نظر من جواب این چالش خودش یه مینی دوره محسوب میشه ... 👌

@js_challenges
@js_masters_gp

🧐چیت شیت فانکشن ها و اسکوپ های js

🧑‍💻اقا تو این‌پست براتون یه چیت شیت کامل اوردم که باهاش میتونین مطالب خیلی خیلی مهم فانکشن های js رو مثل hoisting,closure و...مرور کنین😎

#Tips_N_Tricks

@js_challenges
@js_masters_gp

CHALLANGE 48
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

https://www.smashingmagazine.com/2023/10/beginner-web-development-working-career/

سلام و ظهر بخیر
آقا داشتم اینو میخوندم، بعد گفتم خیلی مطلب مفیدیه و هممون بلا استثنا به نکاتش برخوردیم و نیاز داریم (از قرار گرفتن در جهنم یادگیری تا ورود به بازار کار)

گفتم بیام یه چکیده ازش بنویسم براتون، بعد هرچی اومدم خلاصه کنم دلم نیومد اینقدر که نکات مفید و خوبی داشت داخلش

حالا موافق هستید من خودم بیام یه ویدیو بگیرم نکاتشو توضیح بدم بهتون و با هم کلی مطلب مفید یاد بگیریم 👌؟

پ.ن: اگر که میتونید حتما حتما خودتون هم مقاله رو بخونید 🤝

@js_challenges
@js_masters_gp

💎 تفاوت import با require چیست؟

💬 دیاگرام بالا کمک میکنه که تفاوت کلی این دو را متوجه شوید.

🟣 یکی از تفاوت های آنها این است که import به صورت نامتقارن (بدون اینکه صبر کند تا import های قبلی کامل اجرا شود) پردازش میشود اما require به صورت متقارن (گام به گام) اجرا می شود.

🟣 با require باید کتابخانه را به طور کامل به پروژه اضافه کنید اما با استفاده از import می توانید در صورت نیاز فقط قسمت مورد استفاده از کتابخانه مورد نظر را به پروژه اضافه کنید و باعث افزایش پرفورمنس و کاهش حجم باندل پروژه می شود.

🟣 متد require به طور خودکار فولدر node_modules را اسکن می کند ولی import که از ES6 به بعد به جاوااسکریپت اضافه شده است خودکار این فولدر را اسکن نمی کند.

💬 برای اکثر برنامه نویس ها که با استفاده از babel پروژه خودشون رو کامپایل می کنند تفاوت چندانی میان import و require احساس نمی کنند. چون babel تا حدزیادی این تفاوت ها را کاهش داده است.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Git

💣دوستان براتون تو یه فایل word ,تعداد زیادی از دستورات GIt که به کارتون میاد رو جمع آوری کردم.💣

⚠️میتونید از لینک زیر دسترسی پیدا کنید⚠️

https://docs.google.com/file/d/1RU9LdbWBUv1EGlAIYv-oFaCF1fqKTqd-/edit?usp=docslist_api&filetype=msword

امیدوارم مفید باشه براتون,اگر دوس داشتین 👍 و شییر یادتون نره🙏


@js_challenges
@js_masters_gp

New episode just getting exported ... 🔥

با این ویدیو رسما فصل اولش تموم میشه و بعد وارد دو فصل بسیار مهم دو و سه مربوط به مطالب پایه جاوااسکریپت میشیم 👌

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S01
#E03
005 Setting Up Our Code Editor_Dubbed

این ویدیو آخرین ویدیوی فصل اوله 🔥
داخل این ویدیو جوناس محیط VSCode رو آماده میکنه تا از فصل بعد مطالب پایه و بیس جاوااسکریپت رو شروع بکنه 👌

پ.ن اول: یه مقدار کیفیت صدا برای کاهش حجم کم شده ولی انشالا به زودی من این ویدیوها رو داخل گیت هاب هم میزارم (منظورم ویدیوهای با کیفیت اصلی هست) تا اینکه بتونید از اونجا بی دردسر بدون نیاز به وی پی ان دانلودشون کنید
—————————————-
پ.ن دوم: بازخورد و مخصوصا انتشار فراموش نشه و انرژی ها نیافته، بکوبید ریکشن ها رو ❤️🔥
—————————————-
پ.ن سوم: اگر میبینید نوشتم اپیزود 3 ولی اول اسم ویدیو نوشتم 005 به خاطر اینه که منظور من از اپیزود، ویدیو هست ولی داخل فصل اول یه سری فایل و پی دی اف و ... هم قرار گرفته که اونها شماره های 003 و 004 رو به خودشون اختصاص دادن که وقتی دوره رو بزارم روی گیت هاب میتونید به همشون دسترسی داشته باشید 👌

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره:
@js_challenges_courses

🔥 متد های دستکاری DOM در js

👨‍💻تو این پست براتون یه چیت شیت کامل برای دستکاری انواع و اقسام المنت‌های index.html عزیز آوردم😎

#Tips_N_Tricks

@js_challenges
@js_masters_gp

حتما به ویس توضیحات گوش کنید

#js_challenge
#no41
#easy_to_medium

هشتگ های مرتبط:
#arrays

لینک برنچ مربوط به چالش داخل ریپازیتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_37

وقتی چالش رو حل کردید، پول ریکوئست فراموش نشه ✌️

@js_challenges
@js_masters_gp